먼저 좋은 스킨 제공해주신 대암지기님께 감사드립니다.

안녕하세요..!  오랜만에 제로보드 들어와본 땡칠이입니다...ㅎㅎ  늦었지만 새해복 많이 받으세요~
오랜만에 왔더니 좋은 게시판스킨을 대암지기님이 올려주셨길래 현재 제작중인 사이트에 적용해보고, 간단한 상품소개스킨을 적용해 보았습니다.

xe 쇼핑몰버전을 개발중이라는건 알지만, 그리 거창한 소스가 필요한건 아니라서... 그냥 단순하고 간단하게 상품만 소개하고픈 분들도 있으리라 생각들어 별거 아니지만 한번 올려봅니다... 스킨이라고 하기보단 팁에 가깝지만....ㅜ_- (쇼핑몰버전 언제나 나오나요...??)

장바구니처럼 찜을 한다던가.... 그런게 없으니 당연 총액합산이나 이런것도 없구요... 당근 주문하기 이런것도 없습니다... 단순소개죠 모..;;;
여러분들이  " 그런 스킨따위 필요없다규~~" 하면 상처받고 삐뚤어져 버릴지도 모릅니다...ㅜ_ㅜ

첫번째 스샷은 내용없이 확장변수만으로 작성할 경우입니다.  별다른건 없구요... 걍..제목에 bg 들어갔다는거 정도...?

클릭해서 들어가면 아래스샷처럼 보입니다.



확장변수들을 우측으로 정렬해서 왼쪽에 그림이 들어가도록 해봤습니다... 사실...제가 내공이 그리 강하지 못해서 꼼수라고 밖에는 볼수 없는 이것저것 짬뽕을 했습니다.... 머 그래봤자..html과 css쪼끔 건든거 밖엔 없지만요...ㅜ_ㅜ
그리고 위스샷같은 게시판 경우에는 소개사진 한장이면 족하므로 슬라이드가 보이지 않습니다.

그리고 내용이 들어갔을시.....



역시 기존과 별 다른건 없구요... 클릭해서 들어가보면......

이미지가 여러장일 경우엔 위 스샷처럼 슬라이드버튼을 이용해서 넘겨보면 되겠죠....

결론적으로 말씀드리면 레이어에 확장변수를 출력해서 테이블 우측으로 정렬시키고 좌측의 빈공간에 본문그림이 저절로 끼워 들어가게 만들었다고 보시면 됩니다.....;;;;;;;   이래서 꼼수라고 했었......크흑!

※스샷들중에 게시판제목부분의 bg와 <상세설명>이미지는 포함되어 있지 않습니다. 제가 임의로 올린거라... 확장변수가 출력되는 부분의 bg와  <클릭하시면 큰이미지.....> 이부분의 bg이미지만 포함되어 있습니다.

적용하실려면.......그전에....

먼저, 대암지기님의 확장변수게시판을 적용하는 방법을  요밑의 게시판에서 읽어보시고 관리자페이지 설정방법을 숙지 하시기 바랍니다.

아래의 스킨폴더 (xe_board_for_extra_vars_shop 라고 뒤에 shop을 붙여봤습니다..;;)를 게시판 스킨폴더에 올리고 관리자페이지에서 게시판 스킨으로 선택해주시면 되겠죠... 게시판스킨제목으로 <제로보드XE 확장변수전용 게시판[상품소개]>라고 뜹니다.

1)  글쓰기 하실때 가장먼저 좌측상단에 보여줄 이미지를 파일첨부 합니다.

2)  이미지를 본문삽입하지 마시고 에디터의 EXTENTION COMPONENT기능의 "기본이미지갤러리"를 클릭하여 편집해줍니다.



저같은 경우에는 본문사이즈가 700px정도입니다. 거기에 우측의 확장변수테이블이 300정도...거기에 패딩값...그래서 대략 360px정도면 그림이 왼쪽으로 저절로 들어갑니다만.. 사용자마다 다르므로 이부분은 알아서들 조절하십시오.  

이미지가 한장뿐이면 <모두펼침>, 여러장이면 <슬라이드> ..;; 당연하겠죠......정렬방식만 왼쪽으로 해주시고, 테두리나 배경은 역시 각자 알으셔서...... (뽀샵 이미지편집을 하셔서 이미지사이즈를 통일시켜주시고 오른편의 확장변수부분의 높이보다는 약간 작게 작업하시는게  좋을겁니다)

이미지를 삽입하시고 이제 본문을 작성해 주시면 됩니다...본문또한 이미지로 작성되있으면 편하겠죠...?

대암지기님의 확장변수전용게시판 파일들중 변경된 파일은   view_document.html 파일과 common.css파일, 그리고
style.webzine.html 입니다. 즉...웹진스타일만 해봤습니다....
테이블넓이에 대한 부분은 view_document.html 파일과 common.css파일에서 바꿔주시면 되고, bg이미지는 images/common폴더의 extra_bg.gif (제목bg)와 extra_bg2.gif (안내문bg)를 바꿔주시면 됩니다.

그리고 슬라이드갤러리를 표시하면 슬라이드바가 위에 나타나길래, 아래로 오도록 변경했으며...파일이름은 출력될 필요가 없을듯 하여 없앴습니다.
이건 modules/editor/components/image_gallery/tpl/slide_gallery.html 파일을 조금 변경했습니다.
ZIP파일에 이 파일도 포함시켰습니다만, 전체게시판에 적용이 되므로 기존방식이 좋으신분들은 에디터폴더를 하나 더 작성하셔서 별도로 쓰시는게 좋을듯 합니다.

워낙에 급조한게 돼어놔서... 다양한 테스트는 못해봤습니다. 

XE 1.1.3버전, 익스6,7에서만 확인했습니다. 
회사 나가서 나머지 브라우져들 확인해 보겠습니다. (머..특별난 기능이 있는것도 아니라...;;) 조금씩 더 손봐나가면 쓸만해질때가 오겠죠.....;;;;;

각파일들의 변경부분은 일단 자고 내일 다시 좀더 첨부하도록 하겠습니다 (별게 없어서 굳이 안해도...;;;;;;;;;)

저의 꼼수짓거리...읽어 주셔서 감사합니다...^^;

P.S - 혹시 중국어로 홈페이지 만들어보신분들...계시면 연락좀 해주십시오...ㅜ_ㅜ 
제가 지금 중국에서 일하는 중인데, 이번에 중국어로 작업해야할듯해서요...첨이거든요...중국어 홈피는...이것저것 궁금한게 많네요...흑
제 메일이나 메신저로 접속해주셔도 좋구요... 

freeza09@naver.com           MSN메신저 - freeza09@hotmail.com   

모두들 건강 유의하시고 요새 한국 정말 말이 아니던데......;;;; 모두들 힘내십시오..!