Page 1 of 1

PBase CSS Classes?

PostPosted: Fri Sep 10, 2004 7:28 pm
by 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.

Re: PBase CSS Classes?

PostPosted: Sat Sep 18, 2004 5:29 am
by dpnew
matiasasun wrote: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.

Re: PBase CSS Classes?

PostPosted: Sat Sep 18, 2004 5:48 am
by 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.

Re: PBase CSS Classes?

PostPosted: Sat Sep 18, 2004 5:52 am
by dpnew
matiasasun wrote: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.

Re: PBase CSS Classes?

PostPosted: Mon Sep 20, 2004 2:30 pm
by ukexpat
dpnew wrote:
matiasasun wrote: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?

Re: PBase CSS Classes?

PostPosted: Mon Sep 20, 2004 3:19 pm
by srijith
ukexpat wrote:Have you checked out Arjun's screen caps with descriptions of the CSS classes etc?

Nigel.. Matias does mention that in his post :)

Re: PBase CSS Classes?

PostPosted: Mon Sep 20, 2004 3:52 pm
by wangi
srijith wrote:
ukexpat wrote: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/

Re: PBase CSS Classes?

PostPosted: Mon Sep 20, 2004 3:55 pm
by srijith
wangi wrote: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

Re: PBase CSS Classes?

PostPosted: Mon Sep 20, 2004 4:51 pm
by matiasasun
Thanks everybody!

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