How to exchange paging text with graphics?

[gustav]

How can I exchange the paging stuff like "next" "previous" "last page"and "first page" with graphics-buttons?.... and how can I define a background-graphic fo the paging numbers?
Thanx in advance....

[mawenzi]

... edit your includes/paging.php according to your requirements ...
... in default paging.php find starting from line 80 to change ...

Code: [Select]

    $this->desc = $lang['paging_stats'];
    $this->paging_next = $lang['paging_next'];
    $this->paging_back = $lang['paging_previous'];
    $this->paging_lastpage = $lang['paging_lastpage'];
    $this->paging_firstpage = $lang['paging_firstpage'];


[gustav]

Thanx, but how do I have to alter the lines to load an image..... in html it would be something like <img src="{template_url}/images/blah.gif">
But what would it look like in php?

[mawenzi]

... try this ...
... the "next.gif" is in your /templates/<your_template>/images/ folder ...

Code: [Select]

$this->paging_next = "<img src=\"".get_gallery_image("next.gif")."\" border=\"0\" alt=\"Next\">";


[gustav]

Thanx a lot!
... I will always get lost in all this syntaxing.... 

[4ella]

Hi Mawenzi , I would like to have pagination like you have in your website or to have something like this (not graphic) but looks like graphic :
I have found on the web , 24 pagination css.styles (added css.css in attach for somebody who wants it) :
the link:
http://mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/

How can I add for example sabrosus style to my paging.php?

Code: [Select]

/*CSS sabrosus style pagination*/

DIV.sabrosus {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.sabrosus A {
BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}

[mawenzi]

@ 4ella ...

... I think, there is such a "new paging class" in my Download Area ...

[4ella]

I didn't know that  , just donated , will go to study carefully your Download Area now , I need some of your Mods for sure.