PBase CSS Classes?

[matiasasun]

Ok... I´ve been playing with stylesheet for a few hours. Is there a way to have a complete list of CSS Classes used by PBase?
I mean the is not oficial complete right? I´m missing something?

Ps. I´ve check Arjun useful images and stuff but I´m talking about a complete list.

[dpnew]

Ok... I´ve been playing with stylesheet for a few hours. Is there a way to have a complete list of CSS Classes used by PBase?
I mean the is not oficial complete right? I´m missing something?

Ps. I´ve check Arjun useful images and stuff but I´m talking about a complete list.

One way to see all the classes is to view the source code--they are listed as an 'attribute' in the tags like so:

class="thumbnail"

If you want to compile an exhaustive list, go through every tag and write down the class names. If instead, you are only interested in changing the style of some particular content, view the source code and see what tags contain the content, as well as any class names assigned to the tags, and the class names of the parent tags. Then, you can use 'selectors' in the style sheet to target those particular tags for styling.

For instance, in the source code you might see something like this surrounding the content you want to style:

Code: Select all

<td class="thumbnail"><b>Content whose style you want to change.</b></td>

Since, there is no class name assigned to the bold tag, you might initially try this in the style sheet:

Code: Select all

b {
  color: red;
  background-color: blue;
}

But, that would target all bold tags, so it might change other content that is also surrounded by bold tags that you don't want changed. To remedy that potential problem, you can be more specific with your selector name and do this:

Code: Select all

td.thumbnail b {
  color: red;
  background-color: blue;
}

That selector will only target bold tags that are inside td tags where the td tags have the class 'thumbnail' assigned to them.

[matiasasun]

Oh!.. I see... Good. Now I understand a few more things.
Looks like I´ll have to create my own manual with all the classes used.
I´m a little short of free time to do that this month but the next one, if you´re willing to help me, we can try to create something better to help us create our own stylesheets.

[dpnew]

Oh!.. I see... Good. Now I understand a few more things.
Looks like I´ll have to create my own manual with all the classes used.

When you write down the class names for your 'manual', also try to write down a description of what content on the page it is assigned to. That way you will know what content will change if you change that classes style.

[ukexpat]

Oh!.. I see... Good. Now I understand a few more things.
Looks like I´ll have to create my own manual with all the classes used.

When you write down the class names for your 'manual', also try to write down a description of what content on the page it is assigned to. That way you will know what content will change if you change that classes style.

Have you checked out Arjun's screen caps with descriptions of the CSS classes etc?

[srijith]

Have you checked out Arjun's screen caps with descriptions of the CSS classes etc?

Nigel.. Matias does mention that in his post

[wangi]

Have you checked out Arjun's screen caps with descriptions of the CSS classes etc?

Nigel.. Matias does mention that in his post

But for the rest of use reading along would anyone like to post a link? I cannot see anything on http://pbase.com/arjun/

[srijith]

But for the rest of use reading along would anyone like to post a link? I cannot see anything on http://pbase.com/arjun/

http://www.pbase.com/arjunrc/image/28405762
http://www.pbase.com/arjunrc/image/28405774

[matiasasun]

Thanks everybody!

Looks like I´ll have to learn it "the hard way"... As usual.