웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
페이지 숫자에 네이버처럼 사각테두리 씌우기
2008.06.15 12:42
페이지 숫자 나타나는 부분에 아래처럼 사각형을 씌워보겠습니다
1번은 선택되어진 페이지 이고 3번은 마우스 오버(레인보우 링크 때문에 분홍색) 했을때도 사각형이 생깁니다
/zbxe/modules/board/skins/보드스킨/css 열고 아래 빨간색 코드를 수정합니다
1번은 선택되어진 페이지 이고 3번은 마우스 오버(레인보우 링크 때문에 분홍색) 했을때도 사각형이 생깁니다
/zbxe/modules/board/skins/보드스킨/css 열고 아래 빨간색 코드를 수정합니다
/* pageNavigation */
.pageNavigation { text-align:center; font:bold 11px Tahoma; margin-top:5px;}
.pageNavigation a { font:bold 1em Tahoma; color:#666666; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation .current { font:bold 1em Tahoma; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
.pageNavigation a:visited { color:#999999; }
.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}
.pageNavigation { text-align:center; font:bold 11px Tahoma; margin-top:5px;}
.pageNavigation a { font:bold 1em Tahoma; color:#666666; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation .current { font:bold 1em Tahoma; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
.pageNavigation a:visited { color:#999999; }
.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}
↓
/* pageNavigation */
.pageNavigation { text-align:center; font:bold 11px Tahoma; margin-top:5px;}
.pageNavigation a { font:bold 1em Tahoma; color:#666666; text-decoration:none; margin:0 6px 0 6px;}
.pageNavigation .current { border:1px solid #e0e1db; padding:2px 5px 2px 5px; background:#F7F7F7; font:bold 1em Tahoma; text-decoration:none; }
.pageNavigation a:hover { border:1px solid #e0e1db; padding:2px 5px 2px 5px; margin: 0 0 0 0; background:#F7F7F7; text-decoration:none; }
.pageNavigation a:visited { color:#999999; }
.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}
테두리 색은 #e0e1db, 크기는 padding을 자신에 맞게 2개다 수정해 주시면됩니다(↑→↓← 순입니다).pageNavigation { text-align:center; font:bold 11px Tahoma; margin-top:5px;}
.pageNavigation a { font:bold 1em Tahoma; color:#666666; text-decoration:none; margin:0 6px 0 6px;}
.pageNavigation .current { border:1px solid #e0e1db; padding:2px 5px 2px 5px; background:#F7F7F7; font:bold 1em Tahoma; text-decoration:none; }
.pageNavigation a:hover { border:1px solid #e0e1db; padding:2px 5px 2px 5px; margin: 0 0 0 0; background:#F7F7F7; text-decoration:none; }
.pageNavigation a:visited { color:#999999; }
.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}
댓글 8
-
쿠로츠지
2008.06.15 22:37
감사요 ^^ -
이하늘936
2008.06.16 01:29
존은팁입니다.. 감사하게 사용하겠습니다 -
유우타
2008.06.19 00:12
감사합니다. 적용하니 이쁘군요. ^^ 마음에 쏘~옥 듭니다~ -
LunarDream
2008.06.20 21:37
사이트 방문해 보니 참 이쁘네요^^ -
2008.08.18 17:58
좋은팁 감사합니다. -
닝기리쓰레빠
2008.09.03 03:22
적용해봤는데 너무 좋습니다! 클릭영역이 박스 전체였으면 좋겠는데..그게 잘 안되네요..^^;; -
Lin(린)
2008.10.04 00:58
감사합니다~!
추천 누르고 갑니다 ㅇㅅㅇ -
ㅅㅅㅂ
2008.11.07 14:00
오.. 좋네요...
제목 | 글쓴이 | 날짜 |
---|---|---|
php 세션을 memcache에 저장할 때 주의할 점 | XE러버 | 2014.07.04 |
클리어픽스(clearfix)의 개념과 방법 | 시니시즘 | 2014.07.04 |
XE Core:1.7.5.3 조회수 증가, 자기 게시글 클릭시 조회수 증가 [1] | 때린데 또때려 | 2014.07.04 |
에디터 컴포넌트에 현재 mid 값 넘겨주기. [1] | 애니즌 | 2014.07.03 |
jqm(jQuery Mobile) 사용 시 XE의 CSS 와 충돌할 때 | Canto | 2014.07.03 |
[javascript] 기초강좌 | 4장. 비교제어문(if문) | hiwebs | 2014.07.02 |
[javascript] 기초강좌 | 03 논리연산자, 비트, 삼항연산자, 기타연산자 | hiwebs | 2014.07.02 |
외국어 스팸 방어 [2] | DoorWeb | 2014.07.01 |
[nginx] Rewrite 예외 설정 | okiz | 2014.06.30 |
닉네임 중복체크 버그 해결방법 [7] | 소렌트. | 2014.06.29 |
BlogAPI 활용하기 | 맞장 | 2014.06.29 |
php에서 한글언어 작성이 깨질때 [1] | 광개토대왕3 | 2014.06.28 |
min.js min.css 정리해서 보기 | Happyphp | 2014.06.26 |
관리자가 글 쓸때는 분류를 선택 안 해도 등록되도록 (공지글을 쓸때를 위해) 개선 [2] | sejin7940 | 2014.06.21 |
XE에서 신디케이션 제거하기 [1] | mAKEkr | 2014.06.20 |
상단에 스르르~ 닫기 가능한 배너 달기 [30] | 야옹잉 | 2014.06.20 |
관리자페이지에서 콘텐츠->파일 에서 등록된 파일 전체 리스트에 이미지가 바로 나타나도록 [2] | sejin7940 | 2014.06.19 |
목록에서 이미지 팝업 이용하기 | Happyphp | 2014.06.19 |
손님이 비밀글 작성한 직후에도 글 보려면 반드시 비밀번호 넣게 하는 방법 [1] | sejin7940 | 2014.06.18 |
htm과 html의 차이는 ? | 디테일 | 2014.06.17 |