Data Of MoonHouse

MH Before V1.1 위젯

[ 특징 ] 1. Before이미지 와 After이미지를 비교하는 위젯 2. 지정 게시판에 Before 이미지를 처음 올리고 After 이미지를 두번째로 업로드 3. 대상 분류 srl값으로도 출력가능 4. 이미지의 사이즈는 첫이미지, 즉 Before이미지의 사이즈를 따라갑니다. 되도록이면 사이즈를 동일하게 만들면 됨 5. 중앙에 화살표를 좌우로 움직이면 Before / After 이미지로 출력 6. 하단문구 지정 가능 7. 게시글의 이미지 순서 지정 가능 [게시판 화면] [위젯 화면] [화살표를 좌로 움직인 화면]

More →

MH Before V1.1 위젯

Mh Make 위젯스타일

문하우스 대문페이지에 있는 위젯스타일입니다. [특징] 1. 테두리의 유무 2. 타이틀 색상, 타이틀 앞 언더바 색상 지정 가능 3. 더 보기 출력 4. V1.1 - 테두리 색상 지정 가능 [설정 화면]

More →

Mh Make 위젯스타일

Mh BigSlider V2.0 위젯 - 2023.07.13

[-s] [ V 2.0 특징 ] 1. 배경 이미지 제거 스킨 추가 2. 어떤 크기라도 가능 3. 슬라이드 내용 가로, 세로 정렬 [-] [ V 1.1 특징 ] 1. Slide 설정에 자동 슬라이드쇼, 마우스 hover시 슬라이드 쇼 일시 중지, 랜덤 재생 추가 2. 마우스 hover시 썸네일 확대 [ 특징 ] 1. 깔금한 슬라이드 배경이미지 적용 2. 3개의 스킨 적용 - 1080px / 850px / 750px 레이아웃폭에 적당한 크기 3. 좌,우측 네비와 하단 Dot 선택 가능 4. 썸네일과 제목, 내용, 날짜를 출력하는 위젯 - 선택가능 5. 확장변수 선택시 바로가기 버턴 출력 6. 단점으로 배경...

More →

Mh BigSlider V2.0 위...

SketchBook5 게시판스킨 - 문하우스 수정버전 V2.6 - 2024.01.03

문하우스 수정버전의 스케치북 스킨은 자체 폰트어썸 기능을 제거해놓은 상태입니다. Web Fonts Addon 을 설치해서 폰트어썸과 Sexy Button을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다. • 기존 스케치북 게시판 스킨에 덮어 쓰기 해도 잘 작동됩니다. (혹시 모르니 백업은 필수!!) - /modules/board/skins/sketchbook5 에 모든 파일을 덮어 쓰기 하면 됩니다. • XE 사용자의 경우 [ 본문 일반 설정 > 추천/비추천 기능 XE사용 ] 에서 XE사용을 선택하면 됩니다. [-s] [ V2.6 수정 ] 1. 프로필 이미지 자동 입력 형태 선택시...

More →

SketchBook5 게시판스...

Mh Justice Layout V 1.5 [ 2023. 02. 07 ] - Sale 제품(₩39,000)

Mh Justice Layout is a one page html5 bootstrap template. This template comes with smooth animations, pop-up video and many more… 1. OnePage로 출력되며 Bootstrap과 Animations를 적용하여 스크롤 되는 순간 각 Section영역 에니메이션이 작동 2. 거의 완벽한 반응형(모바일형)으로 츨력 3. 간단한 설정 한번으로 색상변경 완료 - 밝은 배경, 어두운 배경, 혼합배경을 선택후, 설정 옵션들에서 자신만의 칼라로 변경 가능 4. 상단 메뉴를 자유자재로 선택 가능 • 원페이지 메뉴 - 한페이지내에서 상하로 이동하는 메뉴 • 메인 메...

More →

Mh Justice Layout V 1...

Mh SmartBanner Widget V1.1 [2021.01.13] - Sale 제품(₩9,000)

카테고리지정 / 시작,종료설정 / 배경 블랙 / 좌로 이동 / 랜덤 / 네비가능 / 무한루프 / 클릭시 지정사이트로 이동 / 풍선도움말 - "대상 분류값"으로 배너 출력 가능 - "위젯 NO" 처리로 여러개의 배너를 다양한 형태로 생성 가능 - Slide의 다양한 옵션 - Auto기능과 타임지정 가능 - 좌우 네비와 하단에 도트 네비 출력 가능 - 슬라이딩의 방향을 좌우 / 상하로 선택 가능 - 슬라이딩의 모습를 4가지로 선택 가능 - 서서히, 착, 튕기기, Fade - 배너에 마우스 Hover시 풍선도움말 출력 - 게시판의 확장변수와 연동하여 배너 클릭시 지...

More →

Mh SmartBanner Widget...

Mh Brickfolio Widget V1.3 [2023.04.05] - Sale 제품(₩9,000)

[ V1.3 특징 ] [ SketchBook5_Mh 수정버전과 같이 연동 ] • 확장 변수가 자동으로 제목으로 대체되는 방법 https://moonhouse.co.kr/xetip/578453 • 확장변수를 이용해 진행버턴과 D-Day를 함께 출력 https://moonhouse.co.kr/xetip/577872 [ V1.2 특징 ] 1. 페이지기능을 탑재한 Box형 위젯 2. 통합게시판 위젯으로도 활용가능 3. 썸네일클릭시 게시판 바로가기, Rightbox 출력 및 Zoom기능도 지원 4. 완벽히 반응형으로 작동합니다.(레이아웃의 폭을 % 넓이로 지정할때) 5. Box를 총8가지의 에니메이션 효과로 출력 6. Box의 색상 / 테두...

More →

Mh Brickfolio Widget ...

Mh Portfolio V1.0

[ V1.0 특징 ] 1. 깔끔한 썸네일 위젯 2. 썸네일 Box에 마우스 Hover시 제목과 내용글이 다양한 효과와 색상으로 출력 -- 효과 15가지, 배경색상 13가지, 버턴색상 17가지 3. 카테고리별 출력도 가능 4. 페이지 기능 가능 -- ajax적용으로 화면 리프레쉬 없이 작동 5. 확장변수를 이용해 버턴출력 가능 6. 다수의 위젯생성도 가능 7. 반응형 지원

More →

Mh Portfolio V1.0

Mh Owl Slide V1.0

[ 특징 ] 1. 깔금한 배너 롤링 위젯입니다. 2. Auto Slide를 지원합니다. 3. 슬라이드에 타이틀 / 썸네일 / 네비를 지원합니다. 4. 배경색상외 여러 색상들을 지정할 수 있습니다. 5. 타이틀 / 내용 / 각종 옵션등을 지정 가능합니다. 6. 카테고리 출력도 가능합니다. 7. 원본 코드의 테마 색상이 Red에 맞추어져 있어서 기본 색상은 Red입니다. 8. 완벽한 반응형 지원과 모바일에서 스와프기능도 지원합니다. 9. 두종류의 스킨 지원 - Default Skin, All Pictures Skin All Pictures Skin은 게시물안의 모든 이미지들을 불러올 수 있으며 ...

More →

Mh Owl Slide V1.0

Mh Multi Widget V1.6 [2023.04.05] - Sale 제품(₩9,000)

메뉴얼 [ V 1.6 업데이트 내용 ] • 댓글 많은순으로 정렬. https://xetown.com/questions/1394764#comment_1395175 • 예약발행 모듈에 대응 https://xetown.com/download/1721679#comment_1722728 [ SketchBook5_Mh 수정버전과 같이 연동 ] • 확장 변수가 자동으로 제목으로 대체되는 방법 https://moonhouse.co.kr/xetip/578453 • 확장변수를 이용해 진행버턴과 D-Day를 함께 출력 https://moonhouse.co.kr/xetip/577872 [ V 1.5 업데이트 내용 ] •FirstThumb 스킨 추가 스케치북 게시판 스킨 V 2.1 에 추가된 "첫 게시글만 썸네일 출력 ...

More →

Mh Multi Widget V1.6 ...

Mh Author 위젯 V1.5 (2024.01.10)

V 1.5 수정내용(2024.01.13) 1. 베너스킨 바로가기 확장변수 미작성시 문제 해결 2. 유튜브스킨 추가 - 확장변수 사용자정의 (기본 : transfer) : 위젯상에서 유튜브 재생 가능 합니다만 사이트가 약간 느려집니다. V 1.4.1 수정내용(2021.08.28) - default스킨과 Book스킨을 동시에 출력시 제목글이 좌측으로 밀리는 문제해결 V 1.4 수정내용(2021.02.12) SketchBook5 게시판스킨 - 문하우스 수정버전 V1.8.1 북 갤러리 형태 게시판에 맞추어 "Book 갤러리"스킨 추가 - Book 갤러리형식 게시판의 확장변수를 그대로 가져옵니다 - new, bes...

More →

Mh Author 위젯 V1.5 (...

Mh Sideways Layout

[특징] •화면전환이 가로 방향으로 움직입니다. •홍보용 사이트 레이아웃에 적합합니다. •화면 좌우에 마우스 Hover시 자동으로 슬라이딩 됩니다. •좌측 삼선 햄버거 메뉴형식 / 페밀리 사이트 / 자체 로그인 지원합니다. •카카오 지도를 지원합니다 - 카카오톡 앱키 입력 필수 •본문 아래에 각 섹션 바로가기 아이콘을 지원합니다. •완벽한 반응형으로 작동합니다. •메세지 보내기(Contact Us)를 적용할려면 contactfree.zip 위젯을 설치하면 됩니다. •갤러리 섹션은 Lightbox 전용 Hover 위젯 을 사용했습니다.

More →

Mh Sideways Layout

Mh Gallery Layout & Mh Gallery Widget V2.2 [2022.05.22] - Sale 제품(₩19,000)

[ V2.2 특징 ] •Colorbox Skin 추가 - 첫화면에 박스출력 - Auto Slide 지원 •본문 메뉴(GNB)를 상단 가로 형태에서 좌측 삼선 햄버거 형태로 변경 •배경이미지 슬라이드 로딩 기능을 적용 Demo - https://moonhouse.co.kr/cb [ V2.0 LightBox Skin 특징 ] •LightBox Skin 추가 -- 지연님 요청 •Default Skin은 이미지를 전체화면 Fullscreen 으로 출력되는 반면 LightBox Skin은 이미지의 원본 크기로 출력됩니다. Demo - https://moonhouse.co.kr/lb [특징] •레이아웃과 위젯의 콜라보로 이루어진 전체화면 갤러리 스킨입니다. •레이아웃...

More →

Mh Gallery Layout &am...

Widgets Of MoonHouse

Data Of MoonHouse

Layouts Of MoonHouse

    • Mh Sideways Layout
    • [특징] •화면전환이 가로 방향으로 움직입니다. •홍보용 사이트 레이아웃에 적합합니다. •화면 좌...
    • 2022.05.16
    • 문하우스 Simple 레이아웃 V 1.4 (2020.12.13 Up)
    • V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 V1.3.1 수정내용 1. 심플레이아웃과...
    • 2015.05.18
    • Mh Thomsander Layout V1.0
    • [특징] - 페이지안에서 부메뉴가 Box형식으로 열립니다. - 배경이미지를 슬라이드로 출력합니다. ...
    • 2019.09.12
    • Mh White Layout V1.1
    • [ V1.1 특징 ] 1. 본문 상단에 Accordions / TiltedContent 이미지박스 출력선택 - mwea.html 와 ...
    • 2019.04.04
    • Mh LeftMenu 레이아웃 V1.2
    • [특징] - Sub메뉴를 좌측 Wing영역에 배치하여 Sub메뉴의 활용도를 높였습니다. - 최대한으로 코...
    • 2019.01.07
    • MH FullPage 레이아웃 V1.2
    • 마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [Tip] 페이지에 Youtube...
    • 2018.12.04
    • MH Pointy Slider 레이아웃
    • MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정...
    • 2018.10.27
    • MH_Sliding 레이아웃
    • MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니...
    • 2018.10.20
    • 사이트선택 전용 레이아웃 V1.1
    • 홈페이지의 첫 화면에서 두곳의 사이트를 선택하고 싶을때 사용하시면 유용한 레이아웃입니다. [...
    • 2017.06.19
    • XE기본 Xedition레이아웃을 편집이 편리하도록 수정한 버전입니다. 2탄
    • XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 최후 버전 https:/...
    • 2016.12.26

XE Of MoonHouse

[수정 V1.3] mh_multi_v1.3.zip 1. 코드생성에서 거의 모든 설정을 표시유무 처리 가능합니다. 기본설정 포함해서 타이틀표시, 썸네일표시, 제목글표시, 내용글표시, 코멘트카운트, 아이콘표시등을 표시유무 처리 하실 수 있으며, mh_newdoc_noimg스킨사용시 상단의 타이틀과 하단의 문구를 "표시하지 않음" 으로 사용할시 텍스트와 같이 칸도 같이 사라집니다. 그리고 하단 문구와 하이퍼링크를 설정에서 삽입할 수 있습니다. 위의 설정표시를 모두 "표시하지 않음"으로 설정하면 빈페이지 나옵니다.^.^ 2. mh_newdoc스킨도 내용글을 표시유무 처리 가능합니다. [수정 V1.2] 1. mh_newdoc_noimg사용시 가로폭 free하게 사용가능. 2. mh_newdoc_noimg사용시 이미지없을시 썸네일에 노이미지 생성-세로폭고정가능 3. mh_newdoc_noimg사용시 우측목록란 위로정렬되고, 아래에 도트 가로선 추가 4. mh_newdoc_noimg사용시 내용클릭시 본문으로 가기 추가 그외 잡다한 소스정리됨. [수정 V1.1] 1. mh_newdoc_noimg사용시 가로폭 350px이하 축소시 우측선이 없어지는 문제 수정. 2, mh_newdoc_noimg사용시 웹진형식으로 표현시 제목앞에 도트점이 어긋나던거 수정. 3. mh_newdoc_noimg사용시 스킨에 검정바탕용 추가. 전에 선보였던 MH최신글멀티 단독위젯을 기능을 추가해서 재배포합니다. 이번에 배포하는 버전은 mh_multi_v1.3.zip다운받아 압축을 풀어서 mh_multi폴더를 widgets방안에 올리시면 됩니다. 그럼 총3개의 스킨이 나옵니다. 1. 이미지를 테두리로 한 스킨- mh_newdoc의 색상11개(예전스킨) -- 예전 위젯을 설치 하신분은 덮어 씌우시면 정상작동합니다. 2. 이미지를 사용하지 않고 색상테두리만을 이용한 스킨 - mh_newdoc_noimg의 색상6개(블루,그린,오렌지,레드,화이트,블랙) -- 색상만을 이용했으므로 자기가 원하는 색상의 스킨을 쉽게 만들 수 있습니다. 바꾸는 방법은 아래에... 3. Zbxe기본스킨의 전광판위젯을 조금 개조한 스킨 - mh_news_ticker의 검정색배경에 5줄, 1줄로 올라가는 2종류 이상의 총 19가지의 스킨및 색상을 지원함니다. 그러나 안에 선택할 수 있는 옵션을 다양하게 넣어 놓았기 때문에 더욱 다양한 스킨을 만들 수 있지 않을까 생각합니다. 위의 이미지에서 상단에 보이는 5개의 이미지가 mh_newdoc_noimg의 스킨으로 만들었습니다. 보이는 것 처럼 웹진형으로 게시판형식으로 다양하게 변형하실 수 있습니다. 위의 이미지에서 보듯이 썸네일선택, 썸네일크기, 내용글, 글쓴이, 작성일, 조회수, 추천수, 목록수, 제목글자수, 내용글자수 이런 항목들을 넣고 뺄 수 있습니다. 여러 조합을 응용하시면 다양한 형태의 최근글이 만들어 질 수 있을 것 입니다. [색상 개조 방법] 1. /zbxe/widgets/mh_multi/skins/mh_newdoc_noimg/css를 편집기로 열면(예; blue.css) 1 .box_blue { background-color:#fff; border-width:1; border-color:#416B93; border-style:double; overflow:hidden; position:relative; } 2 .box_blue .box { background-color:#fff; } 3 .box_blue .box .box_top_title { background-color:#416B93; padding-bottom:2px; overflow:hidden; position:relative; } 4 .box_blue .box .box_top_title h2 { margin:0; display:block; height:20px; padding:7px 0 0 9px; font-size:1.2em; color:#fff;} 4 .box_blue .box .box_top_title .more { position:absolute; top:10px; right:10px; color:#ffffff; font:.8em Tahoma; } 6 .box_blue .box .box_top_title a.more { text-decoration:none;} 7 .box_blue .box .box_top_title a.more:hover { text-decoration:underline;} 8 .box_blue .box .title .thumb { margin:0px; padding:5px; } 9 .box_blue .box .title .board { height:20px; background:url(../images/blue/bullet.gif) no-repeat left 10px; padding-left:8px; overflow:hidden; list-style:none; } 10 .box_blue .box .title .board a { color:#3366FF; font:1em Tahoma; text-decoration:none; } 11 .box_blue .box .title .board .comment a { color:#f60; font:.8em Tahoma; } 12 .box_blue .box .title .board .regdate { color:#FF9900; font:.8em Tahoma; margin-right:5px;} 13 .box_blue .box .title .board .author { color:#9B9BFF; font:.9em seevaa9; } 14.box_blue .box .title .board .read { color:#FE6700; font-size:0.8em; } 15 .box_blue .box .title .board .voted { color:#FE6700; font-size:0.8em; } 16 .box_blue .box .title .board .summary { color:#808080; font:1em Tahoma; } 17 .box_blue .box .bottom { color:#fff; background-color:#416B93; padding:2px 5px 0 0; text-decoration:none; text-align:right;} 18 .box_blue .box .bottom a { color:#fff; text-decoration:none; } 19 .box_blue .box .bottom a:hover { color:#fff; text-decoration:none; font-weight:bold;} 1줄 border-width:1; border-color:#416B93; border-style:double; 이부분이 보드의 테두리 속성을 나타내는 부분입니다. 테두리굵기를 1; 색상은 청색; 테두리의 종류는 이중선; 이런 내용이죠 [테두리종류] solid (내부가 채워진 선 모양) ridge (선이 입체적으로 돌출됨) dotted (점선 모양으로 표시) dashed (끊어진 선 모양으로 표시) double (선을 두줄로 표시) inset (내부가 약간 들어간 듯하게 선을 표시) outset (바깥으로 돌출된 듯하게 선을 표시) groove (홈이 파진 듯하게 선을 표시) none (나타나지 않거나 혹은 기본적인 선 모양) hidden (모양을 숨김) 2줄 박스안 배경색입니다.(회색) 3~7줄 상단제목의 배경색과 글자색등등입니다. 9~16줄 제목, 내용, 글쓴이, 작성일기타 등등의 폰트크기및 색상을 지정하는 곳입니다. 17~19줄 밑바닥 색상및 문자의 색상을 지정하는 부분입니다. 지금은 저의 홈페이지가 새겨져있고 링크가 되어 있습니다. list.html에 가셔서 제일아래에 있는 <div class="bottom"><a href='http://moonhouse.co.kr'>:: MH Skin ::</a> 이 부분을 변경하시면 됩니다. [문제점] 제가 배포했던 게시판을 팝업으로 뛰우는 위젯 Mh_PopUp와 같이 사용하면 스킨이 틀어지는 증상이 있습니다. 아마 팝업위젯에 소스가 문제를 일으키는 것 같은데 다음에 시간나는데로 고쳐 보겠습니다.
[수정 V1.5.1 - 4월13일] 색상을 기재하지 않을시 검정색으로 보기 싫은 것 같아서, 기본 색상을 적용했습니다. 기본색 적용 모습입니다. [수정 V1.5 - 4월7일] 1. MH최신글멀티위젯 V1.4.1(4월7일수정)에 사용된 카멜레온스킨을 팝업위젯에도 적용시켰습니다. 예전의 Normal모드와 카멜레온모드 2가지의 스킨으로 나누어 졌습니다. 2. 내용의 길이가 팝업의 가로폭 보다 작을때 우측배경이 잘못나오던 부분 해결. 3. 상단 이미지 추가유.무, 팝업창의 가로폭 조절등 설정이 더욱 자유로워 졌습니다. [수정 V1.4 - 4월4일] 1. 팝업창의 Top, Left위치를 설치화면에서 설정 가능하게 했습니다. 그러므로 위치를 달리한 두개이상의 팝업창도 띄울 수 잇습니다. but 약간의 문제를 일으킵니다. 테스트 해보시면 압니다. 2. "24시간 동안 보이지않기" 오작동 수정했습니다. [수정 V1.3] 1. 내용클릭시 본문으로 가기 추가. 2. 본문내용에 이미지 없을시 노이미지 썸네일 생성됨. 3. "24시간 팝업창 보이지않기"가 제대로 작동되지를 않아서 아래의 문구 변경. 그리고 잡다한 소스정리 [3월28일 수정] 1. 가로폭이 고정이 되질 않아서 최상단 이미지제거 했습니다. 2. 최대한 table을 줄이고 div로 변환했습니다.(소스가 좀 깔끔해 졌습니다.) [3월30일 V1.1수정] 1. 가로폭이 고정됩니다.(이미지 재사입) 2. MH멀티위젯과 같이 출력해도 테이블 정상 출력됩니다. 3. 썸네일 크기변환을 추가 했습니다. 4. 파폭에서도 팝업닫기가 됩니다.(블루게이트님 지원) [3월31일 V1.2수정] 1. 24시간 팝업창 보이지 않기 추가했습니다.(블루게이트님 http://www.bluegate.kr 이 작성해 줌) Zbxe초창기에 만들었던 팝업창을 이리저리 손을 보아 올립니다. 아직 미숙한 점이 많지만 고수님들이 보시고 더욱 좋게 만들어 주시면 좋겠네요. 먼저 다운받은 파일의 압축을 풀어서 mh_popup 폴더를/zbxe/widgets/ 안에 올립니다. 페이지수정에 가서 'Mh_PopUp 출력' 을 선택하면 아래와 같이 나옵니다. v1.1을 설치하신분은 파일의 압축을 풀어서 mh_popup 폴더를/zbxe/widgets/ 안에 덮어씌우시면 됩니다. 썸네일, 작성자, 작성일, 목록수, 조회수, 제목글자수, 내용글자수를 조절 하실 수 있습니다.(기본으로 하셔도 됩니다.) 설정을 하고나면 페이지수정에는 별 변화가 없을 것입니다. 그러나 한줄로 굵은선이 생긴 것이 위젯이 생성된 것입니다. 마우스로 아래로 드래그하면 화면이 보입니다.(되도록이면 폭을 가늘게 두세요) -- 저장을 누르면 화면에 팝업창이 뜹니다. [앞으로 수정해 나가야 할 길] 1. 팝업의 화면위 위치를 설정하는 방법 지금은/zbxe/widgets/mh_popup/skins/notice/css/normal.css를 편집기로 열어서 첫줄 .logo { position:absolute; left:250px; top:40px; 에서 left와 top을 바꾸어야 하는데 고수님들의 소스를 보고 응용해 봐도 잘 안되네요. 방법을 좀 가르쳐 주세요....^.^ V1.4적용 2. 하루동안 팝업창 띄우지 않기를 구현해 볼려고 했는데 생각보다 어렵네요. 이건 특정 게시판이나 파일을 띄우는 것이 아니라서 자바스크립트를 주기가 예매하네요. 저의 실력으로는 무리가 있네요. 고수님들에게 물어 봐야 겠네요. V1.3적용 p.s 특정게시판을 만들어서 거기에 팝업내용을 적고 이 위젯에 연결하시면 편리하게 팝업관리를 하실 수 있겠죠. 그럼 더욱 발전하는 Zbxe가 되기를 바라면서 허접한 위젯하나 올립니다.
최근문서출력위젯에 있는 전광판스킨을 변형해 보겠습니다. 1. /zbxe/widgets/newest_document/skins/news_ticker/list.html를 편집기로 열어서 <div class="tickerBox" id="{$_news_ticker_id}"> <ul> <!--@foreach($widget_info->document_list as $oDocument)--> <li> <!--@if($widget_info->display_regdate == 'Y')--> <span class="date">{$oDocument->getRegdate("m-d")}</span> <!--@end--> <span class="title"> <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitle($widget_info->subject_cut_size)}</a> <!--@if($oDocument->getCommentCount())--> <span class="comment">[<a href="{$oDocument->getPermanentUrl()}#comment"><strong>{$oDocument->getCommentCount()}</strong></a>]</span> <!--@end--> {$oDocument->printExtraImages($widget_info->duration_new)} </span> <!--@if($widget_info->display_author == 'Y')--> <span class="author">by {$oDocument->getNickName()}</span> <!--@end--> <span class="sum"> <font color="#ff6600">/</font> {$oDocument->getSummary()}</span> </li> <!--@end--> </ul> </div> <span class="author">by {$oDocument->getNickName()}</span>는 작성자 닉네임, <span class="sum"> <font color="#ff6600">/</font> {$oDocument->getSummary()}</span>는 본문의 내용이 나옵니다. <!--@if($widget_info->display_regdate == 'Y')--> 녹색부분들이 선택유무 지정 소스입니다. 2. /zbxe/widgets/newest_document/skins/news_ticker/css 안에 해당 컬러의 css를 편집기로 여시면(예; black.css) [변경전] .news_ticker_black { height:25px; overflow:hidden; clear:both; background:#FFFFFF url("../images/black/bg.gif") repeat-x left top; white-space:nowrap; } .news_ticker_black table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; } .news_ticker_black table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;} .news_ticker_black .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } [변경후] .news_ticker_black { height:125px; overflow:hidden; clear:both; background:#000000 url("../images/black/bg.gif") repeat-x left top; white-space:nowrap; } .news_ticker_black table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; } .news_ticker_black table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;} .news_ticker_black .tickerBox { height:125px; padding-top:6px; white-space:nowrap; overflow:hidden; } .news_ticker_black ul li .author { color:#FFFF00; font:.8em seevaa9;} .news_ticker_black ul li .sum { color:#C0C0C0; font:.9em Tahoma; white-space:nowrap;} 참고로 height:25px가 한줄의 높이입니다. 5줄이라 125px했으니 줄수에 맞추어서 높이 정하시면 됩니다. 그리고 repeat-x를 repeat으로 변경하면 배경이미지가 줄마다 나옵니다.(이게 글이 스크롤되니 보기가 어렵습니다.) 만약 위에 한칸만 나오게 할려면 repeat-x를 그대로 두시고 background:#FFFFFF를 검정색으로 바꿔주시면 됩니다. background:#000000 그것도 아니고 전부를 이미지가 안 나오게 할려면 스킨을 내용만출력으로 선택하시면 됩니다. .news_ticker_black ul li .author { color:#FFFF00; font:.8em seevaa9;} 이부분이 닉네임의 글꼴,칼라,크기등을 지정합니다.(seevaa9는 웹폰트입니다) .news_ticker_black ul li .sum { color:#C0C0C0; font:.9em Tahoma; white-space:nowrap;} 이 부분이 본문내용의 글꼴,칼라,크기등을 지정합니다. 적용된 것 보기 [문제점] 한페이지에 2개의 전광판은 스크롤이 되지를 않는군요.
Prev 56 57 58 Next
댓글 알림 애드온 ver. 0.5 베니 digist_notify addon ver. 0.5- 0.1.0에서 테스트되었습니다. 아래의 사이트에서 함께 배포합니다. http://www.digist.co.kr/bbs/67730 이 애드온은 사용자가 제로보드 XE로 만들어진 사이트에서 게시물에 댓글을 달때 그 게시물의 작성자나 관련된 답글(즉, 댓글에 댓글을 쓰는 경우)의 작성자에게 쪽지를 보내줍니다. 설치법: 1) 첨부된 파일을 다운로드 받습니다. 2) 압축을 해제합니다. 압축이 풀린 디렉토리 아래 'digist_notify'라는 디렉토리가 생기고 파일이 3개 있는 것을 확인하실 수 있습니다. 3) 위의 디렉토리를 통째로 제로보드 XE의 Addons 디렉토리에 복사합니다. 예를 들어 zbxe라는 디렉토리에 제로보드가 설치되어 있다면 경로는 다음과 같습니다. (/zbxe/addons/digist_notify) 4) Admin 화면에 들어가서 애드온 메뉴를 누릅니다. 적합하게 설치되었다면 "DIGIST 댓글 알림 애드온"이라는 애드온이 목록에 출력됩니다. 애드온을 활성화 시키기 위하여 "사용"상태로 만들어주십시오. 애드온을 사용하기 위해서는 반드시 "사용"상태가 되어야 합니다. 사용방법: - 이 애드온은 댓글이 달리면 자동으로 원문의 작성자에게 내용을 쪽지로 알립니다. - 만일 댓글이 달릴때 그것이 어떤 댓글의 댓글이라면 참조된 댓글의 작성자에게도 댓글의 내용을 쪽지로 알립니다. - 그러나 다음과 같은 상황에서는 쪽지를 보내지 않습니다. 1) 자신의 글에 댓글을 단 경우. (이해되시죠?) 2) 자신의 댓글에 댓글을 단 경우. (에이... 설마...) 당연히 회원에게만 쪽지가 보내지며 이 애드온은 블로그 모듈과 게시판 모듈 양쪽에서 모두 잘 작동됩니다. 쪽지는 아래와 같은 형식으로 배달됩니다. 팁: member_extra_info 애드온을 활성화시켰다면 쪽지가 보내질때 마다 팝업으로 메시지 확인을 묻게 됩니다. member_extra_info에 대한 자세한 내용은 제로보드 매뉴얼을 참조해주십시오. 세부설정: 이 애드온으로 발송되는 쪽지의 제목을 재설정할 수 있습니다. 애드온 설정화면에서 "설정" 버튼을 누르면 아래와 같은 화면이 출력됩니다. 기본 문자열을 사용하고 싶다면 공란으로 두시기 바랍니다. 기본 메시지 포맷은 아래와 같습니다. "댓글알림: ##TITLE## (##COMMENTER##님이 댓글을 남기셨습니다.)" 이것이 마음에 들지 않는다면 설정화면에서 자신이 원하는 내용으로 변경하시면 됩니다. 이 애드온은 아주 단순한 3개의 치환자를 제공하고 있습니다. ##COMMENTER##: 댓글 작성자 ##AUTHOR##: 본문 작성자 또는 부모 댓글 작성자(이 쪽지를 받는 사람의 닉네임이 됩니다.) ##TITLE##: 댓글이 달린 글의 제목 (블로그/게시판 공통) 주의: 그냥 마음대로 쓰시면 됩니다.(GPL) 작동하지 않더라도 너무 뭐라 하지 마시고 문의사항은 본 게시물이나 제로보드 XE 사이트의 게시물에 댓글로 달아주시면 감사하겠습니다.(이메일은 읽지 않습니다.) Comment와 관련하여 제로보드 0.1.0에 버그가 있는듯 합니다. 나중에 이 문제가 해결되거나 구조가 바뀌면 작동이 되지 않을 수 있으므로 이상 작동시에는 제 홈페이지에서 최신버전을 다운로드 받아주십시오.
Prev 56 57
제가 아래와 같이 제로보드사이트에 질문을 올렸더니 대암지기님께서 답을 주신 내용입니다. 같은호스팅에서 한글과 영문버전을 같이 사용할려고 합니다. 호스팅에서 db를 한개만 주는 관계로 한 db에 한글테이블과 영문테이블이 같이 존재하게 해야 되는데요, xe로 시작하는 한글 db테이블들을 같은 내용이 존재하는 다른이름의 테이블로 변환하는 방법이 있는지 궁금해서 이렇게 올려봅니다. 아니면 어떻게 다르게 할 수 있는 방법이 있을까요. (예: zbxe db에 보면은 xe_action_forward 테이블을 en_action_forward 로 내용변경 없이 이름만 바꾸는 방법을 이야기 하는 것입니다. 그러니까 한글 영어 각각 만들어야 되는 것을 한글로 한번 만들어서 그것을 복사해서 영어로 변경해야 하는 부분만 변경하는거죠.) 대암지기 아래와 같이 하면 될것 같은 데요. 1. mysql 관리자 페이지에서 sql 데이터를 백업을 받는다. 2. 에티터 플러스와 같은 웹에디터로 파일을 열어 기존의 머릿말(XE)를 원하는 머릿말(EN)으로 치환하여준다. *. 에디터 플러스의 예를 들면, 검색->바꾸기에서, 찿을말에 XE, 바꿀말에(EN)을 쓰고 모두 바꿈 버튼을 눌러 실행한다음 UTF-8코 로 저장한다. 3. mysql에 업로드하여 실행한다. 이렇게 하면 머릿말만 바뀐 복사본을 만들수 있습니다.
게시글 주소 : http://www.zeroboard.com/16392078 LeagueON 이 글은 고수분들보단.. 아직 이해가 안되시는 분들을 위해 쓰는것이니 내용이 다소 모자라고 유치하더라도 이해해주세요. 혹시 틀린부분이나 모자란부분이 있다면 질책부탁드립니다. XE의 레이아웃은 DIV와 CSS를 기초로 합니다. 물론 테이블을 이용하여도 작동에는 문제가 없지만, DIV를 사용하는것이 XE가 지향하는 웹2.0에도 발맞추어 가는것이니 이번에 그냥 테이블에서 DIV로 갈아타는것도 나쁘지 않을것 같아요. 테이블은 tr과 td, 그리고 rowspan, cellspan 의 개념만 안다면 아무리 복잡하더라도 얼마든지 만들 수 있습니다. 하지만 div를 처음 접하시는분들은 이녀석을 주무르는게 여간 쉽지 않을것입니다. 그렇다면 이제 div의 배를 조금 갈라볼까요? 이해를 쉽게하기위해 테이블과 비교해가며 설명해 볼게요. (이때 사용되는 div의 style 태그는 구분을 쉽게하기 위해 사용하는 것입니다.) 먼저 작은 박스를 만들어 보겠습니다. <테이블> 한칸의 박스 view plaincopy to clipboardprint? <table border=1> <tr> <td>한칸의 박스</td> </tr> </table> <table border=1> <tr> <td>한칸의 박스</td> </tr> </table> <DIV> 한칸의 박스 view plaincopy to clipboardprint? <div style="background:#ff0000">한칸의 박스</div> <div style="background:#ff0000">한칸의 박스</div> 소스로 볼때, DIV가 훨씬 가벼운것을 보실 수 있습니다. 또한 테이블은 가로를 따로 100%로 지정해 주어야 하지만, div의경우 알아서 꽉꽉 들어맞아줍니다. 작성시 한가지 주의하실점은, 테이블의 경우 <tr>과 <td> 는 따로 닫는 테그를 사용하지 않아도 완전하지는 않지만 형태는 갖추어집니다. 물론 닫지않고 바로 또 적용시켜 주어도 마찬가지 이구요. 하지만 DIV는 꼭! 닫아주셔야 정상적으로 나옵니다. 자 이제 슬슬 구조를 복잡하게 해보겠습니다. <테이블> 첫째줄 둘째줄 view plaincopy to clipboardprint? <table border=1> <tr> <td>첫째줄</td> </tr> <tr> <td>둘째줄</td> </tr> </table> <table border=1> <tr> <td>첫째줄</td> </tr> <tr> <td>둘째줄</td> </tr> </table> <DIV> 첫째줄 둘째줄 view plaincopy to clipboardprint? <div style="background:#ff0000">첫째줄</div> <div style="background:#0000ff">둘째줄</div> <div style="background:#ff0000">첫째줄</div> <div style="background:#0000ff">둘째줄</div> 점점 복잡해 질수록 div는 점점 가벼워집니다. 아니.. div를 닫아주고, 바로 div를 적용했는데, 칸이 늘어나는게 아니라, 줄이 늘어났네요? 그렇다면 칸은 언제 어떻게 추가해주나요? 간단합니다. <테이블> 첫째칸 둘째칸 view plaincopy to clipboardprint? <table> <tr> <td>첫째칸</td><td>둘째칸</td> </tr> </table> <table> <tr> <td>첫째칸</td><td>둘째칸</td> </tr> </table> <DIV> 첫째칸 둘째칸 view plaincopy to clipboardprint? <div style="float:left;background:#ff0000">첫째칸</div> <div style="float:left;background">둘째칸</div> <div style="float:left;background:#ff0000">첫째칸</div> <div style="float:left;background">둘째칸</div> 다시 말씀드리지만 div에 적용된 스타일에서 background 부분은 구분을 쉽게하기위하여 넣은것입니다. float:left 가 칸을 추가하는 방법이었군요. 아! float:left?? left가 왼쪽을 의미하는것이니 right도 있나요? 네. 있습니다. 여기서 하나는 left, 다른 하나는 right를 적용하게되면, 첫째칸 둘째칸 이런 현상이 벌어지지요.. float에 대해 궁금하시다면, 에디트프로그램에 소스를 작성하신 후 페이지를 테스트해보세요. 창크기를 늘이거나 줄여도 div는 float가 지정해준편에 계속 붙어있답니다. 칸과 줄을 추가하는 방법을 알았으니, 가장 흔히들 사용하시는 레이아웃 구성형태로 꾸며보겠습니다. 우선 이번에 꾸며볼 페이지는, 가로폭은 200px, 메뉴부분은 80px, 본문부분은 120px 입니다. <테이블> 헤더 메뉴 본문 XE 만세! view plaincopy to clipboardprint? <table width=200 border=1> <tr> <td colspan=2>헤더</td> </tr> <tr> <td width=80, valign=top>메뉴</td><td width=120>본문<br>XE 만세!</td> </tr> </table> <table width=200 border=1> <tr> <td colspan=2>헤더</td> </tr> <tr> <td width=80, valign=top>메뉴</td><td width=120>본문<br>XE 만세!</td> </tr> </table> <DIV> 헤더 메뉴 본문 XE 만세! view plaincopy to clipboardprint? <div style="width:200px; background:#e4e4e4">헤더</div> <div style="width:80px; background:#ff0000;float:left">메뉴</div> <div style="width:120px; background:#0000ff;float:left">본문<br>XE 만세!</div> <div style="width:200px; background:#e4e4e4">헤더</div> <div style="width:80px; background:#ff0000;float:left">메뉴</div> <div style="width:120px; background:#0000ff;float:left">본문<br>XE 만세!</div> 자, 어떠신가요? 이해가 되셨나요? div를 처음 접하시는 분들은 눈으로만 보시는것보다 직접 따라해보시는것이 이해에도 훨씬 도움이 됩니다. 글솜씨가 없어서 설명이 우왕좌왕한지라, 도움이 되셨으려나 모르겠네요.. 이번장에서는 div를 이용해 간단한 구조를 잡는방법에 대해 알아봤습니다. 다음엔 좀더 자세한 div의 속성을 알아보고, 나중엔 실전 레이아웃을 잡아가는 방법을 알아보도록 하겠습니다
Prev 56 57 58 Next

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수 추천수
게시판스킨 2 주문게시판 만들기 file 팔공산 2008.05.04 28048
기타 3 메인메뉴의 1차메뉴를 따라 다니는 2차메뉴 만들기 팔공산 2008.05.01 9394
피앙새 파스텔 12가지 칼라 스킨
팔공산 2008.04.30 3586
우야노닷컴 배포판 v2.0
팔공산 2008.04.30 3749
Tip 1 홈페이지에 이미지블릿 대신 특수문자로 표현해 보기 file 팔공산 2008.04.29 13119
위젯 3 Div라운드 적용된 MH카멜레온인기문서출력(7월20일수정) file 팔공산 2008.04.28 31174
3 ( align="absmiddle" ) 이미지와 글자 높낮이가 다를때 관해서 file 팔공산 2008.04.27 12382
Tip 1 위젯 생성 방법 file 팔공산 2008.04.25 12959
플래너 미니달력 위젯 0.1.1 (planner_calendar)
팔공산 2008.04.22 4556
플래너 모듈 0.2.2 (planner)
팔공산 2008.04.22 3226