Board index PBase HTML and Style Sheets Help with finishing style sheets

HTML and Style Sheets

Help with finishing style sheets

Customize your galleries.
richardfoord
 
Posts: 12

Help with finishing style sheets

Post Sat Dec 29, 2007 10:43 am


So after reading all the tips and looking to see how things work I am pretty happy with my style sheet with 2 exceptions

1. When using the style sheet for a head gallery the gallery name has :: placed before and after it's name ie :: lembeh straits ::
see http://www.pbase.com/richardfoord/diving_photos

2. I want to change just the color of just the .from class in the comments section. Is this possible and if so do you have an example of the code on how to do it because i have tried many syntax forms and can't get it to work.

any help welcome.

thx,
Richard

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen


Post Sat Dec 29, 2007 11:12 am


Hi Richard,

Great looking stylesheet and nice underwater shots!

1) This is controlled from the account settings of your profile. On your profile page, click "edit your account settings". Then click "appearance" and in "Gallery Title Delimiter" choose what you like.

2) This works in my stylesheet:

#commentlist .from
{
color: your text colour;
background-color: your background colour;
}


regards,

Flemming
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

richardfoord
 
Posts: 12

OK - didnt work :)

Post Sun Dec 30, 2007 5:00 am


Great information - thank you

1. Thanks heaps - fixed it - a little obscure though - lol

2. this didn't work. I assume there must be a setting in the sheet that is overriding this color setting but I don't really know what it is.

I know that if i use this setting
#commentlist a
{
font-weight: normal;
}

it gets rid of the bold setting but obviously if i use colour here then all the links change and I just want the .from link to change.

any more hints ?

also

3. How do I get rid of the border around the exif information

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen


Post Sun Dec 30, 2007 8:14 am


Hi Richard,

That's weird that #2 is not working. Are you sure you are using it incl. the div ? Has to be

#commentlist .from

for it to work.

3)

This should remove the border around the exif table:

#techinfo table
{
border: 0;
}


regards,


Flemming
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

richardfoord
 
Posts: 12

Definitely not working

Post Mon Dec 31, 2007 1:59 am


There must be something higher in the style that overides it but i don't know enough about the prioritisation to understand what it could be.

hmm... time to go out an buy a book methinks

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen

Re: Definitely not working

Post Mon Dec 31, 2007 8:19 am


richardfoord wrote:There must be something higher in the style that overides it but i don't know enough about the prioritisation to understand what it could be.

hmm... time to go out an buy a book methinks


Please post an example, post a url to a photo with comments where it doesn't work - and I'll have a look!

Btw are you using firefox and the webdev plugin? By far the easiest way to do stylesheets!

regards,

Flemming
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

richardfoord
 
Posts: 12


Post Tue Jan 01, 2008 5:03 am


Try here ...

http://www.pbase.com/richardfoord/lembeh_straits__2007

The gallery has comments.

So here is the trick -
I want to change the colour of the name (which should be controlled by the .from class as you so correctly point out)
... without changing the size OR colour of the other links such as embedded or the PM reply / delete links

:)

Note: that I have effectively changed the weight by using
#commentlist a
{
font-weight: normal;
}
( if you dont include this then the .from class is bolded )

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen


Post Tue Jan 01, 2008 10:56 am


got it - I forgot that .from is a link of course (at least when it's a Pbase user that has commented) so you need this with the A added to .from :

#commentlist .from a
{
font-weight:normal;
color: #ffffff;
}

This works, colours the .from white!

- and happy new years mate!
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

richardfoord
 
Posts: 12

Brilliant...

Post Wed Jan 02, 2008 1:54 am


this worked perfectly - just a simple case of syntax ordering - i think I will still go out and by that book though


thanks for all your help

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen


Post Wed Jan 02, 2008 7:04 am


Great to hear it's working! It's always the little things that end up being tricky.

This is another great ressource:

http://www.w3schools.com/

regards,

Flemming
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

richardfoord
 
Posts: 12


Post Wed Jan 02, 2008 11:56 am


Thanks

... also got my last tip and more syntax tips at

http://www.tizag.com/cssT/index.php

Have also now fixed up the colours the style sheet is now well described and formatted.


Board index PBase HTML and Style Sheets Help with finishing style sheets

Who is online

Users browsing this forum: ClaudeBot and 0 guests