?

Log in

No account? Create an account

Previous Entry | Next Entry

More layout stuff

  • Feb. 10th, 2007 at 2:34 AM
Am trying to put together a commented stylesheet with notes on most of the classes someone would need to heavily customize their layout while still using the base sheet based on some of the theme cheets available. I've got most of what I need (I think!) but these are a few that I can't seem to decipher...

.page-header1
.page-header3
.page-header4
.page-header1,
.page-header1 a,
.page-header3,
.page-header3 a
.asset-name a
.asset-name
.asset-subtitle
.asset-description-hover
.asset-name-hover
.asset-privacy-hover
.asset-tags-list .asset-tags-add-tags:hover
.enclosure-asset-name a
.asset-stream-grid .asset-inner
.asset-detail .asset-containers
.comment-even
#comment-form
.widget-header .edit a
#control-strip

If you can help with any of these (even just to tell me they're Vox-only or anything else, I'd greatly appreciate it.

Edit: And if anyone can tell me how to change the fontsize of the userinfo (under icons on friends page), that'd be great, too.

Comments

( 14 comments — Leave a comment )
angryhamster
Feb. 10th, 2007 05:10 am (UTC)
...Yes, I've seen this. I was looking for information pertaining to those specific classes only.
av8rmike
Feb. 10th, 2007 04:36 am (UTC)
nimoloth already made a guide like this; back in the early entries of the community. I'm on the road now, so I don't have time to find it, but look under the "CSS" or "contribution" tag.
Also, keep in mind that a lot of the classes in the base stylesheet exist only on Vox, like the .pager and .enclosure ones.
angryhamster
Feb. 10th, 2007 05:11 am (UTC)
I know; I've seen it. But there are some things missing in it, and some things that in my experience don't necessarily need to be in there, and it's not as commented as I'd like (or needed, when I started out).

Thanks for the info on the Vox ones, though, I can edit those out now, cheers.
mygothangel
Feb. 10th, 2007 08:52 pm (UTC)
hi!
sorry for simply butting in, but you sound like you know tons of this stuff and maybe you can help me with two things:



I've changed my layout to Expressive/Trees-Noir here. After searching in the comm and trying out some solutions, I still can't do following:

1. change the font of all sidebar widget headers but the Profile (there was one solution, working *only* for colour)
2. prevent the background image from being scrolled together with the page in IE (Opera and FireFox work fine)

my viewable layers are here:
theme layer

Auto-generated Customizations (I did some changes that don't work in CSS)

forever grateful for any help :)
angryhamster
Feb. 10th, 2007 09:14 pm (UTC)
heh, i really, really don't (just started using this style last week), but i'll do what i can...

for font changes, you're going to have to do them all manually in the custom css box, using this (editing fonts, obviously):


.about-me-widget .widget-header {
font-family: times new roman;
}

.calendar-widget .widget-header {
font-family: times new roman;
}

.typelist-widget .widget-header {
font-family: times new roman;
}

.categories-widget .widget-header {
font-family: times new roman;
}

.archive-widget .widget-header {
font-family: times new roman;
}

.syndicate-widget .widget-header {
font-family: times new roman;
}

.powered-by-widget .widget-header {
font-family: times new roman;
}


as to the second question... i don't understand IE at all, but i think you MIGHT have better luck if you put the backgound image in the .body area instead of the #gamma...? something like this, maybe:


.body {
background img:('http://pics.livejournal.com/mygothangel/pic/000caqqk');
background-position: bottom right;
background-attachment: fixed;
background-repeat: no-repeat;
}


as to the layers... no clue, sorry. i'm largely afraid of them. hope that helps!
mygothangel
Feb. 10th, 2007 09:29 pm (UTC)
woooooot!!!! you're the best! thank you so much, the widget headers work now!!

the background is tricky, because put in content or body it gets totally screwed in Mac and safari and peeps cannot read my journal
guess I will live with it - I'm using Opera anyway, so it doesn't bother me personally so much
angryhamster
Feb. 10th, 2007 09:32 pm (UTC)
yay! glad to help. :)

as to the background... macs bite me and i vomit on them, so i am of absolutely no use there, sorry. i'm very suprised that the bg doesn't work in the body tag, though, i always thought that was kind of the standard place to put an image. :/ sorry i couldn't help with that.
mygothangel
Feb. 10th, 2007 09:20 pm (UTC)
for .widget .widget-header a,


this:

/*header profile modul*/
.widget-header,
.widget-header a,
.widget .widget-header a,
.widget-header .edit a {
color: #000000;
font-weight: bold;
font-family: Arial Narrow;
font-size : 18px;
border-bottom-color: #000000;
}

changed the header of my profile module (font-family, size, weight, colour)

if it's any help
angryhamster
Feb. 10th, 2007 09:33 pm (UTC)
profile module? you mean the profile widget, or something else?
mygothangel
Feb. 10th, 2007 09:41 pm (UTC)
yes, I meant the header of the about-me-widget

I found the code above on this community and it should work for all widget headers, but it did only for the profile widget - probably because it's a link, too
when I take the code above out and try your solution that works with all other widgets, it doesn't work with the profile module at all

so if anyone wants to change *all* widget-headers, it has to be:

/*header profile modul*/
.widget-header,
.widget-header a,
.widget .widget-header a,
.widget-header .edit a {
color: #000000;
font-weight: bold;
font-family: Arial Narrow;
font-size : 18px;
border-bottom-color: #000000;
}


/*header all widgets but Profile */

.calendar-widget .widget-header {
color: #000000;
font-weight: bold;
font-family: Arial Narrow;
font-size : 18px;
}

.typelist-widget .widget-header {
color: #000000;
font-weight: bold;
font-family: Arial Narrow;
font-size : 18px;
}

.categories-widget .widget-header {
color: #000000;
font-weight: bold;
font-family: Arial Narrow;
font-size : 18px;
}

.archive-widget .widget-header {
color: #000000;
font-weight: bold;
font-family: Arial Narrow;
font-size : 18px;
}

.customtext-widget .widget-header {
color: #000000;
font-weight: bold;
font-family: Arial Narrow;
font-size : 18px;
}

and so on for any other widgets

thanks again for the huge help, now I'm really happy with my layout!
angryhamster
Feb. 10th, 2007 09:47 pm (UTC)
that's very strange, i was able to change the profile widget header font with the code i gave you originally. maybe it depends on what base style you're working off...
av8rmike
Feb. 12th, 2007 08:18 pm (UTC)
Ack. None of those extra .xxxx-widget categories should be necessary. .widget .widget-header a {} to match the Profile module header and .widget .widget-header {} for the others.
av8rmike
Feb. 12th, 2007 03:15 pm (UTC)
And if anyone can tell me how to change the fontsize of the userinfo (under icons on friends page), that'd be great, too.
Do you mean like this:
.user-icon .ljuser {
    font-size: 14px;
}
( 14 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars