Реализация постраничной навигации

[Instafox]

Всем доброго времени суток.
Знающие люди подскажите пожалуйста как мне изменить постраничную навигацию.
На 1-м фото, то что мы имеем, на 2-м фото, то что нужно реализовать.





Картинка из кода:

/*---Постраничная навигация---*/
.storenumber { font-weight: bold; }
.basenavi { border-bottom: 2px solid #f5f5f5; }
	.basenavi, .bnnavi, .navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide { float: left; }
	.bnnavi { border: 1px solid #bcc5c9; height: 32px; background: #fff url("../images/fbutton.png") repeat-x 0 100%; }
		.navigation a { text-decoration: none; }
		.navigation a, .navigation span { background: url("../images/basenavi.png") no-repeat; border-right: 1px solid #e0e3e4; font-weight: bold; padding: 0 8px; height: 32px; line-height: 32px; }
		.navigation a, .navigation span.nav_ext { color: #2e363a; }
			.navigation a:hover { color: #db143d; }
			.navigation span { background-color: #db143d; background-position: 0 -32px; color: #fff; }

		.nextprev .thide, .toptop { width: 32px; padding-top: 32px; background: url("../images/basenavi.png") no-repeat; }
		.nextprev a span { cursor: pointer; }

		.nextprev span .pnext { background-position: -32px -64px; }
		.nextprev a .pnext { background-position: -32px -96px; }

		.nextprev span .pprev { background-position: 0 -64px; }
		.nextprev a .pprev { background-position: 0 -96px; }

Буду очень признателен тем, кто отзовётся.

 

[AngelGabriel]

вам нужно просто оформить или скрипт написать для нужного вам вида навигации, и для чего этот кусок сисс кода