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?

can someone wrap this up and create a good English language instruction file??

Thanks for the great work!

Thanks Bad_Madman..
But I did exactly what you said and nothing changed! The thread pages are still exactly the same as before.. Is there anything else I should do?

Step 1. (skip if exists)

create new template called numbernav_own

$firstpage_atag$doublearr1$endfirstprevtag $prevpage_atag$singlearr1$endfirstprevtag $pagenumbers $nextpage_atag$singlearr2$endlastnexttag $lastpage_atag$doublearr2$endlastnexttag

create new template called numbernav_pages_own

$numbernav_atag$curpage$endpagetag

Step 2. edit showthread.php

find:

PHP Code:

$shorturl="showthread.php3?s=$session[sessionhash]&threadid=$threadid&perpage=$perpage"; 


add below:

PHP Code:

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


find:

PHP Code:

$prevpage_atag=''; 


add below:

PHP Code:

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


find:

PHP Code:

$nextpage_atag=''; 


add below:

PHP Code:

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


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')."\";"); 


Step3. Find and replace all

class=\"thtcolor\"

with:

class=\"pageNum\"

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;} 


That should do it. Thanx again to Madman!

This is great guys.. I got it working..
One thing.. Pie'oh'pah..why is the hover function much slower in the forumdisplay?

Dude,

i haven't done this hack! Therefore I won't take credit

If you would have provided a link to your board, I could have checked though.

If you took a look at my site (unreal-alliance.de) then its probably because of the shockwave applets running. This slows stuff up...

Anyways, madman needs to take a look. I just followed your request by making the instructions somewhat easier to understand.

-Pie

[Remi]

" $numbernav_atag$curpage$endpagetag " (without ")

I don't understand what do you mean by (without ")

Can someone clear this please

[bad_madman]

[QUOTE]Originally posted by Remi
" $numbernav_atag$curpage$endpagetag " (without ")

I don't understand what do you mean by (without ")

Can someone clear this please

[Remi]

Thanks