User
Logo background and other Properties - ALL THEMES
headshot:
background - transparent headshot: border - reference user ID link: size and color - reference text and links: size and color in the rail - reference
normally font
family and text color are inerithed by the body{} block;
in general you can to override it just putting the font-family property
or the color property where you see the font-size property
/*
Oasis */
/*
user ID and links in the rail*/
#rail a, #rail a:link, #rail a:visited {
color:white;
font-size:11px;
font-weight:bold;
} /* text in the rail */
div#rail p {
font-size:11px;
}
div#rail {
color:#922101;
font-size:10px;
text-align:left;
}
/*
Basecamp */
/*
background and border */
.railbody .userlogo a img, .visitorlogo a img {
background:transparent none repeat scroll 0%;
} /* user ID */
.railbody .userlogo a, .railbody .userlogo a:link, .railbody .userlogo
a:visited {
color:white;
font-size:10px;
font-weight:bold;
} /* text in the rail */
div#rail p {
color:white;
font-size:11px;
}
div#rail {
text-align:left;
} /* links in the rail */
.railbody a, .railbody a:link, .railbody a:visited {
color:#E400A6;
}
ul.sidelist li {
font-size:12px;
}
/*
Blue Slate - Mykonos - News Paper - Skyline - Sandskrit - Outburst
- Avlack */
/*
background */
.userlogo {
background-color:transparent;
font-size:10px;
} /* border */
.rail .userlogo {
border:1px solid #999999;
} /* user ID */
.userlogoside a, .userlogo a:visited {
color:#000000;
}
.userlogo {
font-size:10px;
text-align:center;
} /* text and links in the rail */
.railbody {
font-size:12px;
}
div#rail {
text-align:left;
} /* links in the rail */
.railbody a, .railbody a:link, .railbody a:visited {
color:#000000;
}
/*
Melon - Petals - Black Lily - Retro*/
/*
background and border */
.userlogo {
background-color:transparent;
border:1px solid #CCCCCC;
font-size:10px;
} /* user ID */
.userlogoside a, .userlogo a:visited {
color:#0B5EB4;
}
.userlogo {
font-size:10px;
text-align:center;
} /* text in the rail */
.railbody {
font-size:12px;
}
div#rail {
text-align:left;
} /* links in the rail */
.railbody a, .railbody a:link, .railbody a:visited {
color:#0B5EB4;
}
/*
Red Frog */
/*
background */
.userlogo {
background-color:transparent;
font-size:10px;
} /* border */
.rail .userlogo {
border:1px solid #999999;
} /* user ID */
.rail a, .rail a:visited, .rail a:link {
color:#FFF2E0;
}
.userlogo {
font-size:10px;
text-align:center;
} /* text and links in the rail */
.railbody {
font-size:12px;
}
div#rail {
text-align:left;
} /* links in the rail */
.rail a, .rail a:visited, .rail a:link {
color:#FFF2E0;
}
/*
Shadow Box */
/*
background */
.userlogo {
background-color:transparent;
font-size:10px;
} /* border */
div#rail div.userlogo {
border:1px none #000000;
padding:0pt;
} /* user ID */
.userlogoside a, .userlogo a:visited {
color:#0B5EB4;
}
.userlogo {
font-size:10px;
text-align:center;
} /* text in the rail */
.railbody {
font-size:12px;
}
div#rail {
text-align:left;
} /* links in the rail */
.railbody a, .railbody a:link, .railbody a:visited {
color:#0B5EB4;
}
/*
Blocks */
/*
background */
.userlogo {
background-color:transparent;
font-size:10px; } /* border */
.userlogo {
border:1px solid;
padding:4px;
} /* user ID */
#rail a, #rail a:link, #rail a:visited {
color:#FFFFFF;
font-weight:bold;
}
.userlogo {
font-size:10px;
text-align:center;
} /* text and link in the rail */
.railbody {
color:#FFFFFF;
font-size:12px;
}
div#rail {
text-align:left;
} /* links in the rail */
#rail a, #rail a:link, #rail a:visited {
color:#FFFFFF;
font-weight:bold;
}
/* Relatively
to the only Custom Theme you have to find the same blocks
in your custom css code or just to add this code at the bottom of your
custom CSS box */
/* Definitively custom theme is more complex */
/*
Custom Theme */
/*
background */
.userlogo {
background-color:transparent;
font-size:10px;
} /* border */
.userlogo, td.rail div#rail div.userlogo {
border-color: #333333;
border-style: solid;
border-width: 1px;
} /* user ID */
.userlogo a, .userlogo a:visited, .userlogo a:link, td.rail div#rail
div.userlogo a {
color:#333333;
}
.userlogo a:hover {
color:#FF0000;
}
.userlogo {
font-size:10px;
text-align:center;
} /* text and links in the rail */
.railbody {
color:#000000;
font-size:12px;
}
div#rail {
text-align:left;
} /* links in the rail */
ul.sidelist a, ul.sidelist a:visited, ul.sidelist a:link {
color:#6F4242;
}
the bg is transparent the border remains the text amd links colors changed sometime in black or with no changes
my idea is you must edit the background color-image and the border and the text and link colors as you like. I only give the blocks wher you can make it
mariatv wrote on May 9, '07, edited on May 10, '07
I name your theme as Custom Theme and all the other as customized base themes the default for me is the theme without any change; when you make a change then you get the custom one :-)
tthihhan wrote on Jul 9, '07, edited on Jul 9, '07
Nice thing! Is there any tutorial with illustration that explain about the every parts of the Multiply webpage such as navigation bar, item box, right rail, etc....
it depends by the theme u are using you have blue slate so you have to get the code above for the blue slate in detail the block is /* background */ .userlogo { background-color:transparent; font-size:10px; }
Thanx a lot for your help maria. I just want to ask you something, how do i remove the green border at the top of my rail and replace with something like the swirling thing at the top of your rail? Thanx a lot!
Im just a newbie when it comes to css, html, and stuff, and ur site is a great help for a beginner like me. Hope u wont get tired of answering my questions..thnx a lot! :)
Maria, I have another question, i changed my theme to skyline, and tried to apply my old theme but coudn't change the Page top menu background color. I also coudn't add the animated railhead that i had before and couldn't change the logo id color coz it's not visible. Thnx for all the help Maria! :)
you could to choose another theme differenr by the default theme u have just going in ->customize my site -> choose a theme and after to add the background in your custom css box with this code
I have skyline theme & want to add my own pic in background with all else transparent over it so background pic can always been seen. Also to have comment boxes transparent other than white as current Also like to change fonts in main title box etc can you help please, the pic i want in background is in my photo album http://treva1.multiply.com/photos/photo/10/3 You will notice i have added the code url (http://treva1.multiply.com/photos/photo/10/3) repeat-x scroll left top; but doesnt seem to be correct
Hi Maria... reading all those favors from u by our friendly multiply users here, i would like also to seek help from u. Well, i want to change the color of my site but with the same theme, how can i do that? Also, can i add another graphics as a logo but with the same theme again... tnx, hope for ur prompt relply. Keep up the good work & God bless! -mari
hi mari I lost ur question .. some message do not appear in my message board
though ur question is a bit generic what menas change the color are u referring to the text color or to the background color ?
ur theme actually has two images in the body background and in the header
I d say as netiquette rule if u got the theme from some group and u want to change that u have to referrer the author or u have to remove all the used images
I have some doubt about reusing the css code ,, but at this moment I'd say it is licit to reuse the css code ,, cause it comes fundamentally from the code of the customized public themes
sure it could to exist some exception for this ,,
such as some particular effect the author make in the layout .. but ,, really Im confused bout the copyright over the css code ,,
anyway u have to clarify what means to change color maintaining the same theme ..
thanks! i love this code! =) i'm still struggling with this css thing, is there a general code for headshots (contacts, group, people who viewed ur page)? :)
thanks! i love this code! =) i'm still struggling with this css thing, is there a general code for headshots (contacts, group, people who viewed ur page)? :)
for the viewing history the code is here http://grouped.multiply.com/reviews/item/19 Im seeing now it isn't complete :( cause not is indicated the headshot box.. I do not remember now if those boxes (the headhsot boxes in the viewing history at the bottom of any page) are affected by the same code used for the personal headshot you see in this post for the same theme or just I have leaved out that part in the post over the viewing history
as u see the codes for viewing history and for the personal headshot in general depend by the theme u choose
so in general for any theme the code will change
now I do not remember if u can use the same code for personal headshot in the rail and for the headshots in viewing history ,,, maybe in some theme it will work and in others no.
anyway I think its time to update the post over the viewing history
hi! by accidentally i view to this page..... and i would like to thank you co'z you're a big help for us who's don't know to make html or css code... i read all your message.... really it's a big help.... thanks...
you have to change that so 
