Splitting wordpress posts into multiple pages (CSS styling)

Hi;

Most of my blog posts are too long and i divide them into 3-4 parts using <!--nextpage-->

Normally it shows only post numbers 1 2 3 4...

I want to style(small boxes) them using CSS but i don't know how to do it.
Can someone please help me?

Regards

 

Well... what does the code show when you check the numbers? Just figure out how the numbers are being showed on the page, and style that?

 

If you don't know any css then better place it here and I'll tell you how you can style it.

 

So you could code yourself a simple code that do the following:

$footer = "";
$parts = explode("<!--nextpage-->",$post);
foreach ($parts as $partID => $part) {
   $display = "";
   if ($partID =! 0) $display = "display:none;"
   echo "<div id='part-$partID' style='$display' class='partial-content'>$part</div>";
   $footer .= "<span class='boxed-class-here' rel='$partID'>".($partID+1)."</span>";
}
  echo "<div class='part-footer'>$footer</div>

Code (markup):

And then triggering via Ajax an event, whenever you click a 'boxed-class-here' you show the relative div and hide the others like this:

$(".partial-content").not($("#part-"+relValue)).hide();

Code (markup):

 

it need some tweaking on your theme on single.php. i month ago I just did it for my client from USA.. now I have to open the file on the template so I can give you what code that have to be changed. if you really need it, you can just PM me or add my skype on najilil. with happily I will help you.. I'm sorry I can not show the code here because I'm not sure and I didn't open the file yet..