웹마스터 팁

  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)
목록
제목 글쓴이 날짜
홈페이지 전반에서 오른쪽 클릭 금지하기 [12] 팬더사촌 2008.01.08
제로보드XE 외부페이지에 javascrip 삽입하기 [3] BlueGATE 2008.01.22
홈페이지에 예쁜 날씨 배너를 달아보자!!!! [3] file blue7376.myid.net 2008.01.28
LI UL OL 이 페이지에서 적용이 안될경우 [1] 찐빵아저씨 2008.01.30
로그인후 보여줄 페이지 설정 [4] 권인해 2008.02.11
전에 누군가 찾았던 것인데..새로고침시 현재페이지로 [2] 강영곤 2008.02.14
잡다한 2차 사용하시는분들 중에 페이지 수정버튼이 클릭안될때.. [6] 수아기 2008.02.22
외부 페이지에서 변수와 값 사용하기(초보) [2] 기범현지아빠 2008.02.22
홈페이지에 국경일이면 태극기 다는법이에요~ ^^ [11] [1] file jaehee_91 2008.03.01
양력/음력DB 홈페이지에 사용하기 [2] 감뿌리 2008.03.29
플래시로 페이지에 랜덤 이미지 돌리기 [3] ☜ TeRy ☞ 2008.04.04
404 에러 페이지를 만들어 보자 [2] hangoon 2008.04.11
각 페이지에 쓸 수 있는 변수명들 찾기 [6] lainfox 2008.04.29
홈페이지에 이미지블릿 대신 특수문자로 표현해 보기 file 팔공산 2008.04.29
rewrite mod 사용시 404 페이지 에러 해결 방법 이종준 2008.05.09
홈페이지에 닉네임 대신 실명으로 뜨게 만들기 [5] file findwind 2008.05.19
1.0.3버전 외부 페이지 쿼리 스트링 붙일때 주의 하세요. 그라미 2008.06.03
페이지 숫자에 네이버처럼 사각테두리 씌우기 [8] file 탑심 2008.06.15
페이지 작성이나 수정후 적용이 안돼서 고생하는 많은 분들을 위하여 [1] cyric 2008.06.17
아이프레임속 링크를 기존페이지에서 이동하기 [1] file 정다운804 2008.06.19
태그 쓰기