NIMBUZZ TOOLS FORUM-2016
Kєяλℓλ-ßυzZ ►☻◄ ƒøяυλ⁄(-2016

✽✽✽✽✽✽✽✽✽✽✽✽ нι gυєѕт ✽✽✽✽✽✽✽✽✽✽✽✽✽✽

♚♚♚♚ωєℓ¢σмє тσ ♚kєяαℓα♕ßυzz♚ zσηє♚♚♚♚

ρℓєαѕє яєgιѕтєя тσ gєт ƒυℓℓ α¢¢єѕѕ αη∂ ∂σωηℓσα∂ ѕтυƒƒ . σηℓү яεgιsтεяε∂ мεмвεя αℓℓσωε∂ vιεω sρεcιαℓ zσηε αη∂ ∂σωηℓσα∂ sтυғғ.

тнαηк уσυ

вαℓυ кяιsнηα !
Top posters
330 Posts - 27%
274 Posts - 23%
127 Posts - 11%
107 Posts - 9%
69 Posts - 6%
54 Posts - 4%
53 Posts - 4%
53 Posts - 4%
51 Posts - 4%
Top posting users this week
3 Posts - 60%
1 Post - 20%
1 Post - 20%
Top posting users this month
8 Posts - 67%
1 Post - 8%
1 Post - 8%
1 Post - 8%
1 Post - 8%

Share
View previous topicGo downView next topic
avatar
KßZ ►☻◄ ƒøяυλ⁄(-đєѕιgиєя
KßZ ►☻◄ ƒøяυλ⁄(-đєѕιgиєя
Female
Stella
AGE : 21
POSTS : 51
REPUTATION : 3
KBZ TEAM POINTS : 140
JOIN DATE : 2013-11-06
BIRTHDAY : 1996-05-04
LOCATION : ernakulam
View user profilehttp://kbzteam.forums1.net

Css: Personalize pagination (IPB STYLE)

on Thu Nov 26, 2015 8:53 pm
Message reputation : 100% (1 vote)



Personalize pagination

Professional looking IPB pagination, simple yet cool to have o forums.


--> Tutorials, tips and tricks <--
Personalize pagination


- CSS
Add the following code
Code:
[panda=css] p.pag,.paging{
    border-radius:3px;
    color: white;
    margin: 4px 0 9px 0;}
    #blog_comments .paging,#blog_comments p.pag{
    color:#F1F1F1;}
    td p.pag a,.paging a, td p.pag b, .paging b, .paged-foot .paging a, .paged-foot .paging b, .paged-foot .paging a:hover{
    border-radius:3px;
    padding: 6px 9px 6px 9px !important;
    margin-right: 3px !important;
    font-size: 12px !important;}
    td p.pag a,.paging a, .paged-foot .paging a{
    border-radius:3px;
    color: #666666 !important;
    border: solid 1px #B3B3B3 !important;
    background-color: #DEDEDE;
    background:-moz-linear-gradient(#F2F2F2,#BABABA);
    background-image: -webkit-linear-gradient(#F2F2F2,#BABABA);
    text-shadow: 0px 1px #EBEBEB !important;
    box-shadow: 0px 1px #D4D4D4 !important;
    -moz-box-shadow: 0px 1px #D4D4D4 !important;
    -webkit-box-shadow: 0px 1px #D4D4D4 !important;}
    td p.pag b, .paging b, td p.pag a:hover, .paging a:hover{
    border-radius:3px;
    border: solid 1px #878787 !important;
    color: #EBEBEB !important;
    background-color: #58E862;
    background:-moz-linear-gradient(#BABABA,#DBDBDB);
    background-image: -webkit-linear-gradient(#BABABA,#DBDBDB);
    text-shadow: 0px 1px #666666 !important;
    box-shadow: 0px 1px #D4D4D4 !important;
    -moz-box-shadow: 0px 1px #D4D4D4 !important;
    -webkit-box-shadow: 0px 1px #D4D4D4 !important;}
    p.pag img,.paging img,.paged-foot .paging img{postion:relative;
    top:-3px;
    margin-top:-5px!Important;
    vertical-align: center !important;}

- Preview

How it looks:

avatar
KßZ ►☻◄ ƒøяυλ⁄(-мσ∂єяαтσя
KßZ ►☻◄ ƒøяυλ⁄(-мσ∂єяαтσя
jesu
POSTS : 84
REPUTATION : 9
KBZ TEAM POINTS : 121
JOIN DATE : 2015-08-29
View user profile

Re: Css: Personalize pagination (IPB STYLE)

on Sat Nov 28, 2015 6:21 am
thanks..for sharing nice
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum