pagination style

xiaomah01 at 23h45
30
Dec
2011
how to use this pagination style into forums?

demo:
http://johor.forumn.net/h39-page#?page=2

css:

Code:


.manu {
   PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.manu A {
   BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
   BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
   BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
   BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled {
   BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
Reply
1 Coddy, on 31/12/2011 at 10h48
Post a link to your forum that tave multiple pages.
2 xiaomah01, on 31/12/2011 at 11h33
Gassy wrote:Post a link to your forum that tave multiple pages.


no ,i mean Replaced default that

Spoiler:


change new one
3 Coddy, on 31/12/2011 at 12h39
I understanded first, just give the topic link form that image
4 Kalimdor, on 31/12/2011 at 13h04
Search in vinewtopic_body :
Code:
 {PAGINATION}

And replace with:
Code:
<div class="pagination-edited">{PAGINATION}</div>

Now go to CSS Stylesheet and put this:

Code:
.pagination-edited {
margin: 1px;
color:#fff;
float:left;
text-transform: uppercase;
margin-left: 5px;
font-size:10px;
font-weight: bold!important;}

.pagination-edited a,.pagination-edited b {
padding: 4px;
color: #0061b0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #DCDCDC;
background: #f1f1f1;}

pagination-edited a:last-child,.pagination-edited a:first-child {
padding:2px!important;}

.pagination-edited b {
padding: 4px;
color: #0061b0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #DCDCDC;
background: #f1f1f1;}
5 xiaomah01, on 31/12/2011 at 14h53
Gyzmo wrote:Search in vinewtopic_body :
Code:
 {PAGINATION}

And replace with:
Code:
<div class="pagination-edited">{PAGINATION}</div>

Now go to CSS Stylesheet and put this:

Code:
.pagination-edited {
margin: 1px;
color:#fff;
float:left;
text-transform: uppercase;
margin-left: 5px;
font-size:10px;
font-weight: bold!important;}

.pagination-edited a,.pagination-edited b {
padding: 4px;
color: #0061b0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #DCDCDC;
background: #f1f1f1;}

pagination-edited a:last-child,.pagination-edited a:first-child {
padding:2px!important;}

.pagination-edited b {
padding: 4px;
color: #0061b0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #DCDCDC;
background: #f1f1f1;}


is work cheers

thanks u so many thumleft salut thumleft
6 xiaomah01, on 31/12/2011 at 14h54
Gassy wrote:I understanded first, just give the topic link form that image


sorry maybe i misunderstanding salut salut
7 xiaomah01, on 01/01/2012 at 07h22
Solved¡£¡£¡£thanks move it salut
8 Sanket, on 01/01/2012 at 09h56
Topic Solved & Locked
Similar topics
How to use Selenium IDE with tabular data and pagination?
Hi I used to record tests ion selenium IDE for after export in selenium/rspec formt to run all them with Selenium RC. Now, I aquire a doubt when I was recording some test of crude operation of data in table with pagination. For example, supose that
cafe style bikes from '73-'74
Hi i would like to share some bikes i scanned out of a magazine (motormagazine 1973-'74). These pictures are from when these bikes where modern... Bultaco Metralla racing Cimatti Sagittario Dixon-Honda 250 cc Ducati 750 Sport Ducati 750
Building Styles
Here's a long post. This is a list of all available building styles and their benefits. I post this with a few questions for you all. 1)What's your favorite style? Either early in the game or deeper into it. 2)Who's your favorite girl that falls
Replies 1 to 8 on 8 for "pagination style"
Reply
See also
more_less
Informations

8 Replies For the topic :
"pagination style"

This topic has been viewed 660 times.

Last message :
30/12/2011 at 23h45 by "xiaomah01"