You cannot see this page without javascript.

메뉴 건너뛰기

MH

CSS 말줄임 처리하기 일반적으로 글자가 넘어가는 경우를 대비해서 백엔드단계에서...
MH StartStopSlider 위젯 화면 출력이 슬라이딩형식으로 흘러 갑니다. [특징] - 이미지...
Sketchbook5 게시판 글작성시... Sketchbook5 게시판을 사용하여 글 작성시 상단에 빵조각 메...
Xedition 레이아웃 스킨에서 ... Xedition 레이아웃을 사용해 오면서 별 불만이 없는데 상단에...
xedition레이아웃과 sketchbo... xedition레이아웃과 sketchbook5 게시판을 함께 사용하면 게...
MH Pointy Slider 레이아웃 MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 ...
MH PageSwitch 위젯 갤러리슬라이드를 다양한 형태로 제공하는 PageSwitch Widget...
MH_Sliding 레이아웃 MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받...
카카오링크 애드온(mh_kakao_... sejin7940님이 2015년에 만드신 카카오링크/카카오스토리 (se...
조회 수 728 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form
적용된링크 http://moonhouse.co.kr/xe/qa
설치경로 /addons/web_fonts
자료적용 Yes

[ 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> 

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

  1. 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 Views410 Votes0 file
    Read More
  2. 08
    Jun 2016
    01:05

    MH 위젯스타일 V1.0

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

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

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

    레이아웃에 팝업창 띄우기

    XE 레이아웃에 Windows창 같이 움직이고 작아지고 커지고 화면조절 되는 팝업창 설치하는 방법입니다. 먼저 팝업창을 설치할 레이아웃의 layout.html안에 메인화면부분에 아래의 코드를 삽입합니다. 1. PopUp창 출력설정 <!-- PopUp창 --> <block cond="!$layout_info->popup == ''"><include target="popup.html" /></block...
    CategoryTip Reply0 Views393 Votes0 file
    Read More
  5. 26
    Apr 2016
    19:37

    마우스오버시 우측으로 펼쳐지는 내용 및 메뉴

    마우스오브시 상단의 이미지와 같이 로그인메뉴가 나오고 알림글이 우측으로 펼처져 출력되게 하는 방법입니다. 아이디어에 따라서 다양한 출력이 가능하겠죠. * 먼저 css파일에 추가할 코드 /* Accordion Toggle */ .ubt { text-align:left; list-style: none; padding:5px; margin:0 Auto; } .ubt { zoom: 1; } .ubt:befor...
    CategoryTip Reply0 Views274 Votes0 file
    Read More
  6. 26
    Apr 2016
    01:48

    Wing영역 아코디언메뉴 생성하는 방법

    레이아웃의 본문 좌,우측 Wing영역에 이미지파일 하나도 사용하지 않고 스타일리시하게 3차 Menu부터 아코디언처럼 펼쳐지는 메뉴설정 방법입니다. 1. 메뉴를 추가할 레이아웃의 layout.html안에 Wing영역의 메뉴부분에 아래의 코드를 추가합니다. 제가 사용중인 파일도 올립니다. wingmenu.html-x 올리고 보니 .html 확장자...
    CategoryTip Reply0 Views212 Votes0 file
    Read More
  7. 21
    Apr 2016
    04:05

    메뉴 클릭시 화면 중앙에 팝업으로 띄우기

    위의 이미지와 같이 해당 메뉴를 클릭시 화면 중앙에 팝업으로 띄우는 소스입니다. "개인정보취급방침" 같은 메뉴를 띄울때 사용하면 좋겠죠... 1. privacy라는 임의의 페이지mid를 생성해서 문구를 작성합니다. 아래의 소스를 해당 레이아웃의 적당한 곳에 배치를 합니다. <a href = "javascript:void(0)" onclick = "docum...
    CategoryTip Reply0 Views231 Votes0 file
    Read More
  8. 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
  9. 28
    Mar 2016
    02:01

    문하우스 레고 레이아웃 Ver 1.8

    XE마켓에 올려서 한분의 구매자만 나타났던 레이아웃을 XE최신버전(1.8)에 맞추어서 새롭게 단장한 문하우스 홈피 기념으로 올립니다. (지금 문하우스 홈피에 사용중인 레이아웃입니다) 반응형이나 최신기술이 적용된 것은 아니나, 간단한 홈페이지 제작용이나 레이아웃을 공부하실려는 XE초보분들에게는 좋은 샘플이 될 것...
    Category레이아웃스킨 Reply0 Views620 Votes0 file
    Read More
  10. 22
    Apr 2016
    14:28

    Web Fonts 애드온 1.5(폰트어썸 V5.4.2 - 2018.10.29 UP)

    [ 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 B...
    Category애드온 Reply0 Views728 Votes0 file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 17 Next
/ 17
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...