jeudi 22 octobre 2009

텍스트큐브 paging part 디자인

텍스트큐브 스킨 수정의 style.css에서 페이징에 관련된 부분 (스킨에 따라 .pagination 혹은 .paging 등)을 찾아 아래 보기중 맘에 드는 코드를 그대로 복사해 넣어주면 됩니다.
*스킨의 페이징의 클레스값이 pagination이 아닌경우 해당하는 값으로 변경


1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; font-size: 80%; padding-bottom: 10px; margin: 3px; color: #a0a0a0; padding-top: 10px; background-color: #000; text-align: center;
   3: }
   4: .pagination a {
   5:     border-right: #909090 1px solid; padding-right: 5px; background-position: 50% bottom; border-top: #909090 1px solid; padding-left: 5px; background-image: url(img/bar.gif); padding-bottom: 2px; border-left: #909090 1px solid; color: #c0c0c0; margin-right: 3px; padding-top: 2px; border-bottom: #909090 1px solid; text-decoration: none;
   6: }
   7: .pagination a:link, .pagination a:visited { color:#c0c0c0; }
   8: .pagination a:hover {
   9:     border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; background-image: url(img/invbar.gif); border-left: #f0f0f0 1px solid; color: #ffffff; border-bottom: #f0f0f0 1px solid; background-color: #404040;
  10: }
  11: .pagination a:active {
  12:     border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; background-image: url(img/invbar.gif); border-left: #f0f0f0 1px solid; color: #ffffff; border-bottom: #f0f0f0 1px solid; background-color: #404040;
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #ffffff 1px solid; padding-right: 5px; border-top: #ffffff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #ffffff 1px solid; color: #ffffff; margin-right: 3px; padding-top: 2px; border-bottom: #ffffff 1px solid; background-color: #606060;
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000099; padding-top: 2px; border-bottom: #fff 1px solid; text-decoration: underline
   6: }
   7: .pagination a:link, .pagination a:visited { color:#000099; }
   8: .pagination a:hover {
   9:     border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #000; border-bottom: #000099 1px solid
  10: }
  11: .pagination a:active {
  12:     border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #f00; border-bottom: #000099 1px solid
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000; padding-top: 2px; border-bottom: #fff 1px solid; background-color: #fff
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; font-size: 80%; padding-bottom: 3px; margin: 3px; color: #ff6500; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #ff9600 1px solid; padding-right: 7px; background-position: 50% bottom; border-top: #ff9600 1px solid; padding-left: 7px; background-image: url(img/meneame.jpg); padding-bottom: 5px; border-left: #ff9600 1px solid; color: #ff6500; margin-right: 3px; padding-top: 5px; border-bottom: #ff9600 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#ff9600; }
   8: .pagination a:hover {
   9:     border-right: #ff9600 1px solid; border-top: #ff9600 1px solid; background-image: none; border-left: #ff9600 1px solid; color: #ff6500; border-bottom: #ff9600 1px solid; background-color: #ffc794
  10: }
  11: .pagination a:active {
  12:     border-right: #ff9600 1px solid; border-top: #ff9600 1px solid; background-image: none; border-left: #ff9600 1px solid; color: #ff6500; border-bottom: #ff9600 1px solid; background-color: #ffc794
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #ff6500 1px solid; padding-right: 7px; border-top: #ff6500 1px solid; padding-left: 7px; font-weight: bold; padding-bottom: 5px; border-left: #ff6500 1px solid; color: #ff6500; margin-right: 3px; padding-top: 5px; border-bottom: #ff6500 1px solid; background-color: #ffbe94
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#0061de; }
   8: .pagination a:hover {
   9:     border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de
  10: }
  11: .pagination a:active {
  12:     border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de
  13: }
  14: .pagination span.tt-paging-current {
  15:     padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #9aafe5 1px solid; padding-right: 5px; border-top: #9aafe5 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #9aafe5 1px solid; color: #2e6ab1; margin-right: 2px; padding-top: 2px; border-bottom: #9aafe5 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#2e6ab1; }
   8: .pagination a:hover {
   9:     border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow
  10: }
  11: .pagination a:active {
  12:     border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: navy 1px solid; padding-right: 5px; border-top: navy 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: navy 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: navy 1px solid; background-color: #2e6ab1
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #88af3f; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#88af3f; }
   8: .pagination a:hover {
   9:     border-right: #85bd1e 1px solid; border-top: #85bd1e 1px solid; border-left: #85bd1e 1px solid; color: #638425; border-bottom: #85bd1e 1px solid; background-color: #f1ffd6
  10: }
  11: .pagination a:active {
  12:     border-right: #85bd1e 1px solid; border-top: #85bd1e 1px solid; border-left: #85bd1e 1px solid; color: #638425; border-bottom: #85bd1e 1px solid; background-color: #f1ffd6
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #b2e05d 1px solid; padding-right: 5px; border-top: #b2e05d 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #b2e05d 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #b2e05d 1px solid; background-color: #b2e05d
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#aaa; }
   8: .pagination a:hover {
   9:     border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid
  10: }
  11: .pagination a:active {
  12:     border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #e0e0e0 1px solid; padding-right: 5px; border-top: #e0e0e0 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #e0e0e0 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #e0e0e0 1px solid; background-color: #f0f0f0
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 7px; padding-left: 7px; padding-bottom: 7px; margin: 3px; padding-top: 7px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #000000; padding-top: 2px; border-bottom: #000000 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#000; }
   8: .pagination a:hover {
   9:     border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000
  10: }
  11: .pagination a:active {
  12:     border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #fff; padding-top: 2px; border-bottom: #000000 1px solid; background-color: #000000
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     font-size: 11px; color: #fff; font-family: tahoma, arial, helvetica, sans-serif; background-color: #3e3e3e
   3: }
   4: .pagination a {
   5:     padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px; background-color: #3e3e3e; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#fff; }
   8: .pagination a:hover {
   9:     color: #fff; background-color: #ec5210
  10: }
  11: .pagination a:active {
  12:     color: #fff; background-color: #ec5210
  13: }
  14: .pagination span.tt-paging-current {
  15:     padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px; background-color: #313131
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 2px; padding-left: 2px; font-size: 11px; padding-bottom: 2px; padding-top: 2px; font-family: tahoma, arial, helvetica, sans-serif; background-color: #c1c1c1
   3: }
   4: .pagination a {
   5:     padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px; color: #000; padding-top: 2px; background-color: #c1c1c1; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#000; }
   8: .pagination a:hover {
   9:     color: #000; background-color: #99ffff
  10: }
  11: .pagination a:active {
  12:     color: #000; background-color: #99ffff
  13: }
  14: .pagination span.tt-paging-current {
  15:     padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #303030; padding-top: 2px; background-color: #fff
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 7px; padding-left: 7px; padding-bottom: 7px; margin: 3px; padding-top: 7px; text-align: center;
   3: }
   4: .pagination a {
   5:     border-right: #ccc 1px solid; padding-right: 5px; border-top: #ccc 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #ccc 1px solid; color: #000; padding-top: 2px; border-bottom: #ccc 1px solid; text-decoration: none;
   6: }
   7: .pagination a:link, .pagination a:visited { color:#000; }
   8: .pagination a:hover {
   9:     border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; border-left: #f0f0f0 1px solid; color: #000; border-bottom: #f0f0f0 1px solid;
  10: }
  11: .pagination a:active {
  12:     border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; border-left: #f0f0f0 1px solid; color: #000; border-bottom: #f0f0f0 1px solid
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #d9d300 1px solid; padding-right: 5px; border-top: #d9d300 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #d9d300 1px solid; color: #fff; padding-top: 2px; border-bottom: #d9d300 1px solid; background-color: #d9d300;
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif
   3: }
   4: .pagination a {
   5:     padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #ee4e4e; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#fff; }
   8: .pagination a:hover {
   9:     padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818
  10: }
  11: .pagination a:active {
  12:     padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818
  13: }
  14: .pagination span.tt-paging-current {
  15:     padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #6d643c; padding-top: 0.5em; background-color: #f6efcc
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; font-weight: bold; font-size: 13.5pt; padding-bottom: 3px; margin: 3px; color: #fff; padding-top: 3px; font-family: arial; background-color: #000; text-align: center
   3: }
   4: .pagination a {
   5:     margin: 2px; color: #fa0; background-color: #000; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#fa0; }
   8: .pagination a:hover {
   9:     color: #fff; background-color: #000
  10: }
  11: .pagination a:active {
  12:     color: #fff; background-color: #000
  13: }
  14: .pagination span.tt-paging-current {
  15:     font-weight: bold; margin: 2px; color: #fff; background-color: #000
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 7px; padding-left: 7px; font-weight: bold; font-size: 13.2pt; padding-bottom: 7px; margin: 3px; padding-top: 7px; font-family: arial, helvetica, sans-serif; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #d9d300 2px solid; padding-right: 5px; border-top: #d9d300 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #d9d300 2px solid; color: #fff; padding-top: 2px; border-bottom: #d9d300 2px solid; background-color: #d90; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#fff; }
   8: .pagination a:hover {
   9:     border-right: #ff0 2px solid; border-top: #ff0 2px solid; border-left: #ff0 2px solid; color: #000; border-bottom: #ff0 2px solid; background-color: #ff0
  10: }
  11: .pagination a:active {
  12:     border-right: #ff0 2px solid; border-top: #ff0 2px solid; border-left: #ff0 2px solid; color: #000; border-bottom: #ff0 2px solid; background-color: #ff0
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #fff 2px solid; padding-right: 5px; border-top: #fff 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #fff 2px solid; color: #000; padding-top: 2px; border-bottom: #fff 2px solid
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #99210b; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#99210b; }
   8: .pagination a:hover {
   9:     border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777
  10: }
  11: .pagination a:active {
  12:     border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777
  13: }
  14: .pagination span.tt-paging-current {
  15:     padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #99210b; margin-right: 3px; padding-top: 2px
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #ccc 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #ccc 1px solid; padding-left: 6px; font-weight: bold; padding-bottom: 2px; border-left: #ccc 1px solid; color: rgb(66,97,222); margin-right: 3px; padding-top: 2px; border-bottom: #ccc 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color: rgb(66,97,222); }
   8: .pagination a:hover {
   9:     background-image: none; color: #fff; background-color: #4261df
  10: }
  11: .pagination a:active {
  12:     background-image: none; color: #fff; background-color: #4261df
  13: }
  14: .pagination span.tt-paging-current {
  15:     padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #000; margin-right: 3px; padding-top: 2px
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 6px; border-top: #9c9a9c 1px dotted; padding-left: 0px; font-size: 13px; padding-bottom: 4px; color: #313031; padding-top: 4px; font-family: arial, helvetica, sans-serif; background-color: #cecfce; text-align: right
   3: }
   4: .pagination a {
   5:     padding-right: 3px; padding-left: 3px; font-weight: bold; padding-bottom: 1px; margin: 0px 1px; color: #0030ce; padding-top: 1px; text-decoration: underline
   6: }
   7: .pagination a:link, .pagination a:visited { color:#0030ce; }
   8: .pagination a:hover {
   9:     
  10: }
  11: .pagination a:active {
  12:     
  13: }
  14: .pagination span.tt-paging-current {
  15:     padding-right: 2px; padding-left: 2px; padding-bottom: 1px; color: #000; padding-top: 1px; background-color: #fff
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 6px; padding-left: 0px; font-size: 13px; padding-bottom: 4px; color: #313031; padding-top: 4px; font-family: verdana,tahoma,arial,helvetica,sans-serif; background-color: #fff; text-align: right
   3: }
   4: .pagination a {
   5:     border-right: #b7d8ee 1px solid; padding-right: 6px; border-top: #b7d8ee 1px solid; padding-left: 5px; padding-bottom: 4px; margin: 0px 3px; border-left: #b7d8ee 1px solid; color: #0030ce; padding-top: 5px; border-bottom: #b7d8ee 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#0030ce; }
   8: .pagination a:hover {
   9:     border-right: #b7d8ee 1px solid; border-top: #b7d8ee 1px solid; border-left: #b7d8ee 1px solid; color: #0066a7; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6
  10: }
  11: .pagination a:active {
  12:     border-right: #b7d8ee 1px solid; border-top: #b7d8ee 1px solid; border-left: #b7d8ee 1px solid; color: #0066a7; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #b7d8ee 1px solid; padding-right: 6px; border-top: #b7d8ee 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 4px; margin: 0px 3px; border-left: #b7d8ee 1px solid; color: #444444; padding-top: 5px; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; color: #48b9ef; padding-top: 10px; font-family: arial, helvetica, sans-serif; background-color: #fff; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#48b9ef; }
   8: .pagination a:hover {
   9:     border-right: #ff5a00 2px solid; border-top: #ff5a00 2px solid; border-left: #ff5a00 2px solid; color: #ff5a00; border-bottom: #ff5a00 2px solid
  10: }
  11: .pagination a:active {
  12:     border-right: #ff5a00 2px solid; border-top: #ff5a00 2px solid; border-left: #ff5a00 2px solid; color: #ff5a00; border-bottom: #ff5a00 2px solid
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #ff5a00 2px solid; padding-right: 5px; border-top: #ff5a00 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #ff5a00 2px solid; color: #fff; padding-top: 2px; border-bottom: #ff5a00 2px solid; background-color: #ff6c16
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #036cb4; padding-top: 2px; border-bottom: #eee 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#036cb4; }
   8: .pagination a:hover {
   9:     border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid
  10: }
  11: .pagination a:active {
  12:     border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #036cb4 1px solid; padding-right: 5px; border-top: #036cb4 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #036cb4 1px solid; color: #fff; padding-top: 2px; border-bottom: #036cb4 1px solid; background-color: #036cb4
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #2c2c2c 1px solid; padding-right: 5px; border-top: #2c2c2c 1px solid; padding-left: 5px; background: #2c2c2c url(img/image1.gif) center top repeat-x; padding-bottom: 2px; border-left: #2c2c2c 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #2c2c2c 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#fff; }
   8: .pagination a:hover {
   9:     border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: #aad83e url(img/image2.gif) center top repeat-x; border-left: #aad83e 1px solid; color: #fff; border-bottom: #aad83e 1px solid
  10: }
  11: .pagination a:active {
  12:     border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: #aad83e url(img/image2.gif) center top repeat-x; border-left: #aad83e 1px solid; color: #fff; border-bottom: #aad83e 1px solid
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #aad83e 1px solid; padding-right: 5px; border-top: #aad83e 1px solid; padding-left: 5px; font-weight: bold; background: #aad83e url(img/image2.gif) center center repeat-x; padding-bottom: 2px; border-left: #aad83e 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #aad83e 1px solid
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     margin-top: 20px; margin-bottom: 10px
   3: }
   4: .pagination a {
   5:     border-right: #8db5d7 1px solid; padding-right: 5px; border-top: #8db5d7 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #8db5d7 1px solid; color: #000; margin-right: 2px; padding-top: 2px; border-bottom: #8db5d7 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#000; }
   8: .pagination a:hover {
   9:     border-right: red 1px solid; padding-right: 5px; border-top: red 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: red 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: red 1px solid
  10: }
  11: .pagination a:active {
  12:     border-right: red 1px solid; padding-right: 5px; border-top: red 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: red 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: red 1px solid
  13: }
  14: .pagination span.tt-paging-current {
  15:     border-right: #e89954 1px solid; padding-right: 5px; border-top: #e89954 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #e89954 1px solid; color: #000; margin-right: 2px; padding-top: 2px; border-bottom: #e89954 1px solid; background-color: #ffca7d
  16: }
 1  2  3  4  5  fin 
   1: .pagination {
   2:     padding-right: 3px; padding-left: 3px; font-size: 0.85em; padding-bottom: 3px; margin: 3px; padding-top: 3px; font-family: tahoma,helvetica,sans-serif; text-align: center
   3: }
   4: .pagination a {
   5:     border-right: #ccdbe4 1px solid; padding-right: 8px; background-position: 50% bottom; border-top: #ccdbe4 1px solid; padding-left: 8px; padding-bottom: 2px; border-left: #ccdbe4 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #ccdbe4 1px solid; text-decoration: none
   6: }
   7: .pagination a:link, .pagination a:visited { color:#0061de; }
   8: .pagination a:hover {
   9:     border-right: #2b55af 1px solid; border-top: #2b55af 1px solid; background-image: none; border-left: #2b55af 1px solid; color: #fff; border-bottom: #2b55af 1px solid; background-color: #3666d4
  10: }
  11: .pagination a:active {
  12:     border-right: #2b55af 1px solid; border-top: #2b55af 1px solid; background-image: none; border-left: #2b55af 1px solid; color: #fff; border-bottom: #2b55af 1px solid; background-color: #3666d4
  13: }
  14: .pagination span.tt-paging-current {
  15:     padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #000; margin-right: 3px; padding-top: 2px
  16: }
  17: .pagination a.nextPage {
  18:     border-right: #ccdbe4 2px solid; border-top: #ccdbe4 2px solid; margin: 0px 0px 0px 10px; border-left: #ccdbe4 2px solid; border-bottom: #ccdbe4 2px solid
  19: }
  20: .pagination a.nextPage:hover {
  21:     border-right: #2b55af 2px solid; border-top: #2b55af 2px solid; border-left: #2b55af 2px solid; border-bottom: #2b55af 2px solid
  22: }
  23: .pagination a.prevPage {
  24:     border-right: #ccdbe4 2px solid; border-top: #ccdbe4 2px solid; margin: 0px 10px 0px 0px; border-left: #ccdbe4 2px solid; border-bottom: #ccdbe4 2px solid
  25: }
  26: .pagination a.prevPage:hover {
  27:     border-right: #2b55af 2px solid; border-top: #2b55af 2px solid; border-left: #2b55af 2px solid; border-bottom: #2b55af 2px solid
  28: }
Publié par Moi à 20:06
Libellés : , , ,

10 commentaires:

  1. Popeye23 octobre 2009 à 03:08

    와우~ pagination에 관해 참 자세하게 포스팅하셨네요 :)

    자신의 스킨에 맞는 걸루 선택만 하면 되도록 ~~

    포스팅 하나 하나마다 정성과 배려가 보여 고마움이 배가 됩니다.

    오늘도 행복한 날 되시기를 바라며...

    RépondreSupprimer
  2. 한성민23 octobre 2009 à 03:39

    나중에 한번 해 봐야겠는데요....^^

    RépondreSupprimer
  3. Moi23 octobre 2009 à 05:37

    @한성민 - 2009/10/23 10:39
    엡 ! ^^

    RépondreSupprimer
  4. Moi23 octobre 2009 à 05:39

    @Popeye - 2009/10/23 10:08
    컴에 아주 오래전부터 있던 페이징용 스타일인데 쓸일이 거의 없어 지우려다, 귀차니스트들을 위해 텍큐에 맞게 약간 고친거 밖에 없습니다.^^

    제가 만든건 아닌거 같은데, 그렇다고 어디서 받은 기억도 없는것 같고, 누가 만들었는지를 모르겠네요.

    혹시 제가 어디서 받은거면, 출처아시는분 계시면 알려주시길...

    RépondreSupprimer
  5. Popeye28 octobre 2009 à 07:21

    브래턴님, 포스팅 속의 코드를 위엣 글처럼 출력되게 하려면 얼케 해야 되요?

    코드 옆에 숫자 나오고, 하는 저거요.? 뭐라 해야 되남,, 양식인가??? ㅎㅎ



    그리고 하단과 우측에 스크롤 나오게 하는 거 하구요?

    RépondreSupprimer
  6. Moi28 octobre 2009 à 14:31

    @Popeye - 2009/10/28 15:21
    window live writer 로 포스팅한거예요.

    거기 코드 삽입하는 플러그인이 있길레 ^^;

    RépondreSupprimer
  7. SoulStitch19 janvier 2010 à 06:43

    좋은팁 감사하게 보고갑니다.^^

    RépondreSupprimer
  8. Anonymous12 février 2010 à 23:10

    비밀 댓글 입니다.

    RépondreSupprimer
  9. Moi14 février 2010 à 22:43

    @Anonymous - 2010/02/13 07:10
    오 그생각을 못했네요. 감사 ^^

    RépondreSupprimer
  10. Moi14 février 2010 à 22:44

    @SoulStitch - 2010/01/19 14:43
    네 ^^

    덧글을 이제서야 봤네요...

    RépondreSupprimer

Inscription à : Publier les commentaires (Atom)