Nonoba Forums / Nonoba
How to Trick out your Profile
404a long time ago | Post #1
2 points
Great example of a customized profile right here: http://nonoba.com/404/
^Actually, that's an example of a all around great user!
Anyway, I'm sure many of you not-so-CSS-enlightened people might like to know a bit about how do this with you profile. Well, I'm about to show you a few tips I learned from stealing the code from other people's profiles.
Step 1:
go to your profile > edit > profile text > edit stylesheet (on the right)
Giving your self a background
Add this to the code:
body {
background-image:url(//put the location of your image here/);
}
changing header color
change the color of different titles by this code:
h1, h2, h3 {
color:#FFFFFF !important
}
h5{
color:#222255!important
}
You can also change other things, like type font, but I'm too lazy to type all that up, so go do some research if you want that.
online status
this is that little box thing that tells if you're online or not
.onlinebox{
background-color:white;
color:black !important;
border:1px solid gray;
}
^controls color and borderline (I ripped this with virtually no adaptation from chris's profile)
something or other...
.section{
background-image:url(/location of your desired image/);
background-repeat:repeat-x;
}
I'm not completely sure what to call this, but it's pretty obvious what it does once you try it out.
comments
P { color: #777777 }
SUB { color: #000000 }
This can control your comment's colors and such, I forget exactly what does what though.
0 points
hmmm...
that bolding and underlining technique didn't work as I wanted it to...
0 points
Well this was useful. I just used the background commands (or whatever they are called) but thanks for the tips.McCrunchnuta long time ago | post #4, in reply to #1
0 points
This was certainly very useful! With your help I was able to experiment and expand the CSS coding while I was editing my profile too. Thanks so much!McCrunchnuta long time ago | post #5, in reply to #1
0 points
Now if only there was a way to add flash based music playlists onto one's profile.
Or is there? O_o
Post #6 by Simon has a score of -3. show
-3 points
Editing the CSS is essentially pointless. You cannot target whole sections of your profile because they weren't assigned specific divs. Therefore you're trying to style generic tags like p, h1, h2, h3, h4, img, and table. That defeats the purpose of trying to edit the CSS, since you affect every other p, h1, h2, h3, h4, img, and table in your profile.
1 points
does someone know if and how I can erase the background of your comments?
I don't know what I have to write: .comment self {, ".comment self" {, ."comment self" { or anything like that?
0 points
Change the part of this:
body {
background-image:url(//put the location of your image here/);
}
To this:
#page {
background-image:url(//put the location of your image here/);
}
so that way it will work.
0 points
This is beginning to get very frustrating... I cant seem to get the background that i want to use to appear on top of the page.. It shows up behind all of the tables... Any help?
0 points
.p {font-weight: bold}
and
.p {text-decoration: underline}
0 points
found out, it's: .comment.self {background: none}
tenebrous1018 months ago | post #16, in reply to #1
0 points
how do u change the background of the info. box, and such.. and how do u make the tables transparent to see the background??
0 points
still dont get how to put somthing in the background
auuuuuuuuuu!!! u.u!!!
xD
the internet8 months ago | post #18, in reply to #1
0 points
go to your page, look at the text that is in the boxes you want to change, view source, find that text, grab the class or id of the section you want, or the chain of classes and elements, then use css to modify the appearance of those sections.
thingthing4guyx38 months ago | post #19, in reply to #1
0 points
yea my avatar is... messed up i cant get to WORK T-T
Reply to thread
Sign up now to reply to threads