Data Of MoonHouse

SketchBook5 게시판스킨 - 문하우스 수정버전 V3.0 - 2024.04.10

• 기존 스케치북 게시판 스킨에 덮어 쓰기 해도 잘 작동됩니다. (혹시 모르니 백업은 필수!!) - /modules/board/skins/sketchbook5 에 모든 파일을 덮어 쓰기 하면 됩니다. • XE 사용자의 경우 [ 본문 일반 설정 > 추천/비추천 기능 XE사용 ] 에서 XE사용을 선택하면 됩니다. [ V3.0 수정 ] 1. 폰트어썸 웹폰트와 문하우스 전용 버턴 기능을 에드온에 의존하지 않고 게시판 설정에서 직접 관리 전체설정 > 폰트어썸 사용형태 or Sexy Button 사용형태 2. 게시글 상단 네비에 목록과 쓰기 버턴 추가 3. 공지글 폴딩 형태로 출력 기능 추가 ...

More →

SketchBook5 게시판스...

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.1 위젯 - 2024.04.13

[ V 2.1 특징 ] 1. 내용글 영역에 확장변수 출력가능 2. 확장영역 버턴 대신 내용 출력 3. D-day / 시작전 출력 4. 기간 출력 - https://moonhouse.co.kr/xetip/590008 [ V 2.0 특징 ] 1. 배경 이미지 제거 스킨 추가 2. 어떤 크기라도 가능 3. 슬라이드 내용 가로, 세로 정렬 [ V 1.1 특징 ] 1. Slide 설정에 자동 슬라이드쇼, 마우스 hover시 슬라이드 쇼 일시 중지, 랜덤 재생 추가 2. 마우스 hover시 썸네일 확대 [ 특징 ] 1. 깔금한 슬라이드 배경이미지 적용 2. 3개의 스킨 적용 - 1080px / 850px / 750px 레이아웃폭에 적당한 크기 ...

More →

Mh BigSlider V2.1 위...

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

1 2 3 4 5 Next

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

2 3 4 Next
2020.03.16 위젯 폼 위젯 file 323
위젯 설명 - 게시판을 활용하여 폼(form) 형태 페이지를 출력하는 위젯입니다. 위젯을 통해 작성한 콘텐츠는 지정된 게시판으로 전송됩니다. - 문의 글 전송, 견적 문의 등을 수행할 수 있습니다. - '제목+이름+이메일+연락처+내용' 입력을 기본으로 합니다. - 게시판 분류 및 사용자정의(확장변수)를 활용할 수 있습니다. - 비밀글 지정, 댓글 허용 등 다양한 옵션을 지원합니다. - 이런 문의도 있고 해서 과거의 contactfree라는 위젯에 기능을 조금 개선해보자는 취지에서 작업하다가 거의 새로운 위젯을 만들어버렸습니다. 즉, contactfree 위젯의 초확장 버전이라 보시면 되겠습니다;; 1.1.1 업데이트 - 2020-03-16 - 라이믹스 회원 전화번호 체계에 맞춤 - 폼 전송 후 현재 페이지 처리시 화면 스크롤을 페이지 최상단이 아니라 위젯 상단으로 이동 - 폼 전송 후 원하는 url로 이동 가능 (페이지 처리방식 옵션 추가) 1.1.0 업데이트 - 2020-03-14 - 기본 스킨(default)의 파일 구조 개선 및 코드 정리 - 본문에 전화번호 기재 (버그 수정) - 우편번호 유효성 체크 (버그 수정 : postcodify API 사용시) - 이메일 주소 입력에 필수/옵션 적용 - 내용글(message 필드) 입력에 필수/선택 옵션 적용 1.0.1 업데이트 - 2020-03-12 - 분류를 사용하지 않는 경우 유효성 검사에 걸리는 문제를 수정 - 폼 전송 후 현재 페이지에서 결과값 처리시 이미지가 뜨지 않던 문제 수정 '설정' 설명 1. 게시판 연동 - 게시판을 지정하면 폼 위젯에서 작성한 콘텐츠가 해당 게시판에 저장됩니다. - 게시판 모듈을 지정하지 않으면 위젯 작동이 중지되고 에러페이지를 출력합니다. 2. 콘텐츠 제목 - 이용자가 직접 제목을 입력할 수도 있고, 위젯 스킨에서 설정된 제목을 뿌려줄 수도 있습니다. 3. 분류(카테고리) 활용 - 분류를 출력 방식을 선택할 수 있으며, 분류번호(category_srl)을 이용해 특정 분류만 모아서 출력하는 것도 가능합니다. - 분류 번호를 1개만 지정하면 위젯 스킨에서는 분류 폼을 따로 출력하지 않고 콘텐츠는 해당 분류로 자동 귀속됩니다. 4. 문서 비밀번호 - 비로그인 사용자에 한해 콘텐츠의 비밀번호를 랜덤 또는 직접 선택 방식으로 제공합니다. 5. 사용자 정의(확장변수) 활용 - 게시판의 확장변수를 가져와서 폼 문서로 출력이 가능합니다. 분류와 마찬가지로 아예 출력을 하지 않거나 일부만 활용하거나 모두 활용할 수 있습니다. 6. 댓글 허용, 공개/비밀 선택 - 일반적인 게시물과 마찬가지로 사용자가 댓글 허용 여부 및 비밀글 사용 여부를 결정할 수 있습니다. - 또한 관리자가 댓글을 일괄 허용하거나 일괄 불허할 수 있으며, 콘텐츠를 강제로 공개 또는 비밀로 귀속시킬 수 있습니다 7. 개인정보 안내 및 동의 - 개인 정보를 수집하는 만큼 관련 사항을 선택적으로 출력할 수 있습니다. - 안내문 제목과 설명란에 개행 문자(\n)를 삽입하면 복수의 안내가 가능합니다. (예. 개인정보 수집 및 이용 동의, 개인정보 제3자 제공 동의 등) 8. 폼 전송 후 페이지 처리 - 폼 전송 후 페이지 처리 방식을 선택할 수 있습니다. - 1) 현재 페이지에서 입력 사항을 간단히 보여주거나, 2) 콘텐츠 본문으로 바로 이동하거나, 3) 콘텐츠가 저장된 게시판 목록화면으로 이동할 수 있습니다. 몇 가지 팁 분류번호(category_srl)나 확장변수 eid를 몰라도 걱정마세요 - (관리자 페이지 등에서 위젯 코드만 추출하는 방식이 아니라) 위젯 페이지에서 페이지 수정을 통해 위젯 설정을 시도하면... - 분류나 확장변수를 '모두 활용'으로 선택하고 설정을 저장한 뒤, 다시 설정을 수정하면 대상 게시판에 연계된 분류와 확장변수 목록이 자동으로 입력되어 있는 것을 볼 수 있을 겁니다. - 여기서 변수값을 선택적으로 추리고 '일부만 활용'으로 바꾸면 위젯 설정에 수고로운 시간을 줄일 수 있습니다. 폼-메일(form mail)로도 사용할 수 있어요 - 게시판 설정에서 '관리자 메일'을 설정해놓으면, 신규 문의가 등록될 경우 메일로 알림을 받을 수 있습니다. - 우리메일 등을 이용하면 보다 완벽한 형태의 이메일을 받아볼 수도 있습니다. (강추) - 이래저래 본 위젯이 폼 메일 기능으로도 활용될 수 있을 겁니다. 기능 확장을 고려할 수 있습니다 - 스킨 개발을 통해 위젯 변수를 잘 활용하면 다양한 방식으로 기능을 확장해볼 수 있을 겁니다. - 예를 들어 자바스크립트 또는 제이쿼리를 활용하여 스킨을 잘 개발하면, 구글식의 다단계 설문조사 같은 것도 구현할 수 있을 겁니다. 또한 게시판 스킨을 재가공해서 저장된 확장변수값을 아우르는 다양한 통계페이지도 생각해볼 수 있습니다. 기타 정보 - 라이믹스 + 크롬에서 개발되었습니다. 기타 환경에 문제가 있을 경우 댓글로 알려주세요~ - 그 외의 프로세스에 대해서는 직접 사용해보시기를 권장합니다. (이제 슬슬 힘들어서요...) - 다음 페이지들에서 실제 작동하는 과정을 체험할 수 있습니다. - 간단 버전 : https://bit.ly/33edLkJ - 거의 풀 버전 : https://bit.ly/3aRMOGr
2 3 4 Next
스케치북 게시판 기준으로 _read.html을 엽니다 [수정전] <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{$etIdx%2}"> ~~ 내용 ~~ </tr> [수정후] <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview' && $val->eid!='work_start' && $val->eid!='work_stop'" class="bg{$etIdx%2}"> ~~ 내용 ~~ </tr> <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid=='work_start'"> <th valign="center">총날짜</th> <td valign="center" colspan="3"> {@$today = date('Y-m-d')} <block loop="$oDocument->getExtraVars() => $key,$val" cond="$val->eid=='work_start'"> {$val->name} : {$val->getValueHTML()} {@$startDate = new DateTime($val->getValueHTML())} </block> <block loop="$oDocument->getExtraVars() => $key,$val" cond="$val->eid=='work_stop'"> <span style="margin:0 10px; color:#f60; font-weight:bold">|</span>{$val->name} : <!--@if($val->getValueHTML())-->{$val->getValueHTML()}<!--@else-->{$today}<!--@end--> {@$endDate = new DateTime($val->getValueHTML())} </block> <span style="margin:0 10px; color:#f60; font-weight:bold">|</span>총일수 : {@$interval = $startDate->diff($endDate);} {$interval->y}년 {$interval->m}월 {$interval->d}일 </td> </tr> 적용할 게사판에 확장변수 ID를 "work_start'" "work_stop" 두개를 만들어주면 됩니다. work_stop 확장변수 ID에 날짜를 입력하지 않으면 현재일이 기준이 되며 자동으로 하루씩 늘어납니다. - 확장변수 입력모습 - 확장변수 출력모습
똑띠님의 홈피에 있는 Tip인데 너무 유용해서 응용해 봅니다. 원본 소스의 핵심입니다. 스케치북 기준 write_form.html 파일에서 _admin으로 끝나는 확장변수 ID는 글 작성시 숨겨지는 기능입니다. {@$match = preg_match('/_admin$/is', $val->eid)} <!--@if($match != 1)--> <th scope="row"><em cond="$val->is_required=='Y'">*</em> {$val->name}</th> <td>{$val->getFormHTML()}</td> <!--@end--> 근데 이렇게만 하면 글 작성시 누구도 확장변수가 보이질 않아서 확장변수가 있으나마나죠 그래서 관리자는 글작성시 보이게 수정 <!--@if($match != 1 || $grant->is_admin)--> 그리고 본문글에서도 확장변수를 숨깁니다. _read.html 파일에서 _hidden으로 끝나는 확장변수 ID는 본문글 출력시 숨겨지는 기능 {@$match = preg_match('/_hidden$/is', $val->eid)} <!--@if($match != 1 || $grant->is_admin)--> <th scope="row">{$val->name}</th> <td cond="$val->eid!='rating">{$val->getValueHTML()}</td> <!--@end--> 여기서 한발 더 나아가서 글작성, 본문출력 둘다 관리자외는 숨겨지는 기능 •write_form.html <!--// 확장변수명이 _admin, _both로 끝날때 숨김처리 하기(관리자는 예외) --> {@$match1 = preg_match('/_admin$/is', $val->eid)} {@$match2 = preg_match('/_both$/is', $val->eid)} <!--@if(($match1 != 1 && $match2 != 1) || $grant->is_admin)--> <th cond="" scope="row"><em cond="$val->is_required=='Y'">*</em> {$val->name}</th> <td cond="$val->eid!==$mi->etc_name">{$val->getFormHTML()}</td> <!--@end--> •_read.html <!--// 확장변수명이 _hidden, _both로 끝날때 숨김처리 하기(관리자는 예외) --> {@$match1 = preg_match('/_hidden$/is', $val->eid)} {@$match2 = preg_match('/_both$/is', $val->eid)} <!--@if(($match1 != 1 && $match2 != 1) || $grant->is_admin)--> <th scope="row">{$val->name}</th> <td cond="$val->eid!='rating">{$val->getValueHTML()}</td> <!--@end--> 글 작성자에게도 권한을 줄려면 $oDocument->isEditable() 추가 <!--@if(($match1 != 1 && $match2 != 1) || $grant->is_admin || $oDocument->isEditable())--> 이렇게 적용하면 확장변수 ID가 _admin으로 끝나는 경우는 글작성시 숨겨지고, 확장변수 ID가 _hidden으로 끝나는 경우는 본문출력시 숨겨지고, 확장변수 ID가 _both으로 끝나는 경우는 두 경우 전부 숨겨집니다. [확장변수 ID 설정] [글 작성시] - 관리자 화면 - 일반 화면 [본문글] - 관리자 화면 - 일반 화면
sketchbook5 게시판 스킨에서 레이아웃 다크모드 사용시 - https://moonhouse.co.kr/xetip/556950 웹진형 게시판에서 박스안의 내용물들이 출력되지 않습니다. 웹지기님의 사이트나 XeTown사이트도 List게시판을 수정해서 사용하는 것 같습니다. [수정방법] 1. skin.xml 파일에 추가 - 일반모드 게시판과 다크모드 게시판을 분리하기 위한 설정 <var name="dark_mode" type="radio"> <title>다크모드</title> <description>레이아웃의 다크모드 설정시 웹진형에서의 문제수정</description> <options value=""> <title>일반</title> </options> <options value="Y"> <title>다크모드</title> </options> </var> 2. css/board.css 에서 아래줄 삭제 .bd_zine>li>a{display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:2px solid transparent;background-image:url(../img/blank.gif);text-decoration:none} 3. __setting.html 에 추가 <!--@if(!$mi->dark_mode=='Y')--> .bd_zine>li>a{display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:2px solid transparent;background-image:url(../img/blank.gif);text-decoration:none} .bd_zine a:hover,.bd_zine a:focus,.bd_zine .select a{border-color:#{$mi->color};} <!--@else--> .bd_zine li,.bd_zine li{border:2px solid transparent; } .bd_zine li:hover,.bd_zine li:focus, .bd_zine .select {border:2px solid #{$mi->color}; border-radius:5px } <!--@end--> 4. _list_webzine.html 파일에서 빨간색 코드로 썸네일, 제목, 본문요약 부분을 감싸줍니다. <!--// 썸네일 영역 --> <div class="rt_area<!--@if($list_config['thumbnail'] && $document->thumbnailExists())--> is_tmb<!--@end-->"> <div onclick="location.href='{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}';" style="cursor: pointer;"> ~~ 기존 코드 ~~ </div> <!--// 글 정보 --> <div class="info"> 글 정보 까지 감싸지 않는 이유는 "게시판 목록에서 확장변수 바로 수정 애드온" 이 작동되게 하기 위해서 입니다. [적용된 모습] - 다크모드가 적용된 레이아웃에서 다크모드 적용 - 게시판 설정에서 다크모드를 선택 최대한 원본의 모습에 비숫하게 구현했습니다.
XeTown에 올라온 질문중에 재미있는 것이 있어서 팁으로 남깁니다. [질문내용] 게시판 사용자정의항목에 text 형식에 html 이 적용되게 하려면 어디를 수정해야 할까요? <a href="url"> text </a> 이렇게 입력해서 링크를 걸고 싶습니다. 위의 질문을 역으로 해석해서 확장변수 "URL 형식" 주소란 에 텍스트로 Link 출력하는 방법입니다. 1.sketchbook5 게시판 스킨을 기준으로 skin.xml 파일에 추가 <var name="e_url" type="text"> <title xml:lang="ko">★URL 형식 주소 대신 텍스트 출력 확장변수 ID</title> <description xml:lang="ko">URL 형식 확장변수란 주소 대신 텍스트(Link) 출력할 확장변수 ID를 적어주세요.</description> </var> <var name="e_urlt" type="text"> <title xml:lang="ko"> ┖ 주소대신 출력할 텍스트</title> <description xml:lang="ko">URL 형식 확장변수 주소란에 대신 출력될 텍스트 입력(기본 Link)</description> </var> 2. _read.html 파일 확장변수 부분 <!--// Extra Var --> <table cond="!$mi->et_var && $oDocument->isExtraVarsExists() && (!$oDocument->isSecret() || $oDocument->isGranted())" class="et_vars bd_tb"> <caption class="blind">Extra Form</caption> {@ $etIdx=1 } <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{$etIdx%2}"> <th scope="row">{$val->name}</th> <td cond="$val->eid!='rating' && $val->eid!==$mi->e_url">{$val->getValueHTML()}</td> {@ if(!$mi->e_urlt) $mi->e_urlt = Link; } <td cond="$val->eid==$mi->e_url"><a href="{$oDocument->getExtraEidValue($mi->e_url)}" target="_blank">{$mi->e_urlt}</a></td> <td cond="$val->eid=='rating'" class="rating"><span class="starRating" title="{$val->getValueHTML()}{$lang->score}"><span style="width:{$val->getValueHTML()*10}%">{$val->getValueHTML()}</span></span></td> {@ $etIdx++ } </tr> </table> 빨간색 부분 추가하면 됩니다. [설정화면) [출력화면]
2 3 4 Next

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수 추천수
확장변수가 자동으로 제목으로 대체되는 진짜 방법 file
팔공산 2023.04.11 721
css line-height 와 height의 차이점 file
팔공산 2023.04.02 1039
문하우스 확장변수가 자동으로 제목으로 대체되는 방법 file
팔공산 2023.03.29 686
Sale Mh Justice Layout V 1.5 [ 2023. 02. 07 ] - Sale 제품(₩39,000) file
팔공산 2023.03.26 920
Sale Mh SmartBanner Widget V1.1 [2021.01.13] - Sale 제품(₩9,000) file
팔공산 2023.03.26 905
Sale Mh Brickfolio Widget V1.3 [2023.04.05] - Sale 제품(₩9,000) file
팔공산 2023.03.26 884
위젯 Mh Portfolio V1.0 file
팔공산 2023.03.26 197
위젯 Mh Owl Slide V1.0 file
팔공산 2023.03.26 151
문하우스 Slide Pro 슬라이드 레이아웃에 추가 file
팔공산 2023.03.26 403
문하우스 7 파일목록을 자료실 목록 형태로 꾸미기 - 스케치북 게시판스킨 file 팔공산 2023.03.24 923
1 2 3 4 5 Next