웹마스터 팁

  2. Support
  3. 웹마스터 팁

페이지 숫자에 네이버처럼 사각테두리 씌우기

2008.06.15 12:42

탑심

페이지 숫자 나타나는 부분에 아래처럼 사각형을 씌워보겠습니다
1번은 선택되어진 페이지 이고 3번은 마우스 오버(레인보우 링크 때문에 분홍색) 했을때도 사각형이 생깁니다
1.png




/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 */
.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개다 수정해 주시면됩니다(↑→↓← 순입니다)

이 게시물을
● 홈

● 블로그

● 싸이
좋아요(+3)
목록
제목 글쓴이 날짜
둥그렇게 말리는 듯한 느낌의 공지소스.. java 2006.04.15
텍스트 색상이 플래시처럼 바뀌는 소스. java 2006.04.15
트렌지션 테이블. java 2006.04.15
[동영상] 제2강 연산자 [1] 인테리어뱅크 2006.04.11
[동영상] 제1강 자바 스크립트의 기본 개념 인테리어뱅크 2006.04.11
페이지를 풀창으로 띄우는 방법 [1] 인테리어뱅크 2006.04.11
드래그금지 태그 풀어보기 [2] 인테리어뱅크 2006.04.10
홈페이지 TOP 버튼 만들어 보기 [7] 인테리어뱅크 2006.04.10
마우스 따라다니 면서 원형을 그리면서 돌아가는것... 왜,그러지 2006.04.07
DHTML 계산기 왜,그러지 2006.04.05
마우스 따라다니는 아날로그 시계 [1] 왜,그러지 2006.04.05
텍스트 위에 네온 빛이 이동하는 효과.. 왜,그러지 2006.04.05
3D 메세지 나타나기... 왜,그러지 2006.04.05
두가지 색으로 깜박거리는 텍스트 keymove 2006.03.17
게임상의 캐릭터와 대화하는 것 같이 보이기(?) [4] 세강 :D 2006.02.24
firefox에서 location.href안 먹힐 때 해결법 [1] 꿀벙이 2006.02.24
[동영상강좌] 제20회차 - 다중 if문 아이티스터디 2006.02.02
[동영상강좌] 제19회차 - 조건문 if 알아보기 아이티스터디 2006.02.02
[동영상강좌] 제18회차 - 문자열 연산자, 조건연산자 알아보기 아이티스터디 2006.02.02
[동영상강좌] 제17회차 - 논리연산자, 비교연산자 알아보기 아이티스터디 2006.02.02
태그 쓰기