Topic: Template for Pagination Numbers in rectangles

There is a way for show the pagination numbers like this?
http://thumbnails107.imagebam.com/27075/e02c7c270744473.jpg

Re: Template for Pagination Numbers in rectangles

I think you can do it with css. assign a class to a div or p in the Comments Pagination template, for example:

<p class="pages">[prev-link]<< Older[/prev-link] ({pages}) [next-link]Newest >>[/next-link]</p>

and then put this code into your css file:

<div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'>
.pages a{
background: #CCCCCC;
color: #000000;
padding: 10px;
border: 1px solid #8D8D8D;
text-decoration: none;
}

.pages a:hover{
background: #9BBBC3;
}

.pages strong{
background: #9BBBC3;
color: #000000;
padding: 10px;
border: 1px solid #8D8D8D;
}
</div>

change the colors and padding according to your needs https://cutephp.com/forum/style_emoticons/default/smile.gif I don't know how to remove the spacing between the boxes though

Re: Template for Pagination Numbers in rectangles

I used the code (without any editing) for the News Pagination, you can see here
http://walking-dead.pswnet.com/video_index.php
But the rectangle is only on the number of the actual page

Re: Template for Pagination Numbers in rectangles

Try changing this

A:LINK    {text-decoration : none;}
}

into this

A:LINK    {text-decoration : none;}

Re: Template for Pagination Numbers in rectangles

Perfect, it works! Thanks  https://cutephp.com/forum/style_emoticons/default/wink.gif

Re: Template for Pagination Numbers in rectangles

I've just tried on a website with a lot of news and this is the result
http://thumbnails107.imagebam.com/27198/31b7b8271970082.jpg
Suggestion?

Re: Template for Pagination Numbers in rectangles

try this

.pages{
line-height: 50px;
}