자료실 상세소개
Xe자료실에 있는 자료들은 이곳 저곳에서 제가 필요하다고 생각되는 것들을 모아 놓은 게시판입니다.
저작권 관계로 자료들을 올리진 않습니다. 원래 사이트의 자료가 없어진 경우는 꼭 필요한 경우는 저에게 쪽지로 주시면 제가 가지고 있는 한도내에서는 보내 드리겠습니다.
저작권침해가 되지 않는 경우에 한 합니다.
애드온
2019.02.25 21:14

문하우스 애드온들

조회 수 233 추천 수 0 댓글 0
Extra Form
제작자 윤삼
출처 https://xetown.com/tips/1180004
적용여부 적용

문하우스의 애드온 모음집


[ V_1.5 업데이크 ] - 2018. 10. 29

1. 폰터 어썸 V 5.4.2으로 버전 UP

2. 폰터 어썸 V4 / V5 통합됨

 

[ V_1.4 업데이크 ]

1. Sexy Button의 button소스가 XE와의 충돌로 문제

    - button_ 부분을 sbtn_으로 수정

    - button- 부분을 sbtn- 으로 수정

    - button_small button-red 를 sbtn_small sbtn-red 이렇게 변경해야지 Sext Button에드온이 작동함.

    - Sexy Button으로 자신이 버턴을 만든적이 없으면 Pass~      

 

[ V_1.3.1 업데이크 ]

1. 폰터 어썸 5.0.2으로 버전업후 일부 4.7.0 아이콘들 사리지는 증상을 해결(두버전 모두 포함)  

 

[ V_1.3 업데이크 ]

1. 폰터 어썸 5.0.2으로 버전업

2. 나눔고딕도 내,외부 파일 불러오기로 구분하였습니다.

 

[ V_1.2 업데이크 ]

1. 폰터 어썸 4.7.0으로 버전업

2. 폰터 어썸 을 내부, 외부 둘 중에서 선택해서 불러올 수 있게 수정함 

 

Web Fonts 애드온 1.0 에 Sexy Button을 추가했습니다.

Font Awesome Icons도 4.5.0으로 버전업 되었습니다.

 

"Sexy Button"은 웹폰트는 아니지만 작동기능이 비슷하고 사용목적도 비슷해서 같이 합쳤습니다.

Sexy Button은 제가 붙힌 것은 아니고 소스를 얻은 곳에서 사용된 제목입니다.

webfonts.jpg

 

[Sexy Button 사용법]

 

button.jpg

 

위의 이미지에서 보이는 버턴들이 "Sexy Button"을 적용해 만든 버턴들입니다.

큰 버턴, 작은버턴, 총 7가지의 색상으로 구현할 수 있습니다.

그리고 Font Awesome Icons과 함께 사용하도록 만들어져 있습니다.

위에 다섯개가 작은버턴 5가지 색상입니다.

1. blue <a href="{getUrl}" class="sbtn_small sbtn-blue"><i class="fa fa-step-backward"></i>문구</a>  

2. green <a href="{getUrl}" class="sbtn_small sbtn-green"><i class="fa fa-step-forward"></i>문구</a> 

3. purple <a href="{getUrl}" class="sbtn_small sbtn-purple"><i class="fa fa-list"></i>목록</a> 

4. orange <a href="{getUrl}" class="sbtn_small sbtn-orange"><i class="fa fa-pencil-square-o"></i>수정</a> 

5. red <a href="{getUrl}" class="sbtn_small sbtn-red"><i class="fa fa-trash"></i>삭제</a> 


아래 두개가 큰버턴 2가지 색상입니다.

6. yellow <a href="{getUrl}" class="sbtn  sbtn-yellow"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a> 

7. grey  <a href="{getUrl}" class="sbtn"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a>

sejin7940님이 2015년에 만드신 카카오링크/카카오스토리 (sejin7940_kakao link)애드온

최근에 카카오톡 링크 V2 API 로 업데이트 되면서 아래 문구가 뜨면서 작동이 되지를 않더군요.

" 최신 버전의 카카오톡 링크가 적용되지 않은 앱(또는 서비스)에서 공유하기를 하였습니다.

해당 앱을 업데이트 하거나 최신 버전의 카카오톡 링크를 적용하도록 앱 개발사에 요청해 주세요. "


그래서 필요에 의해서 수정하면서 올려봅니다.

이름을 그대로 사용하기가 그래서 살짝 이름 변경했습니다.


사용법은 sejin7940님의 것을 그대로 가져 왔으며,

카카오링크만 적용 했으며, PC / 스마트폰 모두 작동합니다.

새 애드온에는 불가피하게 카카오사이트에 가입하고 API 키 발급과정이 필요합니다.

1. API 키 발급방법

1) https://developers.kakao.com 에 가입
2) 앱만들기 에서, 앱 이름을 정하신 후 (큰 의미 없습니다)
3) Javascript 키  값을 기억을 해두세요 ( 애드온 설정에 기재하셔야합니다)
4) 좌측 설정->일반 을 누른후,  '플랫폼 추가' 버튼을 클릭하고 
   웹 클릭 후 ,  사이트 도메인 기재하시고 저장
   
   << 주의 >>  사이트도메인은 www 포함한 도메인, www 뺀 도메인 두가지 다 기재해주세요!

5) 설치된 애드온에서, mh_kakao_link 애드온 설정 누르신 후
   javascript key  입력하고,  사이트 이름 입력 (카카오링크 하단에 나타날 이름입니다) 하시면 됩니다.
   그 후 해당 애드온을 사용으로 체크하시면 됩니다

img_1.jpg

"https://developers.kakao.com/docs/js/kakaotalklink#스크랩-템플릿-보내기" 참고로 수정했습니다.


p.s 참고로 문서페이지와 게시판에서만 작동합니다.(위젯페이지에서는 작동 안합니다)

게시글보기 링크문구 바로가기 아이콘 출력하기 팁을 애드온으로 만들어 봤습니다.

https://moonhouse.co.kr/xetip/479253 <- 요거


img.png

애드온 설정에서 아이콘이 출력될 영역의 ID 나 Class를 지정하시면 그 부분만 아이콘이 출력됩니다.

1. 기본으로는 body 이므로 레이아웃이나 게시글, 페이지글 모든 영역에 적용이 되며

2. 스케치북5 스킨의 게시글의 본문 영역만 설정할려면 .cont

본문영역+댓글+확장영역 게시판전체를 설정할려면 .rd


3. 레이아웃의 content부분만 설정할려면 layout.html 파일을 열어서 {$content}부분을 content ID로 감싸주시고



 {$content}


에드온 설정에서 #content 로 적용하시면 됩니다. 저는 이게 가장 마음에 듭니다.

 

탭 위젯을 생성하게 해주는 에디터 컴포넌트 - 베타 버전 시험페이지

https://xetown.com/tips/1180004

?

XE Data

Xe자료실에 있는 자료들은 이곳 저곳에서 제가 필요하다고 생각되는 것들을 모아 놓은 게시판입니다.

  1. No Image

    문하우스 애드온들

    문하우스의 애드온 모음집 탭 위젯을 생성하게 해주는 에디터 컴포넌트 - 베타 버전 시험페이지 https://xetown.com/tips/1180004
    Date2019.02.25 Category애드온 Reply0 Views233
    Read More
  2. 미디어플레이어 애드온(MediaElement addon)

    MediaElement.js와 HTML5 video,audio 태그를 이용한 미디어 플레이어 및 유튜브 링크 애드온입니다. 당초에는 유튜브 뮤직을 링크시켜주는 애드온을 찾다고 없어서 시작했는데 일판이 좀 커졌네요. 애드온 이름을 몇번 바꾸다가 최종적으로 미디어플레이어 애...
    Date2019.02.09 Category애드온 Reply0 Views120 file
    Read More
  3. 드래그하여 페이지/문서 이동 애드온

    모바일 환경에서 드래그하여 페이지/문서를 이동할 수 있습니다. 1.1.1 코드 정리 조건문 타입에러 수정 기능적으로는 마지막 업데이트이지 않을까 싶습니다 불친절하게도 관리자설정이 따로 없습니다 tpl/index.html에서 터치영역을 직접 입력하여 사용하세요...
    Date2019.02.09 Category애드온 Reply0 Views86 file
    Read More
  4. jQuery Viewer 애드온(lightbox 계열, 확대축소 가능)

    이미지 클릭시 원본을 보여주는 애드온입니다. 다운로드 하지 않아도 확대 축소가 가능합니다. 기존의 Resposive Photoviewer 애드온을 대신합니다. https://github.com/fengyuanchen/viewer 참조 포토뷰어에 대한 욕심이 많아서 벌써 10여개의 포토뷰어 애드...
    Date2019.02.09 Category애드온 Reply0 Views85 file
    Read More
  5. responsive photo viewer 애드온

    https://github.com/nzbin/photoviewer#readme nzbin의 photoviewer를 XE에 적용한 애드온입니다. 본문내이미지조절 애드온을 끄고 사용하시기 바랍니다. 화면상에서 사진의 확대 축소가 가능하며 마우스 휠을 굴리면 사진의 확대 및 축소가 이루어집니다.
    Date2018.12.29 Category애드온 Reply0 Views70 file
    Read More
  6. 템플릿 컴포넌트

    - '템플릿 컴포넌트'입니다. - 미리 완성된 서식(템플릿)을 이용해 문서를 편집할 수 있게 해주는 에디터 컴포넌트입니다. 기본 기능 - 원래는 회원 발송용 뉴스레터 템플릿을 제공하기 위해 만들었던 컴포넌트입니다. GG님의 관리자 메일 모듈과 같이 쓰면 좋...
    Date2018.07.05 Category기타 Reply0 Views145 file
    Read More
  7. 가입권유 애드온 v2.3

    가입권유 애드온 1. 애드온이 html 상단에 출력되서 발생하던 css 문제를 수정했습니다. 2. 회원가입창등에서 뜨지 않도록 수정했습니다. 3. 로그인 이후에도 뜨는 문제 수정 4. 무료로 전환 (그동안 포인트 먹튀해서 죄송합니다 -_ㅜ ) 본업이 인터넷 관련직...
    Date2018.02.14 Category애드온 Reply14 Views398 file
    Read More
  8. 날씨 위젯

    현재 위치(지오로케이션)기반 날씨 위젯을 만들기로하고 일주일이 지났네요 @.@ 너무 오래 붙잡고 있으면 안될꺼 같아서 주말에 시간내서 마무리 지었습니다. 우선 배포하고 문제가 발견되면 추후 수정하는게 좋다는 생각입니다... ㅎㅎ 개인적으로 사용하던 ...
    Date2018.02.07 Category위젯 Reply0 Views378 file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 ... 21 Next
/ 21
서버에 요청 중입니다. 잠시만 기다려 주십시오...