[WAPKA] Hướng dẫn làm đẹp LISTER_BOTTOM

[mynhvyp]

ai có muốn làm đẹp LISTER_BOTTOM thì coi bài này tránh lập nhiều top.
Giới thiệu : Code này đa số dùng CSS để làm đẹp cho phần LISTER_BOTTOM
Hiệu quả : Loại bỏ được dấu . phân cách, dấu ... đến trang cuối và chữ Trang ở đầu, thêm phần lên, xuống trang
Hướng dẫn : thêm này vào CSS : Edit site > global settings > HEAD tags (meta, style, ...) > Edit style sheet file (styles.css)

.page_ngoai { border-top : 1px solid #ddd ; border-bottom : 1px solid #ddd ; padding : 1px 2px ; color : #aaa ; margin : 1px 0px ; color : grey ; }
.page { background-color : #fff ; padding : 2px ; color : #fff ; font-size : 0px ;}
.page a:hover { text-shadow:none ;color : #fff ;}
.pagging a { background-color : #fff ; padding : 3px ; margin : 1px ; border : 1px solid #D3D3D3 ; color : #414141 ; position: relative; font-size : 11px ; }
.pagging a:hover { color : #414141 ; border : 1px solid #417394 ; }
.pagging b { background-color : #E1DED8; padding : 3px ; margin : 1px ; border : 1px solid #D3D3D3 ; color : #79756D; position: relative; font-size : 11px ; }

Rồi Set
Rồi thay ::LISTER_BOTTOM:: bằng code này (trong Themes In Forum và Messeges In Forum)
Đầu trang thì thêm

<div class="chat2"><table width="100%"><td width="80%" align="left"><div class="page"><div class="pagging">::LISTER_BOTTOM::</div></div></td><td width="20%" align="right">[<a href="#bottom" id="top" name="top">XUỐNG</a>]</td></table></div>

Cuối trang thì thêm

<div class="chat2"><table width="100%"><td width="80%" align="left"><div class="page"><div class="pagging">::LISTER_BOTTOM::</div></div></td><td width="20%" align="right">[<a href="#top" id="bottom" name="bottom">LÊN</a>]</td></table></div>

rồi Set
Xong - xem thành quả
DEMO ảnh

nguon vizum.tk