Tạo PageNav đẹp cho Xenporta (Portal)

demo ảnh



hướng dẫn
vào EWRporta.css thêm vào cuối

HTML:

.EWRporta_Portal .PageNav a:hover, .EWRporta_Portal .PageNav a:focus{
    border: 2px solid #ff7c06;
    background: #ff881d url('styles/passion/ksv/bg-pattern-orange.png');
    text-shadow: 0 0 0 transparent, 1px 1px 2px rgba(214,115,25,0.65);
}
 
 
.EWRporta_Portal .PageNav a.currentPage {
    position: relative !important;
    border: 2px solid #ff7c06;
    background: #ff881d url('styles/passion/ksv/bg-pattern-orange.png');
    text-shadow: 0 0 0 transparent, 1px 1px 2px rgba(214,115,25,0.65);
}
.EWRporta_Portal .PageNav a.text {
    width: auto !important;
    padding:0px 10px;
}
.EWRporta_Portal .PageNav a element.style {
}
Matched CSS Rules
.article-pagination .pagination li a:hover, .article-pagination .pagination li.active a {
    border: 2px solid #EB7E1C;
    background: url(../images/backgrounds/bg-pattern-orange.png);
    text-shadow: 0 0 0 transparent, 1px 1px 2px rgba(214,115,25,0.65);
}
.EWRporta_Portal .PageNav a {
    color: #fff;
    width: 37px !important;;
    height: 37px !important;;
    display: block;
    text-align: center;
    text-decoration: none;
    border: 2px solid #64b9ce;
    font-size: 18px;
    line-height: 38px;
    font-weight: bold;
    background: #43b7d0 url('styles/passion/ksv/bg-pattern-cyan.png');
    -webkit-border-radius: 25px; -moz-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    text-shadow: 0 0 0 transparent, 1px 1px 2px rgba(51,140,162,0.65);
    -webkit-box-shadow: 4px 2px 3px rgba(178,177,163,0.4); -moz-box-shadow: 4px 2px 3px rgba(178,177,163,0.4); -khtml-box-shadow: 4px 2px 3px rgba(178,177,163,0.4); box-shadow: 4px 2px 3px rgba(178,177,163,0.4);
    -moz-box-shadow: 4px 2px 3px rgba(178,177,163,0.4);
    -webkit-box-shadow: 4px 2px 3px rgba(178,177,163,0.4);
    margin-right:6px !important;
}
.EWRporta_Portal .PageNav .pageNavHeader {
    display: none;
}
.EWRporta_Portal .PageNav .scrollable {
    height: 45px !important;
    width: 233px !important;
}
.EWRporta_Portal .PageNav .PageNavNext, .EWRporta_Portal .PageNav .PageNavPrev{
padding:0px !important;
}

save lại mà xem nhá

cái này rip bên kenhsinhvien.net của bác Lai


demo online: http://xf.buidoi.vn

 

bóc tem em zin ... để dành xài sau .. like trước

 

xem cái demo mà mất 5 phút

 

anh share luôn trang chủ đi

 

Share full luôn đi anh !

 

5p là sao?

không share full nhé

 

^^!

Anh Tí ơi Qua hỗ trợ cho em bài này với:
http://vxf.vn/threads/cach-tao-link-forum-chuyen-nghiep-hon.9898/

 

thật ra là nãy giờ vẫn chưa xem đc demo, lúc nãy tưởng 5p là xem đc rồi. Cái demo chạy "nhanh" vãi

 

5p là xf.buidoi load lâu..... đaik hay source nhỉ

 

http://xf.buidoi.vn chứ không phải xf.buidoi.net nhá

 

Thánh xem lại giúp chứ nãy giờ vẫn cái demo này, nó xoay hơn 2h rồi, mặc dù đã refresh nhiều lần.

 

chăng thấy giống gì . e dùng hotnew chứ k dùng recenthre

 

à vào đc rồi.

 

chắc site quá tải : bác để e out rồi bác vào ..... share cái foo đẹp hơn a tí ạ . http://wapcuateen.com/ k thích giông KSV y sì phóc gì cả

 

vậy thánh cũng nên xem lại chứ đây đang edit temp vẫn chạy phà phà

 

full đi bác ạ đằng nào đã rip của người ta về rồi thì share cho anh em luôn đi chứ, nói thật full chả ăn ai không full chắc thoải mái mà gỡ rối

 

em đang đợi hàng của bác đó uppppppppppp

 

rip để vọc, để học hỏi chứ đâu phải cứ rip là share?

 

Bác lại hiểu nhầm rồi em cũng tò mò thôi chứ em không biết ý về cái này mấy nên em muốn xem học hỏi