Who here knows CSS code?

Kita · January 01, 2008, 09:56:32 AM

I can work on building my profile with pre existing coding, but I don't know how to code from scratch.

I did post in the floated thread on the help board, but I figured I would ask here in case someone here knows.

If you check out my profile, I have a background set now and I even put in a banner. But what I would like to do is change the colors of the individual sections and maybe make some banners for those too. How would I do the code for all that?

I want to change the posting font color and maybe even make the background of the comments section transparent.

Vaatix · January 01, 2008, 10:39:42 AM

The Customized profiles run off the basic SMF CSS, so there's at least that to make it easier.
http://www.smfhacks.com/smf-theme-generator.html

An old something I picked up when I found that site, it's a quick and easy theme generator. Just be sure to take the CSS it gives you and pop it in your profile.

bluaki · January 01, 2008, 11:13:13 AM

Well, I just woke up and replied to your post in my customized profile guide.

Just take a screenshot of your profile and recolor it how you want in Paint or any other image editor. Show it to me and I'll make a code for you to paste to recolor your profile.
Don't worry about graphics, just tell me where they will go and I'll leave a space for them.

@Vaatix: Well, that link probably just fixes the colors in SMF Default skin. To get it to appear right in all other skins, some other modifications have to be made.

Vaatix · January 01, 2008, 11:18:34 AM

Quote from: bluaki on January 01, 2008, 11:13:13 AM

@Vaatix: Well, that link probably just fixes the colors in SMF Default skin. To get it to appear right in all other skins, some other modifications have to be made.

It's designed for Core, but I find just about any CSS works. I'm currently using an old modification of the Babylon theme from SMF 1.0 beta. Of course, you are right, just about any set will need modification, but just as well, most SMF theme CSS works just fine.

Kita · January 01, 2008, 11:49:01 AM

Quote from: bluaki on January 01, 2008, 11:13:13 AM
Well, I just woke up and replied to your post in my customized profile guide.

Just take a screenshot of your profile and recolor it how you want in Paint or any other image editor. Show it to me and I'll make a code for you to paste to recolor your profile.
Don't worry about graphics, just tell me where they will go and I'll leave a space for them.

@Vaatix: Well, that link probably just fixes the colors in SMF Default skin. To get it to appear right in all other skins, some other modifications have to be made.

WOW that would be really nice of you :P

I'll so work on those graphics and color scheme then. After I dye my hair LOL

Judas · January 01, 2008, 11:51:23 AM

You'd have to know the ID of each table/cell, I think. You could determine that by looking in the source... then it's simple CSS.

Kita · January 01, 2008, 11:53:43 AM

Quote from: Snorkel on January 01, 2008, 11:51:23 AM
You'd have to know the ID of each table/cell, I think. You could determine that by looking in the source... then it's simple CSS.

Yeah that's what I had figured out. Thing is I can't view the source. Not that I know of anyways. I know how to read the code and change it once I have it.

bluaki · January 01, 2008, 11:57:02 AM

Quote from: Kita on January 01, 2008, 11:53:43 AM
Thing is I can't view the source. Not that I know of anyways.

In Firefox: View→Page Source
IE7: View→Source (if you don't see menu bar, right click on one of the toolbars)
Opera: View→Source

The CSS for each of the skins:
NSF Classic: http://nsiderforums.net/Themes/NSFClassic/style.css
SMF Default: http://nsiderforums.net/Themes/default/style.css
Nsider5000: http://nsiderforums.net/Themes/NSider5000/black.css
Nsider4000: http://nsiderforums.net/Themes/NSider4000/black.css

Kita · January 01, 2008, 12:18:46 PM

Quote from: bluaki on January 01, 2008, 11:57:02 AM
Quote from: Kita on January 01, 2008, 11:53:43 AM
Thing is I can't view the source. Not that I know of anyways.
In Firefox: View→Page Source
IE7: View→Source (if you don't see menu bar, right click on one of the toolbars)
Opera: View→Source

The CSS for each of the skins:
NSF Classic: http://nsiderforums.net/Themes/NSFClassic/style.css
SMF Default: http://nsiderforums.net/Themes/default/style.css
Nsider5000: http://nsiderforums.net/Themes/NSider5000/black.css
Nsider4000: http://nsiderforums.net/Themes/NSider4000/black.css

Okay that's what I was looking for. Thank you sooooooo much LOL. I read over the entire code on my Profile and I can't do what I wanted to so I'm going to just scratch that idea. I might change the BG to black and the font to green at some point, but I was hoping to do something more outrageous :P.

Thank you for all your help ^_^