Topic: Template for Pagination Numbers in rectangles
There is a way for show the pagination numbers like this?
Dear CuteNews Users! Please feel free to contact us via our new Feedback Form and please send information about bugs to our bug tracker.
You are not logged in. Please login or register.
CutePHP Forums → Problem Solving / Help & Support → Template for Pagination Numbers in rectangles
There is a way for show the pagination numbers like this?
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 I don't know how to remove the spacing between the boxes though
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
Try changing this
A:LINK {text-decoration : none;}
}
into this
A:LINK {text-decoration : none;}
Perfect, it works! Thanks
I've just tried on a website with a lot of news and this is the result
Suggestion?
try this
.pages{
line-height: 50px;
}
CutePHP Forums → Problem Solving / Help & Support → Template for Pagination Numbers in rectangles
Powered by PunBB, supported by Informer Technologies, Inc.
The pun_antispam official extension is installed. Copyright © 2003–2009 PunBB.