이 스킨은 XE 0.2.9 이후로 더이상 업데이트 되지 않습니다
XE 1.0 이상 버젼을 설치하신분들은 아래 링크의 버젼을 다운 받으시기 바랍니다.

http://www.zeroboard.com/zbxe_layout_skin/16442431

좋은하루 되세용 ^^

#########################################################################



아직까지 이미지 몇개 파일이 빠져 있는지 몰랐습니다..
이미지가 않나타난다는 게시물을 보고 업로드 파일 재조사 해보니 마우스오버시 나타나는 gif 파일들이 빠져 있네요 ^^;;;;;
서브 레이아웃 이미지 스킨 폴더에는 파일들이 정상적으로 들어 있습니다.
아래 파일들을 복사 하셔서 메인 레이아웃 해당폴더에 (/images/해당스킨)  업로드 하시면 됩니다..

bgleftbt_point.gif
bgleftbt_sub.gif
bgleftbt_up.gif

----------------------------------------------------------------------------------------------------


4가지 색상 레이아웃 입니다.

자잘한 오류도 많고해서 자삭했는데 어느분이 올려 달라 하셔서 조금 수정한거 올려 드립니다.

적용 예제 : http://www.kbsgag.net


* 이 스킨은 xe 버젼 기본 레이아웃을 조금씩만 수정한 기본에 충실된 레이아웃 입니다.
* 좌측메뉴를 180 으로 줄였기에 로그인스킨도 같이 첨부 합니다.
* 뉴스티거가 들어 있어서 수정된 뉴스티거도 같이 첨부 합니다.
* 현제 위치 출력 기능이 있어서 위치 출력 위젯도 같이 첨부 합니다


압축을 푸시면

1. 레이아웃 M
2. 에이아웃 S
3. 로그인 스킨
4. 뉴스티거
5. 현제위치표시위젯

이렇게 들어 있습니다.

 

각각 해당 폴더에 업로드 하시면 됩니다.


레이아웃1 : layouts/kbsgag_layout_main

레이아웃2 : layouts/kbsgag_layout_sub

로그인스킨 : widgets/login_info/skins/kbsgag_login

현위치출력 : widgets/menu_location/skins/menu_location_kbsgag

뉴스티거 : widgets/newest_document/skins/news_ticker_kbsgag

 

 

 

설명드리겠습니다.


메인 레이아웃이 2개가 있습니다.

main 과 sub 의 차이점은 현제위치출력 부분만 빼고는 동일 합니다.. (sub 에만 현위치출력이 있음)

기본 스킨과 비교할때 변경사항은 다음과 같습니다.

1. 배경 및 기타 이미지파일 수정
2. 상단 좌우측에 3,2 개의 사이트 링크 추가
3. 상단 메뉴박스내 사이트 배너 2개 추가
4. 우측상단에 1줄짜리 뉴스티커 추가
5. 서브 메인으로 이동시 우측 상단에 현제 위치 출력 추가
6. 좌측 메뉴 넓이 수정 (180px 로 줄였습니다.)
7. 좌측 넓이에 맞게 4가지 컬러셋 로그인스킨 추가 수정
8. 좌측 각각 메뉴마다 배경 이미지 추가 (마우스 오버시 변경)






 

=========== 메인 레이아웃 =============


main.png





=========== 서브 레이아웃 =============


limegreen

 

04.png



darkorange

 

02.png



black

 

03.png






slategray

 

 

01.png











레이아웃 수정방법 입니다..


1. 좌측 상단 사이트 링크 3 개


- 아래에 "#" 부분 링크 수정해서 쓰시면 됩니다.없애실려면 걍 삭제하심 되구요.
- 이미지는 레이아웃폴더 IMAGES 에 들어 있습니다 새로만드셔서 덮어 씌우세요.


  <div id="sitelink">
  <a href="#"" target="_top" ><img src="/images/sub_01.gif"></a><a href="#"" target="_top" ><img src="/images/sub_02.gif"></a><a href="#"" target="_top" ><img src="/images/sub_03.gif"></a>
  </div>

 

 

2. 우측 상단 사이트 링크 2 개


- 아래에 "#" 부분 링크 수정해서 쓰시면 됩니다.없애실려면 걍 삭제하심 되구요.
- 이미지는 레이아웃폴더 IMAGES 에 들어 있습니다 새로만드셔서 덮어 씌우세요.


  <div id="sitelink2">
  <a href="#"" target="_top" ><img src="/images/sub_04.gif"></a><a href="#"" target="_top" ><img src="/images/sub_05.gif"></a>
  </div>

 


 

3. 상단 중앙 좌측 사이트 배너


- 아래에 "#" 부분 링크 수정해서 쓰시면 됩니다.없애실려면 걍 삭제하심 되구요.
- 이미지는 레이아웃폴더 IMAGES내 해당 스킨에 들어 있습니다 새로만드셔서 덮어 씌우세요.(파일명유지)


  <div id="banner1">
  <a href="#"" target="_top" ><img src="./images/{$layout_info->colorset}/link1.gif"></a>
  </div>

 


4. 상단 중앙 우측 사이트 배너


- 아래에 "#" 부분 링크 수정해서 쓰시면 됩니다.없애실려면 걍 삭제하심 되구요.
- 이미지는 레이아웃폴더 IMAGES내 해당 스킨에 들어 있습니다 새로만드셔서 덮어 씌우세요.(파일명유지)


  <div id="banner2">
  <a href="#" target="_top" ><img src="./images/{$layout_info->colorset}/ink2.gif"></a>
  </div>

 

 

5. 상단 1줄 뉴스티커 출력 수정방법


news_ticker_kbsgag 스킨으로 전광판(뉴스티커) 위젯을 생성하십시오
제목글자수 17 이하로 하시고 코드 생성하신다음  해당 레이아웃 스킨의 <div id="notice1"> 과 </div>  사이에 덮어 씌우시면 됩니다.

 

배너들 위치 수정하실려면 해당 css 파일을 수정히시면 됩니다.


6. kbsgag_layout_sub 스킨에 쓰인 위치출력 이용 방법

위치출력은 '비엔유(BNU)' 님의 [V0.1] 현재 위치 출력 위젯(menu_location) 을 수정하여 사용했습니다. (말씀 못드린점 양해 바랍 니다.) 이 기능을 사용 하려면 http://www.zeroboard.com/zbxe_pds_prog_widget/16053065 을 먼저 다운받으셔야 할겁니다.
그리고 난 다음 스킨 폴더에 menu_location_kbsgag 폴더를 업로드 하세요..

 

 

주의사항

- 사이트 배너 파일 수정

ie6 에서 좌우측 상단 사이트 링크배너를 투명으로 올리면 배너 배경 이미지 위에 투명 이미지가 겹쳐져서 화면이 깨지는경우가 있습니다.
그래서 사이트 배너용으로 psd 파일을 같이 첨부 합니다.(4가지 색상 배경이 들어있음)
컬러셋 배경이 있는 psd 파일위에 배너 만드셔서 해당 폴더에 올리시면 됩니다.


카피라잇은 알아서 수정하세용 ^^~~~~~~~~~~~~~~~~


이상 끝 입니다..

그전에 제스킨을 받아가신 분들을 이걸 다시 받아 가셔서 사용하세용 ^^
이게 그나마좀 오류가 적을겁니다 ㅋㅋ





ps...


로고 크기는 297*28 에 맞게 위치설정이 되어있습니다..

크기나 위치수정하시면 해당 css 파일에 top , left도 같이 고쳐 주시면 됩니다. ^^


#header h1 { position:absolute; top:-30px; left:300px;}



이 게시물을..
profile
영원히 살것처럼 꿈을꾸고, 내일 죽을것 처럼 오늘을 살라.



제임스딘..