블로그 스킨 공사를 일년 내내 하는거 같다. 이거 조금 고치고 조금 지나 또 고치고.. 이러다 쌈빡한 스킨 다른게 맘에 들어 바뀌면 지금까지 해놓은건 모두 도루묵인데.. -.-; 마음을 비우고 배운다는 마음 가짐으로 임해야겠다.
티스토리에서 만들어 제공하는 반응형 스킨을 구경하다가 몇가지 마음에 드는 부분이 있어 내 블로그에도 적용시켜 보고 싶은 마음이 들었다. 하나는 검색하기 부분과 페이징 Paging 부분이다. 검색하기는 내 블로그에 적용해보려고 하다 너무 어려워서 포기했다. ㅠ.ㅠ
다행히 두번째로 원하던 페이징은 생각보다 어렵지 않게 변경했다. 인터넷 검색해가면서 숫자도 바꿔가고 여기저기 끼워맞춰보기도 하면서 내맘에 딱 들게 완성되었다. border-radius 를 잘만 활용하면 금방이다. 너무 뿌듯하군. 이게 뭐라고;;;
직접 찾아보고 적용해보고 하다보면 진짜 내꺼가 되는거 같다. 게다가 다른곳에도 적용할 수도 있을거 같다.
현재 페이징 부분에 원형의 블록을 적용했다.
스킨의 CSS 는 아래를 참고!!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | /* paging */ #paging { padding: 20px 0 5px; line-height: 160%; font-size: 16px; font-size: 1.6rem; text-align: center; cursor: default; } #paging a { display: inline-block; margin: 0 1px 0; padding: 0 7px; vertical-align: top; } #paging .no-more-prev, #paging .no-more-next { color: #aaa; cursor: default; } #paging .selected { padding: 4px 9px 4px; border-radius: 100%; background-color:#07a; cursor: default; color: #fff; } | cs |
