1.0.0 에 맞게 재패치 했습니다
XE 1.0.0 에 맞게 레이아웃은 제로님이 노가다 수정해주신듯 하구요 ^^ 감사 합니당~

로그인 파일은 밀리는것은 잡아 놨는데요..
0.2.9 기본 로그인 스킨을 수정한것이라 버젼에 따른 오류가 있을 가능성이 있습니다..
발견시 말씀해주세요 ^^
그리고 뉴스티커는 수정을 않해서 어지될지 모릅니다.. 이상이 있으면 말씀 주세용 ^^


## 상단 텍스트 메뉴를 이미지로 교체하실분들은 레이아웃 소스를 수정하시면 됩니다..
val['text'] 부분을 val['link'] 로 수정

             <!-- main_menu 1차 시작 -->
            <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
                <!--@if($val['selected'])-->
                    {@ $menu_1st = $val }
                <!--@end-->

                <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li>

            <!--@end--><!--@end-->
            <!-- main_menu 1차 끝 -->





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

기존의 스킨과 크게 달라진건 없구요 오류등 몇가지 사항들만 수정했습니다
우측에 뉴스티커를 넣었더니 메뉴가 많아지면 좀 그렇더라구요..
그래서 중앙으로옮겼어요 ^^
그리고 중앙 좌우측 2개 배너 수정및 제작이 힘드신것같아서 조금 쉽게 변형 했어여..
일단 레이아웃 설정에서 업로드 하심되구요
투명 GIF 로 만드시면 스킨색상에 영향을 받지 않으실거에여 ^^


휴~~~ 이것 저것 부족한게 많은데 XE 적용 사례 소개에 소개 되니 좀 민망해 지드라구용..
그래서 급 수정해서 조금 오류 적게 해서 올려봅니당 ^^;;;
IE7 , IE6, FF 에서는 이상없이 테스트 했습니다


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

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


압축을 푸시면

1. 레이아웃
2. 로그인 스킨
3. 뉴스티거

이렇게 들어 있습니다.
각각 해당 폴더에 업로드 하시면 됩니다.

레이아웃 : layouts/kbsgag_layout
로그인스킨 : widgets/login_info/skins/kbsgag_login
뉴스티거 : widgets/newest_document/skins/kbsgag_news_ticker

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

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

01.png02.png03.png04.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. 상단 좌,우측 사이트 배너 수정

- 레이아웃에서 수정할수 있도록 고쳤습니다..
- 이미지업로드 하시고 링크 입력해주시면 됩니다. 
- 스킨 색상에 영향을 받지 않으려면 투명 GIF 로 제작 하시면 좋습니다.

05.png




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

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

<div id="notice1">

<img width="100%" height="100" src="http://www.kbsgag.net/bbs/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_document" body="" skin="kbsgag_news_ticker" colorset="none" widget_cache="0" title="" order_target="list_order" order_type="desc" list_count="" duration_new="" subject_cut_size="" mid_list="board_media_news" widget_sequence="6081" />

 </div> 




6. 카피라잇 수정

- 아래 문구들을 수정하시면 됩니다.

<a href="http://www.kbsgag.com">KBS 희극인극회</a>

<font color="#808080" style="font-size: 8pt">150-790 서울특별시 영등포구 여의도동 18번지 KBS 신관 희극인실 Copyrights 2007 KBS 희극인실 All Right Reserved...</font>





이상 끝 입니다..

좋은하루 되세용~~~~







PS..

XE 가 0.2.9 로 업데이트 되면 이미지 메뉴가 구현될듯 한데요..(맞나요? ㅋ)
지금은 부족한것두많고 해서 테스트만 열심히 하고 있는 레이아웃이 있는데요..
메뉴 이미지 업로드 지원되면 지금 제작중인 레이아웃 올릴께용..
메뉴들을 노가다로 해도 상관 없는데 관리 작업을 편하게 할려고 이미지 업로드 기능 지원될때까지 기다리고 있네용 ㅋㅋ
아래 그림은 나름 후속작?? 인데요..
포털 사이트 느낌나는 레이아웃 입니다.(혼자만의 생각 ㅋㅋ)

00.png

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



제임스딘..