스케치북 게시판 설정

[트렌드샵] 상품아이콘 추가/변경 방법

2014-08-29T13:03:45+09:00

상품아이콘(new,best,hot,sale) 이미지 파일 폴더입니다.

/modules/nproduct/skins/TrendshopA/img

/widgets/cameronShopDisplay/skins/TrendshopA_List/img

/widgets/cameronShopDisplay/skins/TrendshopA_Carousel/img

1. 상품아이콘 변경 방법

위 이미지 파일 폴더에 new.gif, best.gif, hot.gif, sale.gif

이렇게 네 개의 아이콘 파일이 있는데요,

이 아이콘 파일을 덮어쓰기 하시면 아이콘이 바뀝니다.^^

2. 상품아이콘 추가 방법

상품관리 - 추가등록폼에 추가한 네 개의 옵션에 추가하고 싶은 아이콘명을 한 줄 더 추가합니다.

예) "add"를 추가한다면

new

best

hot

sale

add

그리고, add.gif 파일을 만들어 위 상품아이콘 이미지 파일 폴더에 각각 넣어주시면 됩니다.

애니메이션 gif를 넣으시면 반짝반짝 효과도 줄 수 있겠죠?^^

감사합니다.^^

[트렌드샵] 게시판 스킨설정 - 스케치북5

2014-08-26T18:50:55+09:00

트렌드샵에 사용된 게시판스킨은 '스케치북5' 입니다.

스케치북5 게시판스킨은 무료 배포용으로 본 상품구성에는 포함되어 있지 않습니다.

트렌드샵의 게시판 디자인처럼 하시려면 먼저 '스케치북5'를 설치해야 합니다.

그리고, 레이아웃설정 '사용자CSS' 란에 본 소스코드를 복사하여 넣어주시면 같은 디자인으로 변경됩니다.

게시판스킨설정 캡처이미지를 첨부하였습니다. 똑같이 설정하시면 데모페이지와 동일하게 표현됩니다.

.bd, .bd select, .bd button, .bd table{font-family:'Malgun Gothic',돋움,sans-serif !important}

.bd input, .bd textarea{font-family:돋움,sans-serif !important}

.bd .ngeb{font-family:'Malgun Gothic',돋움,sans-serif !important; font-weight:700}

.bd{color:#777}

.bd a{-ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s; color:#777}

.bd_zine h3{text-shadow:none !important; color:#333}

.bd_hd{padding:0 !important}

.bd_zine.zine li{margin:0; padding:18px 8px 18px 16px}

.bd_zine.zine li:hover{-ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s}

.bd_zine.zine li:first-child,

.bd_tb_lst.common_notice tr:first-child td{margin-top:0 !important; border-top:0 !important}

.bd_zine .cnt{font-family:돋움,sans-serif; margin-top:10px; font-size:12px; color:#888}

.bd_zine.zine .info .itm{margin:20px 7px 0 0}

.bd_zine.card li{background:#fafafa}

.bd_zine.card .hx, .bd_zine.card .notice a{border-radius:0}

.bd_tb_lst td.title{font-family:돋움,sans-serif}

.bd_tb_lst th,

.bd_tb_lst td{padding:10px 12px}

.bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover{-ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s}

.bd_tb_lst{margin-top:0}

.bd_zine li, .bd_tb_lst td{border-bottom:1px solid #e9e9e9}

.btn_img{height:auto; padding:5px 14px 5px 14px; border-radius:0; font-size:12px}

.btn_img.no{height:auto; padding:5px 15px 5px 15px}

.bd .ico_16px{display:none}

.bd .bd_srch_btm .ico_16px{display:inline-block}

.bd .tx_ico_chk{display:none}

.bd_srch_btm .select{padding:5px 4px 5px 4px}

.bd .itx,

.bd select{color:#777}

.bd_srch_btm.on .search{top:8px}

.bd_zine .tmb_wrp{text-align:center; -ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s;}

[가든테마] 게시판 스킨설정 - 스케치북5

2014-04-09T11:18:34+09:00

가든 테마에 사용된 게시판스킨은 '스케치북5' 입니다.

스케치북5 게시판스킨은 무료 배포용으로 본 상품구성에는 포함되어 있지 않습니다.

가든 테마의 게시판 디자인처럼 하시려면 먼저 '스케치북5'를 설치해야 합니다.

그리고, 레이아웃설정 '사용자CSS' 란에 본 소스코드를 복사하여 넣어주시면 같은 디자인으로 변경됩니다.

게시판스킨설정 캡처이미지를 첨부하였습니다. 똑같이 설정하시면 데모페이지와 동일하게 표현됩니다.

.bd, .bd select, .bd button, .bd table{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important}

.bd input, .bd textarea{font-family:돋움,sans-serif !important}

.bd .ngeb{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important; font-weight:700}

.bd{color:#777}

.bd a{-ms-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s; color:#777}

.bd_zine h3{text-shadow:none !important; color:#333}

.bd_hd{padding:0 !important}

.bd_zine.zine li{margin:0; padding:18px 8px 18px 16px}

.bd_zine.zine li:hover{background-color:#fff; -ms-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s}

.bd_zine .cnt{font-family:돋움,sans-serif; margin-top:10px; font-size:12px; color:#888}

.bd_zine.zine .info .itm{margin:20px 7px 0 0}

.bd_zine .tmb_wrp{text-align:center; -ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s}

.bd_zine .hx, .bd_zine .notice a{border:0}

.bd_tb_lst td.title{font-family:돋움,sans-serif}

.bd_tb_lst th, .bd_tb_lst td{padding:10px 12px}

.bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover{background-color:#fff; -ms-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s}

.bd_tb_lst{margin-top:0}

.bd_zine li, .bd_tb_lst td{border-bottom:1px solid #e9e9e9}

.btn_img{height:auto; padding:8px 15px 8px 15px; font-size:12px}

.btn_img.no{height:auto; padding:8px 15px 8px 15px}

.bd .ico_16px{display:none}

.bd .bd_srch_btm .ico_16px{display:inline-block}

.bd .tx_ico_chk{display:none}

.bd_srch_btm .select{padding:8px 4px 7px 4px}

.bd .itx, .bd select{color:#777}

.bd_srch_btm.on .search{top:8px}

[스테이지] 메뉴박스 컬러셋

2014-03-15T04:29:38+09:00

스테이지 데모페이지에 사용된 컬러셋 정보입니다.

▶ 카메라

- 메뉴배경색

#632b3c

#3c4444

#686253

#374253

#653230

#8e443b

- 메뉴글자색

#ffffff

▶ 화장품

- 메뉴배경색

#ea4e60

#ff867d

#e4879c

#ff6c68

#f5577a

#fe8b84

- 메뉴글자색

#fffdf3

▶ 사진

- 메뉴배경색

#333333

#444444

#333333

#444444

#333333

#444444

- 메뉴글자색

#f9f8ed

▶ 음식

- 메뉴배경색

#bf4329

#aab316

#e7ad3d

#f58630

#d8a253

#45a1ad

- 메뉴글자색

#ffffff

▶ 회사

- 메뉴배경색

#70898a

#40a7c7

#cacaca

#8d9e94

#7cb7b6

#0072a7

- 메뉴글자색

#ffffff

#727272

#ffffff

▶ 웨딩

- 메뉴배경색

#d09493

#d4cbc2

#e9e2c9

#afc194

#d4cbc2

#b195b9

- 메뉴글자색

#ffffff

#887766

#7d755b

#ffffff

#887766

#ffffff

▶ 호텔

- 메뉴배경색

#9aaa4d

#cdb937

#bcb064

#957347

#aa9c43

#bcb064

- 메뉴글자색

#fcfaee

[스테이지] 게시판 스킨설정 - 스케치북5

2014-03-13T16:53:51+09:00

스테이지에 사용된 게시판스킨은 '스케치북5' 입니다.

스케치북5 게시판스킨은 무료 배포용으로 본 상품구성에는 포함되어 있지 않습니다.

스테이지의 게시판 디자인처럼 하시려면 먼저 '스케치북5'를 설치해야 합니다.

그리고, 레이아웃설정 '사용자CSS' 란에 본 소스코드를 복사하여 넣어주시면 같은 디자인으로 변경됩니다.

게시판스킨설정 캡처이미지를 첨부하였습니다. 똑같이 설정하시면 데모페이지와 동일하게 표현됩니다.

.bd, .bd select, .bd button, .bd table{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important}

.bd input, .bd textarea{font-family:돋움,sans-serif !important}

.bd .ngeb{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important; font-weight:700}

.bd{color:#777}

.bd a{-ms-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s; color:#777}

.bd_zine h3{text-shadow:none !important}

.bd_hd{padding:0 !important}

.bd_zine h3{color:#444; font-size:18px}

.bd_zine .cnt{color:#888; font-family:돋움,sans-serif; margin-top:20px; font-size:12px}

.bd_zine.zine li{margin:0; padding:12px 8px 12px 12px}

.bd_zine.zine li:hover{background-color:#fafafa; -ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s}

.bd_zine.zine .info .itm{margin:13px 7px 0 0}

.bd_zine.card li{background:#f8f8f8}

.bd_zine.card li:hover{background:#fff}

.bd_zine.card .hx, .bd_zine.card .notice a{border-radius:0}

.bd_zine.card h3{color:#333 !important}

.bd .card1{margin-top:-20px}

.bd_zine .hx, .bd_zine .notice a{border:0}

.bd_tb_lst td.title{font-family:돋움,sans-serif}

.bd_tb_lst th, .bd_tb_lst td{padding:14px 12px}

.bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover{background-color:#f9f9f9; -ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s}

.bd_tb_lst{margin-top:0}

.bd_zine li,.bd_tb_lst td{border-bottom:1px solid #e9e9e9}

.btn_img{height:auto; padding:10px 20px 10px 20px; font-size:12px}

.btn_img.no{height:auto; padding:10px 20px 10px 20px}

.bd .ico_16px{display:none}

.bd .bd_srch_btm .ico_16px{display:inline-block}

.bd .tx_ico_chk{display:none}

.bd_srch_btm .select{padding:10px 8px 10px 10px}

.bd .itx, .bd select{color:#777}

.bd_srch_btm.on .search{top:8px}

.rd_hd .board h1{font-size:16px}

[스마트테마] 게시판 스킨설정 - 스케치북5

2014-01-06T12:30:34+09:00

스마트에 사용된 게시판스킨은 '스케치북5' 입니다.

스케치북5 게시판스킨은 무료 배포용으로 본 상품구성에는 포함되어 있지 않습니다.

스마트의 게시판 디자인처럼 하시려면 먼저 '스케치북5'를 설치해야 합니다.

그리고, 레이아웃설정 'CSS 수정' 란에 본 소스코드를 복사하여 넣어주시면 같은 디자인으로 변경됩니다.

게시판스킨설정 캡처이미지를 첨부하였습니다. 똑같이 설정하시면 데모페이지와 동일하게 표현됩니다.

.bd, .bd select, .bd button, .bd table{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important}

.bd input, .bd textarea{font-family:돋움,sans-serif !important}

.bd .ngeb{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important; font-weight:700}

.bd{color:#777}

.bd a{-ms-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s; color:#777}

.bd_zine h3{text-shadow:none !important; color:#333}

.bd_hd{padding:0 !important}

.bd_zine.zine li{margin:0; padding:18px 8px 18px 16px}

.bd_zine.zine li:hover{-ms-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s}

.bd_zine.zine li:first-child,

.bd_tb_lst.common_notice tr:first-child td{margin-top:0px !important;border-top:0px !important}

.bd_zine .cnt{font-family:돋움,sans-serif; margin-top:10px; font-size:12px; color:#888}

.bd_zine.zine .info .itm{margin:20px 7px 0 0}

.bd_zine.card li{background:#fafafa}

.bd_zine.card .hx, .bd_zine.card .notice a{border-radius:0}

.bd_tb_lst td.title{font-family:돋움,sans-serif}

.bd_tb_lst th,

.bd_tb_lst td{padding:10px 12px}

.bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover{-ms-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s}

.bd_tb_lst{margin-top:0}

.bd_zine li, .bd_tb_lst td{border-bottom:1px solid #e9e9e9}

.btn_img {height:auto; padding:7px 14px 7px 14px; border-radius:0px; font-size:12px}

.btn_img.no {height:auto; padding:8px 15px 8px 15px}

.bd .ico_16px{display:none}

.bd .bd_srch_btm .ico_16px{display:inline-block}

.bd .tx_ico_chk{display:none}

.bd_srch_btm .select{padding:7px 4px 7px 4px}

.bd .itx,

.bd select{color:#777}

.bd_srch_btm.on .search{top:8px}

.bd_zine .tmb_wrp{text-align:center; -ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s;}

[와이드인테마] 게시판 스킨설정 - 스케치북5

2014-01-06T12:11:47+09:00

와이드인에 사용된 게시판스킨은 '스케치북5' 입니다.

스케치북5 게시판스킨은 무료 배포용으로 본 상품구성에는 포함되어 있지 않습니다.

와이드인의 게시판 디자인처럼 하시려면 먼저 '스케치북5'를 설치해야 합니다.

그리고, 레이아웃설정 '사용자CSS' 란에 본 소스코드를 복사하여 넣어주시면 같은 디자인으로 변경됩니다.

게시판스킨설정 캡처이미지를 첨부하였습니다. 똑같이 설정하시면 데모페이지와 동일하게 표현됩니다.

.bd, .bd select, .bd button, .bd table{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important}

.bd input, .bd textarea{font-family:돋움,sans-serif !important}

.bd .ngeb{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important; font-weight:700}

.bd{color:#777}

.bd a{-ms-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; color:#777}

.bd_zine h3{text-shadow:none !important; color:#333}

.bd_hd{padding:0 !important}

.bd_zine .hx, .bd_zine .notice a{border:0}

.bd_zine.zine li{margin:0; padding:18px 8px 18px 16px}

.bd_zine.zine li:hover{background-color:#fff; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s}

.bd_zine .cnt{margin-top:10px; font-family:돋움,sans-serif; font-size:12px; color:#777}

.bd_zine.zine .info .itm{margin-top:20px}

.bd_tb_lst td.title{font-family:돋움,sans-serif}

.bd_tb_lst th,

.bd_tb_lst td{padding:10px 12px}

.bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover{background-color: #fff; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s}

.bd_tb_lst{margin-top:0}

.btn_img{height:auto; padding:8px 15px 8px 15px; font-size:12px}

.btn_img.no{height:auto; padding:8px 15px 8px 15px}

.bd .ico_16px{display:none}

.bd .bd_srch_btm .ico_16px{display:inline-block}

.bd .tx_ico_chk{display:none}

.bd_srch_btm .select{padding:8px 4px 7px 4px}

.bd .itx,

.bd select{color:#777}

.bd_srch_btm.on .search{top:8px}

[니트테마] 게시판 스킨설정 - 스케치북5

2014-01-06T11:23:23+09:00

니트에 사용된 게시판스킨은 '스케치북5' 입니다.

스케치북5 게시판스킨은 무료 배포용으로 본 상품구성에는 포함되어 있지 않습니다.

니트의 게시판 디자인처럼 하시려면 먼저 '스케치북5'를 설치해야 합니다.

그리고, 레이아웃설정 '사용자CSS' 란에 본 소스코드를 복사하여 넣어주시면 같은 디자인으로 변경됩니다.

게시판스킨설정 캡처이미지를 첨부하였습니다. 똑같이 설정하시면 데모페이지와 동일하게 표현됩니다.

.bd, .bd select, .bd button, .bd table{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important}

.bd input, .bd textarea{font-family:돋움,sans-serif !important}

.bd .ngeb{font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif !important; font-weight:700}

.bd{color:#777}

.bd a{-ms-transition:all .2s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s; color:#777}

.bd_zine h3{text-shadow:none !important; color:#333}

.bd_hd{padding:0 !important}

.bd_zine.zine li{margin:0; padding:12px 8px 12px 12px}

.bd_zine .cnt{font-family:돋움,sans-serif; margin-top:10px; font-size:12px; color:#888}

.bd_zine.zine .info .itm{margin:20px 7px 0 0}

.bd_zine.card li{background:#f8f8f8}

.bd_zine.card .hx,

.bd_zine.card .notice a{border-radius:0}

.bd_zine.card h3{color:#333 !important}

.bd .card1{margin-top:-20px}

.bd_tb_lst td.title{font-family:돋움,sans-serif}

.bd_tb_lst th,

.bd_tb_lst td{padding:10px 12px}

.bd_tb_lst{margin-top:0}

.btn_img{height:auto; padding:8px 15px 8px 15px; font-size:12px}

.btn_img.no{height:auto; padding:8px 15px 8px 15px}

.bd .ico_16px{display:none}

.bd .bd_srch_btm .ico_16px{display:inline-block}

.bd .tx_ico_chk{display:none}

.bd_srch_btm .select{padding:8px 4px 7px 4px}

.bd .itx,

.bd select{color:#777}

.bd_srch_btm.on .search{top:8px}