You will need the latest version of the rsobj.php file (version 2.16) in order for this to work.
Just reinstall the databridge beta or mysqli server behaviors to get a rsobj version that will work.
Just add this file to your results page with:
$rs = $Recordset1;
And edit the first line to put your recordset name in.
There is CSS in the file that you will probably want to move into your .css file, but it will give you a good start and you should be able to edit it to look like the sample designs you sent pretty easily.
Thanks for the nice navigation as I was searching for it too. Meanwhile I am experiencing some problem of showing records. Sometime it shows correctly all the navigation and sometime it does not show the navigation at all.
I saw that when I put in below place 5 then it shows the menu correctly but if I change that to like 10 then the menu does not show up while I have results of 17 and it just show result counter text which shows the total number of results but no navigation shows up.
$SearchPage = new WA_MySQLi_RS("SearchPage",$hadithbd,5);
$SearchPage->setQuery("SELECT * FROM hadith_main_vw");