-
티스토리 페이징 html / css 소스탐구하라! 내일이 없는것처럼~ 2020. 3. 4. 16:42300x250
이전 다음 타입
<s_paging> <div class="area_paging area_paging_list"> <span class="inner_paging"> <a class="ico_skin link_prev ">이전</a> <s_paging_rep> <a class="link_page"></a> </s_paging_rep> <a class="ico_skin link_next ">다음</a> </span> </div> <div class="area_paging area_paging_simple"> <div class="inner_paging"> <a class="link_prev "> <span class="ico_skin ico_prev"></span>이전 </a> <a class="link_next "> 다음<span class="ico_skin ico_next"></span> </a> </div> </div> </s_paging>
숫자 타입
<s_paging> <div class="page"> <ul class="pagination"> <li> <a class="" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> <s_paging_rep> <li> <a ></a> </li> </s_paging_rep> <li> <a class="" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul> </div> </s_paging>
CSS
.paging {padding:10px 38px;line-height:250%;text-align:center} .paging ul{border:30px;margin:30px;padding:30px;} .paging a span{border:0;margin:0;padding:10px;font-size:11px;list-style:none} .paging a span{color: white; border:solid 1px #ddd;margin-right:2px} .paging .no-more-prev,#paging .more-next{color:GOLD;font-weight:bold;padding:3px 4px} .paging #prevPage, #paging #nextPage{color:white; font-weight:bold;border:solid 1px #fff} .paging a span.selected{color:#ff0084;font-weight:bold;padding:4px 6px;border:0 !important} .paging a:link span,#paging a:visited span{color:grey;padding:3px 6px;text-decoration:none} .paging a:hover span{color:yellow;border:solid 1px #666666}
300x250반응형'탐구하라! 내일이 없는것처럼~' 카테고리의 다른 글
코닉세그, 1700마력 궁극의 GT ‘제메라’ 공개…0-100km/h 가속 1.9초 (0) 2020.03.05 김보성 “집 지하실서 자가격리, 아내가 마스크 쓰고 음식 갖다줘” (0) 2020.03.05 코로나 실시간 현황 (0) 2020.03.04 서산 롯데케미칼 공장에서 폭발 사고...31명 부상 / YTN (0) 2020.03.04 TV조선PICK 안내한국인 입국제한 91개국…싱가포르·인도도 입국금지 (0) 2020.03.04 YTNPICK 안내재채기 했다고 싸움까지...日 감염자 수 '빙산의 일각' (0) 2020.03.04 TV조선PICK 안내대구 방문한 한인 확진에 미국 교민사회도 '발칵' (0) 2020.03.04 KBS기울기 23.5도가 빚어낸 놀라운 생명의 기적 (0) 2020.03.04