BODY
This is for the content of your profile, sorted by section.
PROFILE#profile H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #FFF;
text-indent: 10px;
}
Alters the heading for the Profile section.
You don't have to put an image if you don't want to, you can leave it as a block of colour.
If you want to get rid of the text in the header, increase the
text indent to something like -2000px.
#profile
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
This puts a background behind where your avatar is, and puts a border around the whole box.
(If you want all your profile sections stuck together, remove the "margin-bottom" code.
#profile .avatar
{
display: url('XXX')
background: url('XXX') no-repeat top left;
}
Don't add the 'Display:' bit unless you want to change your avatar to something else.
'Background:' can change the Background behind the Avatar.
DETAILS#details H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
Puts an image (or block colour) behind your headings.
#details
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
Puts a background in the details section.
WISHLIST#wishlist H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
Puts an image (or block colour) behind your headings.
#wishlist
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
Puts a background in the wishlist section.
ABOUT#about H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
Puts an image (or block colour) behind your headings.
#about
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
Puts a background in the about section.
FRIENDS#friends H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
Puts an image (or block colour) behind your headings.
#friends #friendGroup li img
{
background: url('IMAGE URL') no-repeat top right;
}
Puts a background behind each of your friends' avatars.
#friends
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
Puts a background in the friends section.
JOURNAL#journal H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
Puts an image (or block colour) behind your headings.
#journal
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
Puts a background in the journal section.
MULTIMEDIA#multimedia H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
Puts an image (or block colour) behind your headings.
#multimedia
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
Puts a background in the multimedia section.
SIGNATURE#signature H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
Puts an image (or block colour) behind your headings.
#signature
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
Puts a background in the signature section.
COMMENTSI put this at the end because it's a bit longer and more complicated than the rest. :3
#comments H2{
background: #ffffff
url(IMAGE URL) no-repeat top left;
color: #000;
text-indent: 10px;
}
Puts an image (or block colour) behind your headings.
#comments
{
background: #FFF
url('IMAGE URL')
no-repeat left bottom;
border: 1px solid #000000;
margin-bottom: 10px;
}
Puts a background in the comments section.
#comments dl dt.avatar img
{
background: url('http://img.photobucket.com/albums/v148/suiki/avback.png')
no-repeat top left;
}
#comments dl dt.avatar2 img
{
background: url('http://img.photobucket.com/albums/v148/suiki/avback2.png')
no-repeat top right;
}
Puts backgrounds behind your commenters. Top part is for commenters on the left. Bottom is for commenters on the right.
.caption {
font-size: 11px;
border: 1px solid #000000;
background: #FFF;
}
.caption2 {
border: 1px solid #000000;
background: #FFF;
}
Alters the border and background of the Comment bubbles.
.caption:before {
content: url(TOP LEFT)
background: url(TOP RIGHT) top right no-repeat;
}
.caption:after {
content: url(BOTTOM LEFT)
background: url(BOTTOM RIGHT) bottom right no-repeat;
}
.caption2:before {
content: url(TOP LEFT)
background: url(TOP RIGHT) top right no-repeat;
}
.caption2:after {
content: url(BOTTOM LEFT)
background: url(BOTTOM RIGHT) bottom right no-repeat;
}
Replaces the corners of the comment bubble.
Your images should correspond to the positions I have put in capitals. For instance, your top left corner should go where I have put "TOP LEFT".
.caption .message {
background: url(IMAGE URL) top left no-repeat;
font-size: 11px;
}
.caption2 .message {
background: url(IMAGE URL) top right no-repeat;
font-size: 11px;
}
Replaces this image:
or
The first part alters the first comment bubble. The second part alters every second comment bubble.
ALL#friends
{
display: none;
}
Remove a section of your profile. (Replace "friends" with the section you want to disable. "Journal", "signature" etc.
body
{
cursor: crosshair;
}
Changes your cursor to a crosshair.
