g4 로그인 상단 디자인버튼

<샘플 VIEW 페이지>
http://taimin.cafe24.com/g4/adm


<샘플설명>
관리자 로그인 페이지에서 상단버튼을 오픈소스를 활용하여 디자인해봤습니다.

[디자인에 필요한 파일]
/g4/head.php
/g4/assets/css/slidingstyle.css

[전체게시물 경로]
/g4/g4index.php



<파일 덮어쓰는방법>
1. 그누보드4 기본으로 제공되는 파일을 사용하여 샘플을 제작하였습니다.
2. 기존파일을 반드시 백업하시고 사용하시기 바랍니다.
3. 꼭 경로에 맞춰서 저장해주시기 바랍니다.



<버튼길이 사용방법>

[01] slidingstyle.css 파일을 열어,

.slidingstyle {
margin: 50px auto;
width: 500px; /*버튼 길이 수정 */
}

위와 같이 width:500px 를 수정하시면 됩니다.

[02] head.php 파일을 열어,

<!-- 버튼 : 테이블길이 수정 -->
<td width="550" align="right">

위와 같이 width="550" 를 수정하시면 됩니다.



<버튼 색상 바꾸는 방법>

/g4/head.php 파일을 열어보면,

<ul class="tags blue">

이 부분이 보일겁니다. 이 부분의 스타일이 3가지가 적용되어 있습니다.
아래와 같이 원하는 부분으로 적용해주시면 색상이 변경됩니다.

<ul class="tags">
<ul class="tags green">
<ul class="tags blue">

이렇게 변경하시면 됩니다. 그럼 순서대로 주황색, 녹색, 파란색으로 변경됩니다.
또한 스타일파일 수정이 가능하신분이라면 .css 파일을 수정하여 사용하시면 됩니다.



오픈소스활용사이트

* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php