메뉴 건너뛰기

MH

호스팅 이전 하면서 /xe 떼고... http://moonhouse.co.kr/gongi/483001 위의 글에서 처럼 호스...
HTML Table이 디바이스 및 화... 윤삼님이 Xetown에 올려주신 내용을 가져왔습니다. https://x...
문하우스 애드온들 문하우스의 애드온 모음집 탭 위젯을 생성하게 해주는 에디터...
Url 링크에 아이콘을 달아주... 게시글보기 링크문구 바로가기 아이콘 출력하기 팁을 애드온...
게시글보기 링크문구 바로가... 게시글 보기시 Url링크 바로가기 뒤에 아이콘을 출력하는 Tip...
게시판 글쓰기시 Tag부분 출... Xetown에 질문글이 올라 왔길래 스케치북5 게시판 옵션을 보...
"드래그하여 페이지/문... 드래그하여 페이지/문서 이동 애드온 https://xetown.com/poi...
미디어플레이어 애드온(Media... MediaElement.js와 HTML5 video,audio 태그를 이용한 미디어 ...
드래그하여 페이지/문서 이동... 모바일 환경에서 드래그하여 페이지/문서를 이동할 수 있습니...
조회 수 527 추천 수 0 댓글 0
Extra Form
적용된링크 https://moonhouse.co.kr/qa
설치경로 /addons/web_fonts
자료적용 Yes

Google Material Icons 애드온을 만들고 나니 웹톤트 애드온들이 여러개 있더군요,

그래서 한개의 애드온안에 모두 담아 보았습니다. 


webfont.jpg


<block cond="$layout_info->copyright"><i class="material-icons md-12">copyright</i>{$layout_info->copyright} l </block><a cond="$layout_info->mail" href="mailto:{$layout_info->mail}" class="mail" title="{$layout_info->mail}" style="color:{$layout_info->bt_text_color}"><i class="fa fa-envelope"></i>Send E-mail l </a><a href="https://moonhouse.co.kr/" onclick="window.open(this.href);return false;" style="color:{$layout_info->bt_text_color}"><i class="xi-note xi-rotate-180"></i> Designed by MoonHouse.</a>

webfont1.jpg

위의 소스에서 "1번이 Google Material Icons" "2번이 Font Awesome" "3번이 Xeicon" 입니다.

 

Google Material Icons 사용방법 https://moonhouse.co.kr/389110 을 예전에 설명을 했는데 

일일이 불편한 것 같아서 애드온으로 만들어 봤습니다.


Font Awesome 로드 애드온 https://www.xpressengine.com/22649096 과 같이 사용하시면 

프로그램 제작시 아이콘 걱정은 어느정도 해결이 될 것 같습니다.


https://moonhouse.co.kr/qa 게시판스킨에 두가지의 웹폰트 아이콘을 적절히 사용해 보았습니다.


사용예.jpg



Who's 팔공산

profile

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

Atachment
첨부 '5'
    댓글이 하나도 없네요ㅠㅠ
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.</br> 자료에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?
Comment '0'

  1. 08
    Jun 2016
    01:05

    MH 위젯스타일 V1.0

    https://moonhouse.co.kr/296781 예전에 급하게 만들었던 위의 "MH 위젯스타일"을 약간 수정했습니다. 전 버전은 이미지가 고정되어 있었으나 이번 버전은 타이틀 글수에 따라서 이미지가 자동으로 조정됩니다.
    Category기타 Reply0 Views282 Votes0 file
    Read More
  2. 19
    Jun 2017
    23:31

    사이트선택 전용 레이아웃 V1.1

    홈페이지의 첫 화면에서 두곳의 사이트를 선택하고 싶을때 사용하시면 유용한 레이아웃입니다. [특징] - 배경이미지 or 색상 적용가능 - 슬라이드 배경이미지 선택가능 - 상단 메뉴바의 선택가능 - 선택사이트 마우스오브시 화려한 이미지출력 - 본문 에니메이션 적용 - 사이트 4개까지 가능 [V 1.1 업데이트 내역] - "본문 ...
    Category레이아웃스킨 Reply0 Views270 Votes0 file
    Read More
  3. 11
    Oct 2017
    23:36

    탭 형태 최근 문서 출력 3가지 스킨

    XE 초기에 나왔던 위젯인 tab_newest_document 입니다. Zero님이 만드신 기본스킨 "xe_official"만 있었는데 Uyano님이 만드신 "탭 최근글 출력 스킨"과 누가 만든지는 모르겠지만 "탭 형태 최근 이미지 출력" 이렇게 2가지스킨이 추가된 위젯을 올립니다. XE가 많은 버전업이 되었고 라이믹스도 나왔지만 잘 작동하고 필요...
    Category위젯 Reply0 Views176 Votes0 file
    Read More
  4. 07
    Sep 2007
    19:56
    No Image

    이모티콘 590여개 모음

    이것 저것 다 끌어모아논 이모티콘 590여개 입니다.받은 파일을 /zbxe/modules/editor/components/emoticon/tpl/images안에 푸시면 됩니다. * simulz님의 종류별 모음+탭 메뉴 (#7, 20070909)에 적용한 emoticons.zip도 올립니다. 설치 해보기 emoticons.zip첨부된 파일을 아래 폴더(새 폴더)에 압축을 풀면 됩니다./zbxe/mo...
    Category기타 Reply1 Views5281 Votes5 file
    Read More
  5. 18
    Apr 2016
    00:48

    댓글 유도글 남기기

    위의 이미지와 같이 댓글을 유도하는 문구를 각 게시판별로 남기는 방법입니다. 게시판모듈에서 수정할 스킨을 선택해서 (sketchbook5을 예로 듭니다) 1. skin.xml를 열어서 적당한 곳에 추가 <var name="comment_induce_mid" type="text"> <title xml:lang="ko">댓글 유도 mid</title> <title xml:lang="en">Comment Induce...
    CategoryTip Reply1 Views213 Votes5 file
    Read More
  6. 28
    Oct 2016
    00:14

    레이아웃에 원형메뉴 구현하기

    위의 이미지에서 보는 것과 같이 마우스클릭시 6개의 원형메뉴가 레이아웃에 나타나게 하는 방법입니다. 적용할 레이아웃을 고릅니다. 1. ../conf/info.xml을 열어서 아래의 메뉴항목을 추가합니다. <var name="roundmenu" type="select"> <title xml:lang="ko">★원형 메뉴사용</title> <title xml:lang="en">★Total Bottom ...
    CategoryTip Reply0 Views129 Votes0 file
    Read More
  7. 09
    May 2016
    23:32

    윈도우창기능 팝업위젯 - MH_Windows_Popup V 1.2

    [스케치북게시판 사용시 주의사항]- 윈도우창기능 팝업위젯을 스케치북게시판 사용중인 사이트에 적용하면 댓글 등록시 "내용값을 입력하세요" 라는 문제점이 발견되었습니다.- 위젯을 수정해 볼려고 했으나 잘 안되고 스케치북 코드를 살펴봐도 잘 모르겠네요.ㅠㅠ - 그래서 편법이지만 스케치북 게시판의 설정을 변경하는 ...
    Category위젯 Reply1 Views416 Votes0 file
    Read More
  8. 11
    Jun 2016
    00:50

    CSS3로 메뉴에 hover 효과주기 - 회전하며 색상및문구변경

    [크롬에서는 정상적으로 작동을 하나, 익스플로러에서는 마우스클릭이 어렵습니다] 아래의 메뉴에서 처럼 마우스오버시 회전하며 색상및 문구가 변경되게 하는 Tip을 XE메뉴에 적용하는 방법입니다. .gnb { margin:0px Auto; text-align: center; padding:0 5px; } .gnb a { padding:0 5px 0 0px; font-weight:bold; font-si...
    CategoryTip Reply0 Views413 Votes0 file
    Read More
  9. 05
    Jun 2014
    01:53

    SketchBook5 게시판스킨 XE1.7버전용 - 문하우스 수정버전(유투브형식,더블웹진)

    SketchBook5 게시판스킨 XE1.4 버전용을 수정해서 사용하다 이번에 XE1.7 버전대로 작업할 일이 생겨서 제가 편리하게끔 수정한 버전입니다. sketchbook5_MH.zip[목록유형에 유투브형과 더블웹진 추가] [제목에 이미지 사용시 본문 보기시 이미지가 같이 내려가 버려서 게시판최상단 이미지를 추가하는 부분 추가][쓰기버턴 ...
    Category게시판스킨 Reply2 Views22311 Votes1 file
    Read More
  10. 30
    Mar 2016
    01:58

    Web Fonts 애드온 1.0 - Xeicon, Font Awesome, Google Material Icons, NanumGothic

    Google Material Icons 애드온을 만들고 나니 웹톤트 애드온들이 여러개 있더군요, 그래서 한개의 애드온안에 모두 담아 보았습니다. <block cond="$layout_info->copyright"><i class="material-icons md-12">copyright</i>{$layout_info->copyright} l </block><a cond="$layout_info->mail" href="mailto:{$layout_info->...
    Category애드온 Reply0 Views527 Votes0 file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 18 Next
/ 18
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...