Oiginal Code Just for REFERENCE
for the involved blocks
/*CLASSIC THEME - REFERENCE CODE*/
/*BODY*/
body {
background:transparent none repeat scroll 0%;
margin:0pt;
width:auto;
}
/*GLOBAL HEADER*/
.header {
border:medium none;
background:#E9EEF1 url(http://images.multiply.com/multiply/sos/bg.png) repeat-x scroll left bottom;
}
table.globalnav {
background-color:#666666;
border-bottom:1px solid #333333;
border-top:medium none;
width:100%;
margin:0pt auto;
}
.header a:link, .header a:visited, .header a {
color:#FFFFFF;
}
span.signoutid a.signout {
color:#FFFFFF;
}
/*font size for many parts in the site*/
table {
font-size:12px;
}
/*site header - site title box*/
h1#page_owner_title {
color:#000000;
font-family:Arial,sans-serif;
font-weight:bold;
background-color:#DDDDDD;
margin:0pt;
padding:2px 0pt 6px 10px;
}
h1 {
font-size:24px;
margin-bottom:4px;
margin-top:0px;
}
/*site header - nav bar containing box 1*/
div#subnavc {
width:100%;
}
/*site header - nav bar containing box 2*/
div#subnav {
background:transparent url(http://images.multiply.com/multiply/subnav/tback.gif) repeat-x scroll center bottom;
height:23px;
padding-left:10px;
}
/*navigation bar - selected button*/
a.toptsel, a.toptsel:visited {
background:transparent url(http://images.multiply.com/multiply/subnav/tsel-66.gif) repeat scroll 0%;
color:#25359F;
display:block;
float:left;
font-size:11px;
font-weight:normal;
height:17px;
padding-top:6px;
text-align:center;
voice-family:inherit;
width:66px;
}
/*Navigation Bar - all buttons*/
a.topt, a.topt:visited {
background:transparent url(http://images.multiply.com/multiply/subnav/t-topt-66.gif) repeat scroll 0%;
color:white;
display:block;
float:left;
font-size:11px;
height:23px;
line-height:2em;
text-align:center;
width:66px;
}
/*GENERAL LINKS*/
/*it affects every link in the site but all those are specified in other blocks*/
a, a:link, a:visited {
color:#0B5EB4;
text-decoration:none;
}
a:hover {
color:#CC0000;
text-decoration:underline;
}
/*ITEM BOXES*/
/*font-size inerithed from table - font-family, color inerithed from body*/
.itembox {
width:auto;
}
.itembox, .itemboxsub {
background:transparent none repeat scroll 0%;
}
.itembox {
border:1px solid #999999;
}
/*title for the boxes*/
/*font family inerithed from body*/
.itemboxsub {
background-color:#DDDDDD;
color:#000000;
width:auto;
border-color:#999999;
border-style:solid solid none;
border-width:1px 1px medium;
font-size:18px;
font-weight:bold;
}
/*Update date into the title boxes*/
.itemsubsub {
color:#888888;
font-size:10px;
font-weight:normal;
line-height:10px;
text-align:right;
}
/*text in main page: [Import from Hotmail, Yahoo!, GMail, or Orkut]*/
div.add_sublabel {
color:#999999;
font-size:11px;
margin-top:3px;
}
div.homeaddcontentdiv {
text-align:center;
}
/*RIGHT RAIL*/
/*font-size inerithed from table - font-family, color inerithed from body*/
td.rail {
background-color:#558ECA;
padding-bottom:10px;
width:139px;
}
div#rail {
text-align:left;
}
.railstart {
background:transparent url(http://images.multiply.com/multiply/layout/rr_top.png) no-repeat scroll left bottom;
height:12px;
}
.railbody {
background:transparent url(http://images.multiply.com/multiply/layout/rr_middle.png) repeat scroll 0%;
font-size:12px;
padding:0pt 15px;
}
.railend {
background:transparent url(http://images.multiply.com/multiply/layout/rr_bottom.png) repeat scroll 0%;
height:21px;
margin:0pt 0pt 8px;
width:159px;
}
/*links in right rail*/
/*add here any style for the links in the rail*/
.railbody a, .railbody a:link, .railbody a:visited {
}
/*FOOTER*/
/*font-family inerithed from body*/
div#ownedfooter {
margin:0pt;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
bottom:0pt;
color:#999999;
font-size:10px;
margin:15px 169px 10px 10px;
padding:2px;
position:relative;
text-align:center;
width:auto;
}
/*Other Pages*/
/*Photos Page*/
/*Font family and color inerithed from the body*/
.album {
font-size:10px;
text-align:center;
}
/*Video Page*/
/*Font family and color inerithed from the body*/
.videothumb {
float:left;
font-size:10px;
margin:0pt 20px 20px 0pt;
text-align:center;
}
TRANSPARENT CLASSIC THEME
CSS CODE TO MAKE ALL BACKGROUNDS & BORDERS TRANSPARENT REFERENCES FOR TEXT & LINKS
Pratically loading the Classic theme in the site and pasting the code below in your blank custom CSS box, all the site will come transparent; you have to add a background image in the body {} block; almost all the text & links colors will be shown as White; look at the original code reported above to make other changes.
Of course you can to add in the code also the comments defined between the symbols /* and */ or u can to remove those
Just make sure u remove ONLY all the code between the /* and the */ for every comment and do not leave some */ here or there!
If u have some trouble about where is some box then use this trick:
temporarely add at the box u are investigating this code: border:1px solid red; eventually changing the color or increasing the width to 2px or 3px; you will see immediately where is that.
/*CLASSIC THEME - TRANSPARENT CODE*/
/*BODY*/
body {
background-color: #000000;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center left;
font-family: "Comic Sans MS", "Trebuchet MS", Arial;
font-size: 14px;
color:white;
}
/*GLOBAL HEADER*/
.header {
background:transparent none;
}
table.globalnav {
background-color:transparent;
border-bottom:1px none #333333;
}
.header a:link, .header a:visited, .header a {
color:#FFFFFF;
}
span.signoutid a.signout {
color:#FFFFFF;
}
/*font size for many parts of the site */
table {
font-size:12px;
}
/*SITE HEADER - owner - header */
div#owner_nav {
width:auto;
height:auto;
}
/*site header - site title box*/
h1#page_owner_title {
color:white;
font-family:Arial,sans-serif;
font-weight:bold;
background-color:transparent;
}
h1 {
font-size:24px;
}
/*site header - nav bar containing box 1*/
div#subnavc {
width:100%;
}
/*site header - nav bar containing box 2*/
div#subnav {
background:transparent none;
height:23px;
padding-left:10px;
}
/*Buttons*/
/*navigation bar links - selected button*/
a.toptsel, a.toptsel:visited {
background:transparent none;
color:yellow;
font-size:11px;
font-weight:normal;
height:17px;
padding-top:6px;
text-align:center;
width:66px;
}
/*navigation bar links - all buttons*/
a.topt, a.topt:visited {
background:transparent none;
color:white;
font-size:11px;
height:23px;
line-height:2em;
text-align:center;
width:66px;
}
/*Navigation bar color link when the mouse is over*/
a.toptsel:hover, a.topt:hover {
color:red;
}
/*ITEM BOXES*/
/*item boxes content*/
.itembox {
border:1px none #999999;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center left;
font-family: "Comic Sans MS", "Trebuchet MS", Arial;
font-size: 12px;
color:white;
width:auto;
}
/*title box for the item boxes*/
.itemboxsub {
background-color:transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center left;
color:#FFFFFF;
width:auto;
border-color:#999999;
border-style:none;
border-width:1px 1px medium;
font-size:18px;
font-weight:bold;
font-family: "Comic Sans MS", "Trebuchet MS", Arial;
}
/*Update date into the title boxes (corner top right of the item box)*/
.itemsubsub {
color:#FFFFFF;
font-size:10px;
font-weight:normal;
text-align:right;
}
/*text in main page: [Import from Hotmail, Yahoo!, GMail, or Orkut]*/
div.add_sublabel {
color:#FFFFFF;
font-size:11px;
}
div.homeaddcontentdiv {
text-align:center;
}
/*RIGHT RAIL*/
td.rail {
background-color:transparent;
background-image: none;
width:139px;
font-family: "Comic Sans MS", "Trebuchet MS", Arial;
font-size: 12px;
color:white;
}
div#rail {
text-align:left;
}
.railstart {
background:transparent none;
height:12px;
}
/*GLOBAL HEADER*/
area where is the MP logo and the links Inbox, Mysite .....
span.signoutid a.signout
header - visitor ID
div#owner_nav
contains both the title of the site and the navigation bar
You can add here the background for the header if you want it for both title and menu
you can to assign here the values for width and height
just remember as rule:
div#owner_nav height = site title h1#page_owner_title height + nav bar height + padding top and bottom and margin top and bottom of both those two boxes.
same for the width
h1#page_owner_title
add here the background only for the site title area
This box coincides with the Site Title Box where u add the infos via the Edit site title box div#subnavc contains div#subnav div#subnav contains all the Buttons
div#subnavc is set to transparent in this layout
use div#subnavc for the width and the padding top and bottom to enlarge the nav bar box
use div#subnav for the height and the padding left and right to enlarge the nav bar box
/*Buttons*/
code for every button/link in the navigation bar/menu.
here yuou define the style for every button in the Navigation Bar
the width and height of the buttons
add here the margin to separate the buttons one from each other
(normally it is better to use the same changes in both the 2 blocks all links and selected link otherwise u'll get a mess)
/*ITEM BOXES*/
The item box are the boxes you see in the home page in the content of the site
such as photos box, videos box, ,,,,contacts box
and so on
td.rail
here is the blue background of the rail
.railstart
used to add the top of the gray box in the rail
use this block to have a background above the headshot
.railbody
used for the body of the gray box in the rail - It contains the headshot and all the links
add here the background for the right rail
.railend
used for the bottom of the gray box in the rail
Add here a backround below the content of the rail (and below the google ads)
div#ownedfooterc
Invisible in the layout
The box div#ownedfooterc contains the box div#ownedfooter
use this to add the background to the footer and to change the height
div#ownedfooter
where is the Multiply copyright
change bottom:0pt to move upper the footer from the end of the page
use the padding-top to move down the text into the box
use the margin-top to separate the footer from the body content above
a, a:link, a:visited
it affects every link in the site but all those come specified in other blocks
/*Photos Page*/
Font family and color inerithed from the body
/*Video Page*/
Font family and color inerithed from the body
The code for the transparent theme will remove the Classic layout from your main page;
after you have made this customization look in the home page for those other posts to completing the customization
Reply Boxes Viewing History Table View Contacts and groups Headshots Personal Headshot
Note:
The best way for making a customization from a choosen customized theme is:
to realize the site totally transparent, simply by using the transparent code above in this table;
subsequently you can put new colors and borders in any box of the layout to make some change different by the transparencies
you can to change
in the background-color properties: transparent with a valid color code, such as #010101
in the background-image properties: none with url(Here_the_URL), where Here_the_URL is a valid URL
in the border-style properties: none with solid
in the assignementborder:1px none #010101; change none with solid (or others like dotted .. etc)
in the assignementbackground:transparent none; change none with a valid color such as #123456 and transparent with url(Here_the_Url)
about the text color properties (color: #FFFFFF)
I reported all the lines where to change the text color; all text and links colors are changed to #FFFFFF (white); the over link color is in red
About the other Text Properties, such as font-family, font-size and color, try as first to change those by adding the properties in the same block where is the color property for the section u are interested to change.
If u wanna change some property such as color, font size, font family, borders, background and for ANY OTHER change you would make
try simply to identify the name of the block (the SELECTOR) for the part u would change and add those properties in the block of that selector
it is not sure it will work but in many cases it will work- in other circumstances the code is overridden by other blocks/selectors
Remember to use the Body Section to insert the bg image, the text color and all the general set for the pages
You have no ideal how long people have waited for someone to do this for us!!! I am so dang happy you did this!!!!!!! Thank You , Thank You, Thank You!!!
its simple just get the code in the site providing the cbox and paste it in the welcome box you cannot use javascipt so not all the chat work here some time the provider gives an alternative codeor just try to use the only code between <noscript>...............alternative code .......</noscript>
search in the home page there is a post with the links where to find working cbox
I would love to add like a falling stars or floating starts to my site. I have a great picture of the Bee Gees as my background and would love to put like a overlay of the stars over it, can this be done and if so how? Thanks for any help. Hugs ohiocrochetgranny
alogena, Here is the link with the fireworks that I would LOVE to have. I don't need any sound effect of music. I already have music playing on my home page. I want just the fireworks to put over my picture of the Bee Gees. http://appleblossomart.ezthemes.com/pcenhance/ss/preview.phtml?blank+1477 It saids you can even put your name in fireworks but I would love "Bee Gees" in fireworks. Am I asking for too much and is this even all posible? Hope someone can help here. Hugs KJ
uhmmm Im sorry but the fireworks of the link consist in a zipped file I downloaded it and into there is a setup.exe program
probably it is a desktop theme ,, for the desktop only anyway it is better do not launch this kind of files in your PC cause you do not know what the program setup.exe is really making
as my normal behavior in internet I never will launch an executable program if I m not ABSOLUTELY sure of the integrity of the proposing site
I don't understand this and I think I never will. :(
this is a complete theme start reading and playing with some little part of the whole theme such a s to modify the header area or the navigatio bar or the footer or the rail where is the headshot or the reply boxes or the viewing history
after u played with any of these you have the complete theme you cannot understand all starting from this post you have to read some other post before
I don't understand this and I think I never will. :(
otherwise you could to select this theme one ( the clean theme ) and after to go in the custom css box and to add the code is here in the white table (the second) (the code in the left column ;) this code will remove all the preexistent code leaving the theme "transparent" as I say
then you can to start to modify the value in that code after some day looking the code you will understand the 4 or 5 parts composing the page (header itembox rail footer replies...) look the comments between /* and */ for to understanding what is that css block for
Very good, I deses share their knowledge with my contacts ok, I will give your site here in my own, if I can make a visit belez would like to be your contact a hug.
been wondering and looking all over the site for to understand this css and customise mp coz i'm new here and new to mp btw i would like to hello to this group hopefully u guys could lend me ur helping hands.
Man, this is more complicated than I thought. Isn't there just some kind of Generator out there? Like in Friendster. This'll take me days to understand. Dang.
Man, this is more complicated than I thought. Isn't there just some kind of Generator out there? Like in Friendster. This'll take me days to understand. Dang.
AFAIK no there is the generator in custom colors :)
anyway it is not so hard and you could learn something on HTML and CSS too
you should use a css editor to make the work more easily very more easily
and you could use some add on with Firefox for looking the CSS code
I suggest you to search and install FIREBUG
if you dont then you could use a theme from sharing theme groups . I think there are thousand of theme ready to use if you want make your own then using directly css is much more powerful then to use a theme generator and you will learn html and CSS CSS is basilar for making web page today
I don't understand this and I think I never will. :( 
