FM Themes
Welcome to FM Themes
where you can share your punBB, phpBB 2, Invision, & phpBB 3 themes for Forumotion forums.

You are viewing the forum as a guest, so you will not be able to use the full forum. To use all the features of the forum, you need to log in or create a FREE account by registering.
Latest topics
» IconSkouliki Graphics/Requests
by Skouliki Yesterday at 2:59 am

» Hebrew Easter Signatures
by SLGray Fri Feb 17, 2017 8:51 pm

» Swedish Easter Avatars
by SLGray Fri Feb 17, 2017 8:45 pm

» Find the keys
by Skouliki Thu Feb 16, 2017 2:21 am

» New Groups
by SLGray Thu Feb 16, 2017 12:55 am

[CSS] PunBB Selectors and ID's

View previous topic View next topic Go down

Ange Tuteur
Themer
Reputation : 205
Points : 9163
Posts : 303
View user profile http://fmdesign.forumotion.com/

PostAnge Tuteur on Mon Nov 18, 2013 6:35 pm

This topic is a work in progress

This topic is a list of selectors or ID's for Punbb. These allow you to manage the style of your forum through the CSS Stylesheet.

Some of the selectors listed will be links, clicking these links will display an image of the selector and what it modifies.

Basic Selectors
Most basic selectors are HTML elements, they're derived from their HTML tag names.


* - *Wildcard selector selects all elements
a - Use for styling hyperlinks
b - Use for styling texts with a bold font-weight
body - Use for selecting the document body
button - Use for styling buttons
dd - Use for styling Descriptions/values
dl - Use for styling Description lists
dt - Use for styling term/name of a description list
div - Use for styling block level elements
em - Use for styling emphasized texts
h1 - h6 - Use for styling Headings
hr - Use for styling the Horizontal Line separator
i - Use for styling Italicized texts
iframe - Use for styling iframes, useful for managing dimensions
img - Use for styling images, useful for advanced selection
input - Use to style input fields, commonly used in Forumotion profiles
li - Use to style list items
p - Use to style paragraphs
select - Use to style drop down lists, commonly used in Forumotion forums
span - Use for styling inline elements
strong - Use for styling important texts
table - Use for styling tables
tbody - Use for styling table bodies
tr - Use for styling table rows
td - Use for styling table data cells
th - Use for styling table heads

The table selectors are extremely common in Phpbb2 and lack unique selectors as well, which makes CSS styling difficult. PunBB also uses tables, but has unique selectors for styling.

Homepage Index
These selectors are common in the homepage of Punbb forums.


Forums

You can edit the following selectors specifically by specifying the element of this selector. Example td.tcr will edit a data cell with the class tcr whereas th.tcr will edit a table head data with the class tcr.

.tcl - Allows you to the edit the forum row which holds a forum and its content such as: description, sublinks, forumtitle.
.tc2 - Allows you to edit the topics row of the forum
.tc3 - Allows you to edit the posts row of the forum
.tcr - Allows you to edit the lastposts row of the forum

Viewonline Information Box

#pun-info - Allows you to edit the viewonline information box
#stats - Allows you to edit the stats table for the viewonline information box
#onlinelist - Allows you to edit the users online list for the viewonline information box
#onlinechat - Allows you to edit the chatbox information for the viewonline information box

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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