WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Pagination

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Pagination on Thu Oct 06, 2011 6:53 pm

Matti


Registered Member
Registered Member
I want to make the paging looks like this

On my forum it looks like this

So what i want to do with it is to re move those for Ex: 1,2,3, and also i want to write Previous <-------------------> Next

I don't the css for it i just need to know where to edit that in Templates.

2 Re: Pagination on Sat Oct 08, 2011 3:27 am

Born This Way


Registered Member
Registered Member
Your forum version?

3 Re: Pagination on Sat Oct 08, 2011 11:29 am

ankillien


Administrator
Administrator
Hi,

To hide those coma signs, you can make their color similar to the background. And to change next/previous text, you can either change it in templates, if possible or code javascript for it.

4 Re: Pagination on Sat Oct 08, 2011 2:39 pm

Matti


Registered Member
Registered Member
Born This Way, I'm using PunBB!


ankillien, do you have any example on how to do that cuz i was looking on the templates to the viewtopic_body and found this
Code:
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->


but i can't see where to change next/previous text also for those 1,2,3 to make the background the same as my bg forum.

5 Re: Pagination on Sun Oct 09, 2011 7:32 am

ankillien


Administrator
Administrator
This CSS will make the comas transparent...

Code:
p.paging {
color: transparent;
}
p.paging b {
color: #333;
}


For the next and previous text, you can access them with this classes...

Code:
.sprite-arrow_prosilver_left
.sprite-arrow_prosilver_right


...with javascript. It can't be directly edited in templates.

6 Re: Pagination on Sun Oct 09, 2011 9:45 pm

Matti


Registered Member
Registered Member
You mean make them in photoshop right if so then you can lock this topic.

7 Re: Pagination on Sun Oct 09, 2011 10:02 pm

ankillien


Administrator
Administrator
No, you don't have to touch photoshop at all!
The CSS code I gave will remove the comas from the pagination. Try adding the code.

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Pagination

Permissions in this forum:
You cannot reply to topics in this forum