Please login or register.

Login with username, password and session length
Advanced search  

News:

Latest sNews - sNews 1.7 - with its own forums - for discussion and user mods.

Author Topic: [MOD] Paginator CSS styling (sNews 1.5)  (Read 3140 times)

Patric Ahlqvist

  • Nobodys perfect, but Im pretty effing close
  • ULTIMATE member
  • ******
  • Karma: 65
  • Posts: 4867
  • I'm a self-made man and worships my creator.
    • p-ahlqvist.com
[MOD] Paginator CSS styling (sNews 1.5)
« on: September 20, 2006, 03:18:11 pm »

Okey... I found the paginator to be a bit flat, sp I pimped it some... Not a MOD perhaps, but neva' the less...

First add style to CSS:
Code: [Select]
.paginator {
padding: 2px;
text-align:right;
margin: 0 5px 0 0;
}

.paginator span a:hover{
color: #000;
text-decoration: none;
background-color:#FFE;
}

.paginator span{padding: 0 5px;
border: 1px solid #ccc;
margin-right:3px;
text-decoration: none;
color: #303030;}
Then find the last echo in the function paginator and wrap everything in span tags... like this:
Code: [Select]
echo '<div class="paginator"><span>'.$first.'</span><span> '.$prev.'</span><span> ['.$pageNum.' / '.$maxPage.'] </span> <span>'.$next.'</span> <span>'.$last.'</span></div>';
}
and you'll have a nice non-flat paginator...

Patric.
« Last Edit: August 22, 2007, 05:55:57 am by Phil Martin (Philmoz) »
Logged
"It's only dead fish that goes with the flow... "
Updated

bryn

  • Hero Member
  • *****
  • Karma: 2
  • Posts: 934
    • http://www.cssugly.com
[MOD] Paginator CSS styling (sNews 1.5)
« Reply #1 on: September 20, 2006, 07:36:07 pm »

good tip bud..cheers ;)
Logged
Over 1,000 posts of joy, sNews is not only brilliant, but fun too! thanks guys :D