나의 RM

문하우스 프로그램들은 폰트어썸과 Sexy Button 그리고 말풍선(툴팁) 애드온들이 자주 사용됩니다.
Web Fonts Addon / 말풍선(툴팁) 애드온 을 설치해서 폰트어썸과 Sexy Button / 말풍선(툴팁) 애드온을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다.
페이지 기능을 지원하는 Widgets의 경우는 "위젯 케시를 0" 으로 두어야 정상 작동합니다.

애드온 Web Fonts 애드온 1.9 - 2024.05.12

팔공산 2020.11.23 13:25 조회 수 3,353

[ V_1.9 업데이트 ] - 2024. 05. 12

• 네이버 나눔스퀘어 네오 NanumSquareNeo 외부링크 추가

https://moonhouse.co.kr/xetip/590732

• Font Awesome 6.5.2 외부링크 UP

 

[ Noto Sans KR 수정 ]

기존 ebay.co.kr에서 제공하던 소스가 막혔네요, 구글로 수정해 주세요

/addons/web_fonts/web_fonts.addon.php 파일 수정

if( $addon_info->noto_use == 'enable' ) {
    Context::addCSSFile('///fonts.googleapis.com/earlyaccess/notosanskr.css');
}

 

[ V_1.8 업데이트 ] - 2022. 03. 29

• 폰터 어썸 V 6.1.1으로 버전 UP

 

[ V_1.7.1 업데이트 ] - 2021. 08. 29

1. sky 색상 추가해서 총10가지 - SketchBook5 MH 게시판스킨 에서 10가지 색상 필요

 

[ V_1.7 업데이트 ] - 2020. 11. 23

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

2. Noto Sans Korean 폰트 추가 - 외부파일 불러오기

css파일에 { font-family: "Noto Sans Korean", "Open Sans", sans-serif; }

 

[ V_1.6 업데이트 ] - 2019. 12. 18

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

2. Sexy Button

- dark와 white 색상 추가해서 총 9가지

- 버턴크기 mini를 추가해서 총 3가지

 class="sbtn_mini sbtn-white"

 class="sbtn_mini sbtn-dark"

Screenshot 2019-12-13 at 22.00.02.jpg

 

[ 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. gray  <a href="{getUrl}" class="sbtn"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a> 

 

이 자료의 평점 (참여 : 0 / 총 점수 : ) 평균 평점 : 0.0점 내 평점 : 0
팔공산

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

적용된 링크
https://moonhouse.co.kr/qa
설치경로
/addons/web_fonts
자료적용
Yes
자체평가
10
첨부 4

댓글 7

  • K-20200103-395561.png.jpg

    제로보드 1 최신버전과 xedition레이아웃에서 테스트한결과

    제작하신 애드온상의 xicon은 사용안함인데도, welcome_main.html 페이지내의 start-up 하단 xicon의 정렬이 깨지네요.

    xicon이 사용된 레이아웃이나 다른 font쪽과 충돌이 있을지도 모르겠습니다.

     

    항상 자료 감사하게 잘 쓰고 있습니다. ^^

  • 팔공산 20.01.03
    제가 XE와 오리지널 xedition레이아웃을 사용을 하지를 않아서 구현이 힘드네요.
    제가 해본 방법은 xedition의 xicon부분 지우고 웹폰트에서 작동되게 하니 정상 작동은 하는데 제가 xicon을 잘 사용하지를 않아서 정확한 답변은 힘드네요.
    참고로 xedition의 xicon지우는 방법은 layout.html안에 아래 부분 삭제하시면 됩니다.
    <load target="./css/xeicon.css" cond="$mid === 'xeicon'" />
    <load target="../../common/xeicon/xeicon.min.css" />
  • 팔공산 20.01.03

    테스트 해 보니 Google Material Icons을 적용하기로 하니 그렇네요.
    일단 적용안함으로 사용하세요.

  • 테스트 감사합니다. ^^/

    잘 쓸께요.
  • 호로이 20.03.24
    감사합니다. 매우 도움이 되었습니다
  • 우성짱 20.09.20
    감사합니다!
  • adlib 21.03.22
    다운로드시 에러메세지가 뜹니다.
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 용량 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )