이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.
![[레벨:30]](http://www.xpressengine.com/modules/point/icons/default/30.gif "포인트:535127point, 레벨:30/30"){kind=icon}
zero| 라이센스 : | GPL2 |
|---|---|
| 기타 라이센스 : | |
| 적용 버전 : | 1.2.4 이후 |
| 프로젝트 URL : | http://skin.xpressengine.net |
소개
3개의 주제를 가진 배너를 롤링하여 보여주는 배너 위젯 프로그램입니다.
XE 공식사이트 메인에서도 사용하고 있습니다.
미리보기
다운로드
설치 및 설명
![[레벨:3]](http://www.xpressengine.com/modules/point/icons/default/3.gif "포인트:1275point (73%), 레벨:3/30"){kind=icon}
flowerrain![[레벨:1]](http://www.xpressengine.com/modules/point/icons/default/1.gif "포인트:305point (79%), 레벨:1/30"){kind=icon}
빅스타
![[레벨:7]](http://www.xpressengine.com/modules/point/icons/default/7.gif "포인트:5095point (50%), 레벨:7/30"){kind=icon}
bncPlan이 모듈 활용시 배너제작 바탕 그림입니다.
조금 활용하면 가로 세로가 어느정도 작게 만든 배너도 사용할 수 있습니다.
(이 부분에 대한 간단설명은 위 링크의 위키문서 댓글에 간단하게 적어놓았습니다.)
일단 배너작업시 아래에 깔고 만드시면 조금 도움이 되실 겁니다.
그리고 버튼도 자동생성이 아니라 일일이 넣어줘야 합니다.
배너관련 링크 이동 버튼도 넣어줘야 되고용..ㅡㅡ
버튼 만들시 각 배너 번호에 맞는 선택색을 구분해 주세요.
EX홈피 버튼을 누르면 버튼색이 변하는 것은 배너 속에 함께 그려진 버튼입니다.
눌러보면 이 말이 이해되실 겁니다.
그분안님께서 가르켜 주신대로 롤링 배너 위젯 적용한 샘플 사이트입니다.
배경을 투명하게해서 GIF 이미지를 사용하면 일이 엄청 쉬운데 그러면 제목 글자가 보이는 관계로 어쩔 수 없이 그라데이션 배경을 사용하였는데 맞추기가 장난이 아니더군요. 단일색으로 배경 전체를 깔면 보기가 싫고...
보러가기 >http://pisibook.owllab.com/2008/online/xe/?mid=indesign_home
![[레벨:2]](http://www.xpressengine.com/modules/point/icons/default/2.gif "포인트:365point (1%), 레벨:2/30"){kind=icon}
강신봉![[레벨:8]](http://www.xpressengine.com/modules/point/icons/default/8.gif "포인트:6380point (40%), 레벨:8/30"){kind=icon}
토니박스초보자입니다. 아래 그림처럼 삽입을 했는데 1번처럼 상단메뉴와 배너사이에 간격이 뜨네요. 그리고 2번까지 확대하려면 어떻게 하나요 . 초보자라 아무리 고민해보아도 안되어서 문의 드립니다.
답변좀 부탁드립니다. 제발요
layouts/xe_official_v2/css/laout@official.css 파일에서
라인 42번, 43번을 적절하게 수정해주면될듯하네요.
header -> height 값과, body -> padding-top 값을 웹사이트에 맞게 수정하면 위치가 맞습니다.
![[레벨:4]](http://www.xpressengine.com/modules/point/icons/default/4.gif "포인트:1920point (59%), 레벨:4/30"){kind=icon}
하이우리그분안님의 그림에 추가로...
XE 레이아웃 소스 열어보니, 이미지파일 경로가 있군요..
http://www.xpressengine.com/./files/attach/filebox/524/093/018/18093524.png
참고하세요.
설정에서 제목을 좀 더 길게 넣으세요.
제목의 글자 길이에 따라 링크범위가 결정되더군요...
여러분들 덕분에 어느정도 자연스럽게 적용시킨 것 같네요 ㅎㅎ
예시 : http://www.gangsbox.co.cc/
PNG파일 첨부합니다.
그런데 바로가기버튼 크기조절을 어떻게하나요..??
사이즈 하고 버튼 위치를 수정하고 싶은데 어디를 수정해야 하는가여?
혹시 아시는분 있으면 답변점 부탁 드립니다.
각 배너에서의 <이동 번호 버튼 위치>와 <링크 버튼 위치>는 모두 위젯 폴더 안에 있는 (xeBanner\skins\xeHome <- 이 폴더)
banner.css파일 안에 지정되어있습니다.
.xeBanner .section a{ position:absolute; height:22px; top:160px; left:15px; font-size:11px; padding:0 8px; overflow:hidden; text-decoration:none;}
위의 스타일은 링크버튼의 위치를 나타냅니다.
링크된 버튼의 높이가 22px이며, 위로부터 160px이 떨어져있습니다. 왼쪽으로는 15px만큼 떨어져 있네요.
이 위치를 수정해주세요. top이 0일수록 위로 위치합니다.
.xeBanner .vNavigation{ position:absolute; top:207px; left:15px; margin:0; padding:0; list-style:none;}
위의 스타일은 배너 내 이동 버튼의 위치를 나타냅니다.
여기에서 207px은 위로부터 아래방향으로 207px 만큼 이동했다는 의미입니다.
여기를 수정해주시면 됩니다.
이동 버튼의 크기 조절은,
.xeBanner .vNavigation li button{ overflow:visible; padding:0; cursor:pointer; background-color:transparent; border:0; width:19px; height:19px; font-size:0; line-height:0;}
에서, width 와 height를 각각 조절해주시면 됩니다.
첫 화면에서 보여질 때 1,2,3이 랜덤으로 보여지던데,
항상 1번이 먼저 표시되도록 하려면 어떻게 해야 하나요????
xe베너 위젯을 설치했습니다. 그런데 그림을(한국어 일본어 영어 중국어)등록하세요 라고 표시만 되는데..
어디에 등록을 해야 하는건가요? 위젯폴더에 잘 설치햇구요.
좀 도와주세요.
감사합니다 드뎌 성공했습니다.
추가로 새창에 띄우는거 올릴게요
위젯설치 후 본 댓글에 포함된 첨부파일 덮어 쓰면 됩니다.
xe_path/widgets/xeBanner/skin/xeHome 의 banner.html 에서 타겟만(빨간색 박스부분) 추가했습니다.
<div id="v1" class="section">
<h2>{$widget_info->title_1}</h2>
<p>{$widget_info->description_1}</p>
<a href="{$widget_info->url_1}" target='_new'><span>{$widget_info->title_1}</span></a>
</div>
<div id="v2" class="section">
<h2>{$widget_info->title_2}</h2>
<p>{$widget_info->description_2}</p>
<a href="{$widget_info->url_2}" target='_new'><span>{$widget_info->title_2}</span></a>
</div>
<div id="v3" class="section">
<h2>{$widget_info->title_3}</h2>
<p>{$widget_info->description_3}</p>
<a href="{$widget_info->url_3}" target='_new'><span>{$widget_info->title_3}</span></a>
</div>
![[레벨:9]](http://www.xpressengine.com/modules/point/icons/default/9.gif "포인트:8140point (49%), 레벨:9/30"){kind=icon}
팔공산
![[레벨:6]](http://www.xpressengine.com/modules/point/icons/default/6.gif "포인트:3740point (42%), 레벨:6/30"){kind=icon}
지인닷컴
좋은 위젯과 정보 감사드립니다.
초보자가 재미있게 따라하고 있는데 오른쪽 그림이 짤려 질문 드립니다.
css 파일을 수정하다가 어디를 손댈지 몰라 질문글 올립니다.
www.studyjjang.kr 현재 작업하고 있는 홈페이지 입니다.
네이버 이미지는 첫번째 배너이구요. 짤리는 부분은 로그인 위젯입니다. 아래쪽 사이트맵 사이즈에 영향을 받는것 같은데 이것 저것 시도하다 손을 놓고 있습니다. 고수님들 도와주세요~~^^
수정해서 잘 쓰고 있습니다.
크기 및 링크영역 조정은 css 파일을 수정해서 쓰시면 되요~
어겨맞추시는 것보단, 구조를 이해하고 맞게끔 새로 만들어서 쓰시는 걸 추천~ ㅋ
메인에 적용 : www.laborright.net
아...1등이다..ㅋㅋ
그나저나...기다리던 XE 공식 스킨과 관련된 것들이 하나씩 올라오네요...
넘 고맙습니다...