g4 로그인 상단 디자인버튼 정보
디자인 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
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
추천
0
0
댓글 전체