메뉴 건너뛰기

MH

마감일자 있는 게시판 내용을... "마감일자가 있는 성격의 게시물 제목에 자동으로 상태(종료,...
마감일자가 있는 성격의 게시... 게시물의 성격에 따라 마감일자가 있는 게시물이 있습니다. ...
Html안에서 이미지 경로 설정... XE 나 라이믹스에서 레이아웃이나 위젯등의 코드를 짤때 이미...
로그인 회원만 파일 다운로드... 파일 다운로드 권한을 주는 변수는 없는 것 같아서 다운로드 ...
Mh Close 위젯스타일 위젯에 닫기 버턴을 달아보자 Tip 을 남기고 이것을 적용해 ...
게시판 상단에 풀립형식으로 ... Xetown에서 맥스터님이 질문하신 내용이 제가 커스텀해서 사...
Mh Folding 위젯 V1.1 [ 특징 ] 1. 폴딩형태의 아코디언 위젯입니다. 2. 박스에 마...
위젯에 닫기 버턴을 달아보자 바탕 슬라이드로 작동하는 레이아웃의 경우 화면에 위젯을 띄...
레이아웃에 Elegant Accordio... Mh Elegant Accordion 위젯 을 만들기전 테스트용으로 레이아...
레이아웃스킨
2016.03.28 02:01

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

조회 수 773 추천 수 0 댓글 0
Extra Form
적용된링크 https://moonhouse.co.kr/
설치경로 /layouts/mh_Lego
자료적용 Yes
XE마켓에 올려서 한분의 구매자만 나타났던 레이아웃을 XE최신버전(1.8)에 맞추어서 새롭게 단장한 문하우스 홈피 기념으로 올립니다. (지금 문하우스 홈피에 사용중인 레이아웃입니다)
 
반응형이나 최신기술이 적용된 것은 아니나, 
간단한 홈페이지 제작용이나 레이아웃을 공부하실려는 XE초보분들에게는 좋은 샘플이 될 것입니다.
 
아래의 레이아웃 메뉴얼은 마켓에 올려져 있는 내용 그대로 가져온 것 입니다.
새롭게 수정하면서 약간의 변화는 있으나 내용의 변화는 거의 없습니다만, 
사용하시면서 다른 부분이 있으면 댓글로 달아주시면 답변 드리겠습니다.
 

mh_lego.jpg

 
1.ColorSet이 투명, 하나밖에 존재하지 않습니다.
   - 그러나 다양한 Option의 Color지정으로 다양한 Color로의 연출이 가능합니다.
   - 배경Image 지정 / 배경Color / 메인Image / 메인Color 기타등등
2. Site의 Type을 다양하게 연출할 수 있습니다.
   - Main형태 / Sub형태 / 폭넓이 변경 / 좌측배치,중앙배치 / Sub형태의 좌,우측배치 기타등등
3. 최대한 사용자 입장에서 다양한 Option의 지정이 가능하게 연출했습니다.
   - LogIn, 언어영역의 출력유무와 Toggle유무 / 상,하단 SiteMap의 출력유무와 Toggle유무 / SocialXE의 지원 / 
     Main메뉴상단에 SlideBanner출력지원, 현재위치(빵메뉴?)출력 기타등등
4. 상단메뉴의 Type을 3가지로 선택할 수 있으며 상단Bar의 형태를 Image / Color / 투명으로 선택이 가능합니다.
  - 세로 펼침메뉴 / 가로펼침메뉴 / Only 1차메뉴
5. Main 좌,우측에 졸졸이Stalker 메뉴를 지원합니다.(상세 내용은 아래에...)
   - 졸졸이메뉴 / 해당2차메뉴 / Flash 이렇게 3가지 지원합니다.
6. 각 Part별로 별도의 Html과 Css로 분리되어 있어서 직관적이고 편리한 수정이 가능합니다.
    11.jpg
 
00.jpg
01.jpg
 
02.jpg
03.jpg
[졸졸이스토커 메뉴 설정법]
1. 레이아웃설정 하단의 메뉴부분에 '졸졸이 메뉴(side_menu)'에서 적용할 메뉴(ex;stalker)를 선택합니다.
   05.jpg
2. 당연히 그전에 '관리자화면설정 - 사이트맵'에서 적용할 메뉴(ex;stalker)를 만들어야겠죠.
   아시다시피 메뉴를 설정할때 '메뉴이름'이 텍스트로 설정되지만 '이미지버턴'으로의 설정도 가능합니다. 
   이 부분을 잘 활용하면 아름다운 졸졸이도 가능합니다. 
   그리고 굳이 XE자체의 mid가 아니어도 '연결 url'에 해당이미지의 url을 직접 지정해도 됩니다.
   이 부분을 잘 활용하면 졸졸이 부분에 Banner들의 나열도 가능합니다. 
   06.jpg
3. 스토커설정에서 
   형태는 [졸졸이메뉴 / Wing영역메뉴 / 플래시] 3가지로 나누어집니다.
    * 졸졸이메뉴 - 위의 1. 2. 에서 설명한 내용
    * Wing영역메뉴 - 해당1차메뉴의 2차메뉴가 메인영역 우측에 출력됩니다.
    * 플래시메뉴 - 플래시로 작업한 이미지를 등록합니다.
   타입은 [이미지액자 / 텍스트] 2가지로 나누어집니다.
    * 이미지액자 - 상단, 중단, 하단, 라인 이렇게 4가지의 이미지를 등록하여 사용합니다.(라인은 제외해도 상관없읍니다)
    * 텍스트 - 이미지적용없이 간단하게 나타나며 배경색, 텍스트색상, 테두리두께 지정들이 가능합니다.
   04.jpg
4. 하단으로 내리기 / 상단으로 올리기 기능이 같이 추가 되어 있습니다.
    이미지테두리의 경우 상단, 하단이미지가 그 기능을 수행하며
    텍스트의 경우 ▲ ▼ 가 상,하에 자동으로 생성됩니다.
    [텍스트]
    07.jpg 
    [이미지] - 상단 UP이미지, 하단 SpiderMan이미지, 중간과 라인이미지는 생략함    
    08.jpg
 
[상단전체메뉴보기 영역에 위젯삽입시]
10.jpg
09.jpg
 

p.s 참고로 버전이 왜 문하우스 레고 레이아웃 Ver 1.8 인가하면 XE버전을 따라갔습니다.^.^ 

photoshop파일(psd파일)들을 첨부합니다. 필요하시면 활용하세요.
마음대로 수정, 배포 모든 것이 가능합니다. 

Who's 팔공산

profile

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

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

  1. 09
    May 2016
    23:32

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

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

    레이아웃에 팝업창 띄우기

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

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

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

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

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

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

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

    Web Fonts 애드온 1.6(폰트어썸 V5.11.2 - 2019.12.13 UP)

    [ V_1.6 업데이크 ] - 2019. 12. 13 1. 폰터 어썸 V 5.11.2으로 버전 UP 2. Sexy Button - dark와 white 색상 추가해서 총 9가지 - 버턴크기 mini를 추가해서 총 3가지 class="sbtn_mini sbtn-white" class="sbtn_mini sbtn-dark" [ V_1.5 업데이크 ] - 2018. 10. 29 1. 폰터 어썸 V 5.4.2으로 버전 UP 2. 폰터 어썸 V4 / V5...
    Category애드온 Reply0 Views901 Votes0 자체평가 : 10 updatefile
    Read More
  9. 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 Views558 Votes0 자체평가 : file
    Read More
  10. 11
    Jun 2014
    19:00

    문하우스 최신글+썸네일+내용글+댓글 멀티 위젯 V2.1

    XE1.4 시절 열심히 활동하던때 만들었던 문하우스 카멜레온 위젯중 MH통합위젯이 있었는데 XE가 버전업 되면서 작동을 하지 않아서 수정을 포기했었는데, 요즘 시간이 좀 있어서 XE 1.7 에서 작동되겠끔 수정했습니다. 거의 모든 기능들은 작동이 되는데 박스아래 페이지 기능이 작동을 하지를 않네요. 이 기능이 작동을 해...
    Category위젯 Reply2 Views24297 Votes1 자체평가 : file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 19 Next
/ 19
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...