how can I do this?

I always found the multi-page style of vB where page numbers are displayed at the bottom of the page, rather boring..
So I thought about modifying it & I came across a site running a forign language bb with a somewhat cool way of displaying the pages. Here is a snapshot of it..

Also note that whenever a page is accessed, that cell is highlighted in the table.

Questions is: how can modify vB 2.0.1 so that it looks more like this..
Any Ideas?

Just create a for loop...

Thanks for the input Guarddog.. but I have no idea what you're talking about!

I don't use VBulletin, don't have the code, but i've got an idea.

PHP Code:

$normalc = ""; #Normal color
$highlightc = "red"; #The highlighted bar color


$output = "<table>\n";
for($pageloop=1;$pageloop<$totalpages;$pageloop++){
if($pageloop == $currentpage)
$output .= "<tr><td bgcolor=\"$highlightc\">$pageloop</td></tr>";
else
$output .= "<tr><td bgcolor=\"$normalc\">$pageloop</td></tr>";
}

$output .= "</table>";
echo $output; 


I don't know if i used the right intergers, it may be like arrays or something: $vars["currentpage"];, i don't know cause i don't have the code...

[Rare]

Can someone hack this?

[NanoEntity]

wow cool, can someone create this hack, looks pritty!

[NanoEntity]

BUMP^

Agreed. Somebody hack this !!

looks awesome! thumbs up

[bad_madman]

(screenshot below) / vB 2.01

1. create new template called numbernav_own
$firstpage_atag$doublearr1$endfirstprevtag $prevpage_atag$singlearr1$endfirstprevtag $pagenumbers $nextpage_atag$singlearr2$endlastnexttag $lastpage_atag$doublearr2$endlastnexttag
2. create new template called numbernav_pages_own (the content beginning and ending with a blank)
$numbernav_atag$curpage$endpagetag

3. edit FORUMDISPLAY.PHP

find:

PHP Code:

$shorturl="forumdisplay.php3?s=$session[sessionhash]&forumid=$forumid&daysprune=$daysprune&sortorder=$sortorder&sortfield=$sortfield&perpage=$perpage"; 


add below:

PHP Code:

$doublearr1='«';$doublearr2='»';$singlearr1='‹';$singlearr2='›'; 


find:

PHP Code:

$prevpage_atag=''; 


add below:

PHP Code:

$doublearr1='';
$singlearr1=''; 


find:

PHP Code:

$firstpage_atag="<a href=\"$shorturl&pagenumber=1\">"; 


replace with:

PHP Code:

$firstpage_atag="<a class=\"pageNum\" href=\"$shorturl&pagenumber=1\">"; 


find:

PHP Code:

$prevpage_atag="<a href=\"$shorturl&pagenumber=".($pagenumber-1)."\">"; 


replace with:

PHP Code:

$prevpage_atag="<a class=\"pageNum\" href=\"$shorturl&pagenumber=".($pagenumber-1)."\">"; 


find:

PHP Code:

$nextpage_atag=''; 


add below:

PHP Code:

$doublearr2='';
$singlearr2=''; 


find:

PHP Code:

$lastpage_atag="<a href=\"$shorturl&pagenumber=$totalpages\">"; 


replace with:

PHP Code:

$lastpage_atag="<a class=\"pageNum\" href=\"$shorturl&pagenumber=$totalpages\">"; 


find:

PHP Code:

$nextpage_atag="<a href=\"$shorturl&pagenumber=".($pagenumber+1)."\">"; 


replace with:

PHP Code:

$nextpage_atag="<a class=\"pageNum\" href=\"$shorturl&pagenumber=".($pagenumber+1)."\">"; 


find:

PHP Code:

$numbernav_atag=""; 


replace with:

PHP Code:

$numbernav_atag='<span class="pageNum">'; 


find:

PHP Code:

$endpagetag = ''; 


replace with:

PHP Code:

$endpagetag = '</span>'; 


find:

PHP Code:

eval("\$pagenumbers .= \"".gettemplate('numbernav_pages')."\";"); 


replace with:

PHP Code:

eval("\$pagenumbers .= \"".gettemplate('numbernav_pages_own')."\";"); 


find:

PHP Code:

$numbernav_atag="<a href=\"$shorturl&pagenumber=$curpage\">"; 


replace with:

PHP Code:

$numbernav_atag="<a class=\"pageNum\"  href=\"$shorturl&pagenumber=$curpage\">"; 


find:

PHP Code:

eval("\$pagenumbers .= \"".gettemplate('numbernav_pages')."\";"); 


replace with:

PHP Code:

eval("\$pagenumbers .= \"".gettemplate('numbernav_pages_own')."\";"); 


find:

PHP Code:

eval("\$pagenav = \"".gettemplate('numbernav')."\";"); 


replace with:

PHP Code:

eval("\$pagenav = \"".gettemplate('numbernav_own')."\";"); 


and last:
add in headinclude template in the Style Sheets section ( <style type="text/css"> ):

PHP Code:

.pageNum {color: #ffffff; background-color: #808080; border-color: #000000; border-style: solid; border-width: 1px; margin: 0px; padding: 0px; padding-left: 4px; padding-right: 4px; width: 1em;}
a.pageNum {color: #0000ff; background-color: #e0e0e0;}
a.pageNum:hover {color: #ffffff; background-color: #a0a0a0;} 


cu
Madman