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

    MH Before V1.1 위젯
    Mh BigSlider V2.1 위젯 - 20...
    Mh Portfolio V1.0
    Mh Owl Slide V1.0
    Mh Author 위젯 V1.5 (2024.0...
    Mh Width Hover Slide 위젯 V...

Data Of MoonHouse

Zbxe 서버 이전하기
아직 Zbxe의 서버이전을 하실 일은 별로 없을 것 같지만 그래도 제가 해본 결과를 올립니다. 혹시 서버이전 하실 일 있으면 참조하세요. [ Zbxe 서버이전 순서 ] ...
2007.08.22
레이아웃 스킨에 오렌지색 추가하는 방법
파일을 다운받아 압축을 풀면 두개의 layouts폴더와 widgets폴더가 있습니다. 이 두 폴더를 zbxe(설치된 폴더가 zbxe라고 가정함)가 설치된 서버에 ftp로 복사합...
2007.08.22
zbxe 일주일 사용기
일단 내컴에 있는 오토셋으로 서버를 돌려 ZbXE를 설치해서 대강의 공부를 하고, 저번에 Zb5베타시 cafe24에서 임시로 사용허가가 난 http://qnrl1346.cafe24.com...
2007.08.21
Prev 69 70 71

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

My Xe
Xpressengine of Moonhouse
2007.08.22 Tip Zbxe 서버 이전하기 1 14147
아직 Zbxe의 서버이전을 하실 일은 별로 없을 것 같지만 그래도 제가 해본 결과를 올립니다. 혹시 서버이전 하실 일 있으면 참조하세요. [ Zbxe 서버이전 순서 ] 기존 서버를 A 옮길 서버를 B 라고 가정합니다. 1. 텔넷(시작-프로그램-보조프로그램-통신-하이퍼터미널)으로 A서버의 ZBXE폴더를 압축합니다. cd public_html 후에(www면 cd www) tar cvfpz zbxe.tar zbxe cvfpz는 폴더의 모든폴더,파일과 퍼미션까지 압축, zbxe.tar은 생성되는 압축파일 이름(임의로 만듬), zbxe는 계정에 있는 zbxe의 폴더명(만약 루트에서 public_html전체를 압축하려면 public_html를 기재해야함) 생성되어진 zbxe.tar를 ftp로 자신의 컴퓨터로 내려 받습니다. 2. A서버의 DB로 들어가서 ZBXE의 DB를 내려받기로 받습니다. - sql파일 a. 텔넷으로 내려받기 로긴해서 A서버에 접속이 되면 mysql 위치로 들어가야 한답니다. whereis mysql하고 치면 mysql 경로를 가르쳐 줍니다. 저는 저렇게 치니까 /usr/local/mysql 이라고 나오더군요.. 다른분들은 조금 다를수도 있을듯 싶습니다. 경로를 확인하고 cd /usr/local/mysql이런식으로 자신의 경로에 맞게 칩니다. mysql 로 들어갔으면 [어쩌구저쩌구 mysql] 이렇게 나오실 겁니다. 안도의 한숨을 쉬면서.. 백업을 시작합니다. ./bin/mysqldump -u 아이디 -p DB 이름 > 백업할 파일 이름 이렇게 치면 mysql 패스워드를 묻습니다. 그리고 패스워드를 치면 조금있다가 백업이 됩니다. 백업할 파일 이름을 넣을때 그냥 backup.sql 이런식으로 넣으면 퍼미션 에러가 납니다. 자신의 홈 디렉토리에 넣어야 겠죠.. 결국 만약에 자신의 아이디가 name 이고 db 이름도 name이라면 ./bin/mysqldump -u name -p name > /home/name/public_html/name_backup.sql이렇게 치면 백업됩니다. 물론 뒤쪽에 붙은 /home/name/public_html/name_backup.sql이 경로는 자신의 경로에 맞게 수정하시면 될듯 싶습니다. b. 어렵죠 그럼 쉬운, 직접 DB로 들어가 내려받기 계정을 관리하는 사이트에 보통 있습니다. phpMyAdmin를 설치한 경우는 직접 접속해서 내려받기 하면 됩니다. 그럼 A서버로 부터 받을 것은 다 받았네요. 이제 B서버에 설치 3. B서버로 A서버에서 생성해서 자신의 컴에 보관한 sql파일을 import 합니다. a. 텔넷으로 올리기 먼저 A서버에서 내려 받은 sql파일을 ftp를 이용해 B서버에 올립니다. 이때 접속해서 보이는 첫화면에 올려도 좋지만 그럼 텔넷이용시 디렉토리를 변경해야 하므로 상위 디렉토리를 선택하시면 편리 (보통 www 나 public_html의 상위 디렉토리가 되겠죠) 텔넷으로 B계정에 접속이 되면(상위디렉토리라고 가정) mysql -u 아이디 -p 비밀번호 DB네임 < 백업파일명 (예; mysql -u name -p 1111 name < zbxe.sql) 그럼 DB작업 완료 b. 어렵죠 그럼 쉬운 직접 DB로 들어가 올리기 계정을 관리하는 사이트에 보통 있습니다. phpMyAdmin를 설치한 경우는 직접 접속해서 import 하면 됩니다. 4. A서버에서 내려 받아 자신의 컴에 보관중인 압축파일 zbxe.tar 을 ftp를 이용해서 B서버에 올립니다. 이때도 public_html 전체를 압축했으면 루트에, zbxe폴더만 압축했다면 public_html 방안에 올립니다. 5. 텔넷으로 B계정에 접속해서 public_html 안에 zbxe폴더만 압축했다면 cd public_html 치고 tar xvfpz zbxe.tar zbxe 그럼 B서버의 이전도 완료되었네요. 6. B서버의 zbxe/files/config/db.config.php 파일을 삭제합니다. 8. B서버에 도메인으로 접속해서 (ex : http://도메인/zbxe) 설치환경을 시작합니다. 이때 DB네임이나 DB에 관계된 것은 당연히 바뀌어야 하나, 자신의 zbxe의 아이디나 비밀번호는 바뀌면 안됩니다. 9. 설치가 완료되었으면, 각 레이아웃 설정에 들어가서 홈페이지 URL 부분에 이전한 홈페이지 주소를 입력합니다. 그럼 이전 90% 완료입니다. 이전 되지 않는 것들(수동으로 일일히 변경) - 파일첨부해서 본문삽입으로 올린 이미지들(파일의 경로는 올바르게 이전됨)이 A의 계정으로 남아있습니다. 갤러리로 올린 이미지들은 정상적으로 이전됨. - 레이아웃편집으로 위젯설치한 경로 A계정으로 남아있습니다.
　┖ 서버를 이전하고 나니 이미지파일들 중에 갤러리로 넣은 이미지들은 연결이 정상적으로...팔공산
2007.08.22 스킨 레이아웃 스킨에 오렌지색 추가하는 방법 file 4538
파일을 다운받아 압축을 풀면 두개의 layouts폴더와 widgets폴더가 있습니다. 이 두 폴더를 zbxe(설치된 폴더가 zbxe라고 가정함)가 설치된 서버에 ftp로 복사합니다. 그리고 zbxe/files/cache/layout/ 안에 들어가 보면 숫자로된.html 파일들이 존재 합니다. 레이아웃설정을 여러개 하셨다면 그 수 만큼 존재합니다. 편집기(에디터플러스나 울트라에디터등)로 열어서 <!-- 레이아웃과 연동될 css 파일 import --> <!--@if($layout_info->colorset == "white")--> <!--%import("css/white.css")--> <!--@elseif($layout_info->colorset == "black")--> <!--%import("css/black.css")--> <!--@elseif($layout_info->colorset == "orange")--> <!--%import("css/orange.css")--> <!--@else--> <!--%import("css/default.css")--> <!--@end--> orange부분 추가 해야 됩니다. 이 파일이 홈피에서 레이아웃편집을 하면 변화하는 파일인데 여기를 고쳐 주지 않으니 색의 변화가 이루어 지질 않네요. 그리고 숫자로된.html파일안 내용이 정렬이 되지를 않아 내용 추가시 홈피가 죽어버리는 경우가 생기는 군요. 아래 no.html 파일 올리니 작업해서 이 파일을 ftp로 올리고 작업해야 됩니다. (참고로 기본에 orange색 추가하고 달력이랑, 카운트 추가 되어 있습니다. 자신에게 맞추세요) 그렇지 않으면 홈피가 이상해 집니다. 이 부분 때문에 zbxe스킨란에 올렸다가 삭제 했습니다. 이 점 유위 하시고 아무쪼록 홈피에서 레이아웃 편집하면 안 됩니다. (ftp로 받아서 편집 후 다시 업 하면 정렬이 깨어지질 않습니다.)
2007.08.21 Tip zbxe 일주일 사용기 4899
일단 내컴에 있는 오토셋으로 서버를 돌려 ZbXE를 설치해서 대강의 공부를 하고, 저번에 Zb5베타시 cafe24에서 임시로 사용허가가 난 http://qnrl1346.cafe24.com 으로 정식 설치를 했다. [ 대강 설치 순서 ] 1. 모듈분류에서 먼저 분류생성함 - home, blog, data, zbxe 2. 레이아웃에서 스킨들을 등록함 - home(default), data(white)등 3. 메뉴에 가서 상단, 하단으로 일단 구분 - up, down 4. 페이지에 가서 메뉴별 대문 페이지 생성 - home, data, zbxe 5. 게시판에 가서 2차 메뉴들 생성 - 공지, 방명록, 유틸리티, 드라이브 등등 6. 다시 메뉴에 가서 상단에 트리 만들어 페이지와 게시판등 연결 7. 블로그 하나 만들어 메뉴트리에 연결하니 지금끗 설정 했던 레이아웃이며, 게시판 설정이 블로그로 변한다. 일일이 다시 설정 (Tip : 블로그를 만들 예정이면 1번전에 블로그를 하나 만들어 모든 셋팅을 완료한 후 작업하면 7번 같은 경우 방지) 8. 에드온 활성화 시키고 OpenID설정 9. 위젯들 확인함 - 위젯이 zb5에서 플러그인 역활을 합니다. 근데 만들기는 zb5보다 어려울 듯. 10. 위지윅 에디터들 활성화 시킨다. 여기까지가 1차로 틀을 만들어 봤습니다. 그런데 문제점들이 보이더군요. 문제1. 레이아웃 편집에 들어가서 편집을 하고 나면 모든 문구가 붙어 버려 다음 편집이 어려워 지더군요. 근데 내컴의 오토셋에서는 편집을 해도 정상적으로 보입니다.(서버의 차이인가?) (팁) 관리 > 레이아웃 > 레이아웃 편집 에서 하지않고 ftp로 하는 방법 ../zbxe/files/cache/layout/ 에 가면 숫자.html 파일이 보입니다. 그 파일을 수정하면 편집이 됩니다. 문제2. 페이지 수정에 들어가 윗젯을 왼쪽, 오른쪽 추가하다 보니 정렬이 잘 맞지를 않더군요. 그건 두번째에 깔고 해결 했습니다. 이글 아래에 팁 있습니다. 그래서 폴더 싹 지우고, DB들어거서 싹 지우고, 다시 깔아 봤습니다. 그래도 같은 증상이더군요, 괜히 노가다 했죠. *.* 그래도 그 중간에 zbxe에 대해 조금씩 알아갔습니다. 다시 깔고 틀 만들고, 레이아웃 색깔을 바꾸어 볼려고 일단 오렌지색을 포삽으로 하나 만들어 보았습니다. 근데 그게 생각 만큼 쉽지가 않더군요, 색깔 추가를 어떻게 하는지 여러번의 폴더 이해와 편집을 해 보아도 추가가 되지를 않더군요. 아.... 초보의 비애!!!!! (만져본 파일들이 하도 많아 생각도 안 남) 그래서 머리굴려 검정색 자체를 오렌지색으로 바꾸어 버렸습니다. 그것도 간단한 일은 아니더군요. 먼저 ../zbxe/layouts/xe_official/images/ 에 가서 black폴더 안에 오렌지색깔 덮어 씌우고 ../zbxe/layouts/xe_official/css/ 에 가서 black.css 더 보기... 닫기 black.css @charset "utf-8"; /* NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/) Jeong, Chan Myeong 070601~070630 */ /* black Skin - Start */ /* Site Layout - Body Wrap - 배경무늬*/ body { background:url(../images/black/bgBody.gif) repeat-x;} #bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;} /* Site Layout - Header - 상단메뉴배경*/ #header { position:relative; width:980px; height:120px; background:url(../images/black/bgHeader.jpg) no-repeat right top; margin-bottom:10px; z-index:99;} #header h1 { position:absolute; top:10px; left:25px;} #language { position:absolute; top:18px; right:19px; z-index:100;} #language strong { color:#ffffff; font:.75em Tahoma; margin-right:3px;} #language a img { vertical-align:-5px;} #language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #b23628; background:#de4332;} #language ul li { list-style:none; } #language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#ffffff; text-decoration:none;} #language ul li a:hover { background:#bc4032;} #it_search_form { position:absolute; top:50px; right:15px;} #it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;} #it_search_form .submit_button { width:1px; height:1px; visibility:hidden; } #gnb { position:absolute; top:82px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;} #gnb li { float:left; list-style:none; background:url(../images/black/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;} #gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#FFFFFF; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} #gnb li a:hover, #gnb li a:focus { color:#330000;} #gnb li.on a { font-weight:bold; color:#FFFF00; background:url(../images/black/bgGnbOn.gif) no-repeat center top;}#isSearch { position:absolute; top:48px; right:15px; width:214px; text-align:right;} #isSearch .searchOrder { display:none;} #isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/black/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;} #isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#536c6d;} #isSearch ul li { width:67px; height:18px; list-style:none; } #isSearch ul li input { display:none;} #isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;} #isSearch ul li label.on { background:#455a5b; } #isSearch ul li label:hover, #isSearch ul li label:focus { background:#455a5b;} #isSearch .inputText { vertical-align:middle; _position:relative; _top:-1px; padding:3px 3px 1px 3px; width:94px; height:15px; color:#ffffff; border:none; background:url(../images/black/bgSearch.gif) no-repeat;} #isSearch .inputText:hover, #isSearch .inputText:focus { background:url(../images/black/bgSearchOn.gif) no-repeat;} *:first-child+html body#black #isSearch .inputText { position:relative; top:-1px;} #isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;} *:first-child+html body#black #isSearch .submit { position:relative; top:-1px;} /* Site Layout - Content Body - 바닥선색*/ #contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/black/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #ffffff;} /* Site Layout - Column Left - 로그인 아래선색*/ #columnLeft { position:relative; width:201px; float:left;} #columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;} #lnb { border-top:1px solid #ff6600; padding:4px 5px; width:190px;} #lnb li { padding-bottom:4px;} #lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #ff6600; background:url(../images/black/bgLnbOff.gif) repeat-x; color:#FF0000; position:relative; z-index:99; text-decoration:none;} #lnb li a:hover, #lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #000000;} #lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;} #lnb li.on a:hover, #lnb li.on a:focus { font-weight:bold;} #lnb li ul { display:none; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;} #lnb li.on ul { display:block;} #lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;} #lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;} #lnb li ul li a:hover, #lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;} #lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/black/bulletLnb.gif) no-repeat 175px center !important;} /* Site Layout - Column Right */ #columnRight { width:770px; float:right; overflow:hidden;} #visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;} #content { width:100%; overflow:hidden;} /* Site Layout - Footer - 바닥선색*/ #footer { border-top:3px solid #ff6600; text-align:center; padding:2em 0 4em; clear:both;} #footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/black/vrType1.gif) no-repeat left center;} #footer li.first-child { background:none;} #footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} #footer li address { display:inline; } /* black Skin - End */ 편집하고, (참고) 저같이 디폴트,흰색,오랜지 다 사용하면 모든 .css 파일을 손 봐야 합니다. 그리고 로고들어가는 부분 #header h1 { position:absolute; top:10px; left:25px;} //15번째줄 에서 top을 줄이면 로고가 위로 올라가 중앙에 배치됩니다. 그리고 저는 로고이미지를 210*70 정도 크기로 만드니 딱 들어 맞더군요. ../zbxe/layouts/xe_official/conf/ 안에 info.xml 을 열어 블랙을 오렌지로 편집하고, 이젠 로그인 모양새 바꾸기 위해 ../zbxe/widgets/login_info/skins/xe_official/images/ 에 가서 black폴더 안에 그림들 변경하고 ../zbxe/widgets/login_info/skins/xe_official/css/ 에 black.css 더 보기... 닫기 black.css #login { border:2px solid #ff6600; width:196px; position:relative; _padding-top:2px; display:block;} // 로그박스 테두리색 *:first-child+html body #login { padding-top:2px;} #login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;} #login form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px;} #login form .idpwWrap { overflow:hidden; clear:both; width:172px;} #login form .idpw { float:left;} #login form .idpw input { border:1px solid #ff6600; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;} #login form .login { float:right;} #login form p.save { clear:both; padding:.3em 0;} #login form p.save input { vertical-align:middle; _margin:-3px;} *:first-child+html body #login form p input { margin:-3px; } #login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#999999;} #login form ul.help { border-top:1px solid #e4e4e4; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap;} #login form ul.help li { float:left; display:block; padding:0 3px 0 7px; background:url(../images/black/vrType1.gif) no-repeat left center;} #login form ul.help li.first-child { background:none; padding-left:0;} #login form ul.help li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none; } #login form ul.help li.first-child a { color:#54564b; text-decoration:none;} #login form ul.help li a:hover { text-decoration:underline; } #login form .userName { width:172px; overflow:hidden; border-bottom:1px solid #e4e4e4; padding:0 0 6px 0; margin-top:-5px;} #login form .userName strong { color:#282828; float:left; padding:4px 0 0 2px; font:bold .9em Tahoma;} #login form .userName a { float:right;} #login form ul.userMenu { padding:0 0 6px 4px; overflow:hidden; margin-top:10px;} #login form ul.userMenu li { list-style:none; padding-left:10px; background:url(../images/default/bulletFF1A00.gif) no-repeat left 4px; height:18px; } #login form ul.userMenu li a { color:#54564b; text-decoration:none;} #login form ul.userMenu li a:hover { text-decoration:underline;} #login form p.latestLogin { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} #login form p.latestLogin span { font:1em Tahoma;} img.login_mask { width:201px; height:5px; background:#ffffff; display:block;} #openid_login { border:2px solid #d9d9d9; width:196px; position:relative; _padding-top:2px; display:block; } *:first-child+html body #openid_login { padding-top:2px;} #openid_login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;} #openid_login form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px; } #openid_login form .idpwWrap { overflow:hidden; clear:both; width:172px;} #openid_login form .idpw { float:left;} #openid_login form .idpw p { margin-bottom:5px; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#999999} #openid_login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma; } #openid_login form .login { float:right;} #openid_login form p.save { clear:both; padding:.3em 0;} #openid_login form p.save input { vertical-align:middle; _margin:-3px;} *:first-child+html body #openid_login form p input { margin:-3px; } #openid_login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#999999;} 열어 편집기로 편집 하니, 대강 모양새가 오렌지색을 띄네요. 다시 깔고 사진들 넣어 보다가 세번째 문제 발견 문제3, 사진을 첨부해서 갤리리로 올리면 이상하게 제일 마지막에 사진이 제일 위로 올라가 버려 사진의 순서가 틀어져 버린다. 이것도 약간의 노가다 필요. 올린후 제일 위에 파일 지우고 그 파일을 다시 올리면 아래로 갑니다. 그리고 저만 그런지 모르겠는데, 한번씩 홈피가 잘 열리질 않고 죽어 버리는 경우가 종종 있네요. 저는 WebMa사용자 입니다. 이상 1주일 정도 zbxe주물러 본 사용기 입니다. p.s 당장 궁금한 것 몇가지 1. 위에서 이야기 했듯이 색깔 추가부분 2, 게시판 생성시 밑에 있는 확장 변수 사용법등 입니다. 고수님들의 댓글 부탁합니다. 추가: 최근댓글 위젯 - 소스가 보이는 군요...
Prev 70 71
XE 자료
Xpressengine Data of Moonhouse
Xe Tip
Xpressengine Tip of Moonhouse