CSS 4 MP

Modifying Avlack Theme

Feb 19, '07 3:51 PM
by XXXX for everyone

Category:

Other

AVLACK THEME

Oiginal Code Just for REFERENCE
for the involved blocks

/*-------------AVLACK THEME---------------*/
body {
background:transparent url(http://images.multiply.com/multiply/style/avlack/bg_main.png) repeat scroll 0%;
color:#000000;
font-family:Arial,sans-serif;
font-size:13px;
}
/* HEADER */
table.globalnav {
background:transparent none repeat scroll 0%;
border:medium none;
margin:0pt auto;
width:840px;
}
/* title and nav bar */
div.owner_nav {
background:#FFFFFF url(http://images.multiply.com/multiply/style/avlack/top.png) no-repeat scroll 0pt -10px;
border-color:#FFFFFF;
border-style:solid solid none;
border-width:10px 10px medium;
height:130px;
margin:20px auto 0pt;
padding:113px 0pt 0pt;
width:760px;
}
h1#page_owner_title {
background:transparent none repeat scroll 0%;
color:#FFFFFF;
font-size:35px;
font-weight:bold;
height:68px;
padding-left:12px;
}
h1 {
font-family:trebuchet MS,verdana,sans-serif;
margin-bottom:4px;
margin-top:0px;
}
/* NAVIGATION BAR */
div#subnavc {
background-color:#3F3F3F;
border-top:6px solid #FFFFFF;
height:20px;
padding:4px;
width:auto;
}
/* content - ITEM BOXES */
div#page_start {
border-color:#FFFFFF;
border-style:none solid;
border-width:medium 10px;
margin:0pt auto;
padding:0pt;
width:760px;
}
td#maincontent {
background-color:#FFFFFF;
margin:0pt;
padding:0pt 25px 0pt 0pt;
}
.itembox {
background:#FFFFFF none repeat scroll 0%;
border-color:#C7DC4E;
border-style:dotted none none;
border-width:1px medium medium;
color:#666666;
margin:0px;
overflow:visible;
padding:5px;
width:auto;
}
/*title box*/
.itemboxsub {
color:#666666;
font-family:serif;
font-size:24px;
font-weight:normal;
}
/*Post Date (inside title boxez)*/
.itemsubsub {
color:#666666;
font-size:10px;
font-weight:normal;
line-height:10px;
text-align:right;
}
/*Post Date (inside boxez)*/
.posteddate {
color:#666666;
}
/* RIGHT RAIL */
td.rail {
background-color:#FFFFFF;
margin:0pt;
padding:0pt;
padding-bottom:10px;
width:139px;
}
.railstart {
background:transparent url(http://images.multiply.com/multiply/style/avlack/search.png) no-repeat scroll -30px 0pt;
height:27px;
margin-top:10px;
position:relative;
width:159px;
z-index:1000;
}
.railbody {
background:#EEEEEE none repeat scroll 0%;
border:medium none;
font-size:12px;
padding:15px;
position:relative;
width:129px;
z-index:1000;
}
.railend {
background:#8DA217 none repeat;
height:2px;
width:159px;
}
.railsep {
background:#AABBDD none repeat scroll 0%;
height:1px;
margin:12px 0pt;
}
/ *FOOTER */
div#ownedfooter {
background-color:#DDDDDD;
border-color:#999999;
border-style:solid none none;
border-width:1px medium medium;
color:#666666;
font-size:10px;
margin:0pt auto;
padding:10px 0pt;
width:780px;
}
/* VIEWING HISTORY */
div.stats div.infobox .boxbody {
border:1px solid #D7D9DD;
}
div.stats .infobox {
background-color:#F4F6F8;
}
div.stats {
color:#666666;
}
h4 {
font-size:14px;
margin-bottom:4px;
margin-top:0px;
}
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#0B5EB4;
}
/* LINKS */
a, a:visited, a:link {
color:#859515;
}
/* PHOTO ALBUM */
.album {
color:#FFFFFF;
float:left;
font-size:10px;
text-align:center;
}
/*Linear View*/
.itemboxalbum {
background:#FFFFFF none repeat scroll 0%;
border-color:#C7DC4E;
border-style:dotted none none;
border-width:1px medium medium;
color:#666666;
margin:0px;
overflow:visible;
padding:5px;
}
/*OTHER LINKS & TEXT*/
/*other pages - owner post administration*/
a.mine, a.mine:link, a.mine:visited {
background:transparent none repeat scroll 0%;
border:medium none;
color:#B40B0B;
}
/*other pages - visitor post functions*/
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
background:transparent none repeat scroll 0%;
border:medium none;
color:#0B5EB4;
}
/*other pages - navigation links*/
div.relatedlinks {
color:#999999;
font-size:11px;
text-align:left;
}
/*Tag:*/
div.relatedlinks {
color:#999999;
font-size:11px;
text-align:left;
}
/*text for uploading videos from other sites*/
div.add_sublabel {
color:#999999;
font-size:11px;
margin-top:3px;
}
/*links for uploading videos from other sites*/
div.add_sublabel a, div.add_sublabel a:link, div.add_sublabel a:visited {
color:#999999;
}
div.add_sublabel a:hover {
color:#859515;
}
/*TABLE VIEW*/
/*border do not removed yet*/
.tablediv1 th {
background-color:#999999;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
text-align:center;
}
.tablediv1 tr {
background-color:#EEEEEE;
font-size:12px;
}
.bodysummary {
color:#666666;
}
/* PROFILE PAGE */
/* text */
.pad6r {
color:#FFFFFF;
}
/* text size for many parts of the site */
table {
font-size:12px;
}
/* text label */
.label {
font-weight:bold;
}
/* text legend */
legend {
color:#FFFFFF;
font-weight:bold;
}

TRANSPARENT AVLACK THEME
CSS CODE FOR MAKE ALL THE BACKGROUNDS & BORDERS TRANSPARENT
ALL THE TEXT & LINKS REFERENCES

Pratically loading the avlack theme in yopur site and pasting the code below in your custom CSS box, all the site will come transparent; all the text & links colors will be changed in #FFFFFF (white);

/*-------------AVLACK THEME---------------*/
/* MAIN - Body*/
body {
background-color: :transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position:top right;
font-family:Arial,sans-serif;
font-size:13px;
color:#FFFFFF;
}
/* HEADER */
/* none */
/*TITLE*/
div.owner_nav {
background:transparent none no-repeat scroll 0pt -10px;
border-color:#FFFFFF;
border-style:none;
}
h1#page_owner_title {
color:#FFFFFF;
font-size:35px;
font-weight:bold;
}
h1 {
font-family:trebuchet MS,verdana,sans-serif;
}
/*NAVIGATION BAR*/
div#subnavc {
background-color:transparent;
border-top:6px none #FFFFFF;
}
/* Content - Item Box */
div#page_start {
border-color:#FFFFFF;
border-style:none;
}
td#maincontent {
background-color:transparent;
}
.itembox {
background:transparent none repeat scroll 0%;
border-color:#C7DC4E;
border-style:none;
color:#ffffff;
}
/*title box*/
.itemboxsub {
color:#ffffff;
}
/*Post Date (inside title boxez)*/
.itemsubsub {
color:#ffffff;
}
/*Post Date (inside boxez)*/
.posteddate {
color:#ffffff;
}
/*RIGHT RAIL*/
td.rail {
background-color:transparent;
}
.railstart {
background:transparent none no-repeat scroll -30px 0pt;
}
.railbody {
background:transparent none repeat scroll 0%;
border:none;
}
.railend {
background:transparent none repeat scroll 0%;
}
.railsep {
background:transparent none repeat scroll 0%;
}
/*FOOTER*/
div#ownedfooter {
background-color:transparent;
border-color:#999999;
border-style:none;
color:#ffffff;
}
/*VIEWING HISTORY*/
/* border */
div.stats div.infobox .boxbody {
border:1px none #DDDDDD;
}
/* bg-color and bg-image */
div.stats .infobox {
background-color:transparent;
}
/* text color */
div.stats {
color:#666666;
}
/* Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#ffffff;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo a:visited {
color:#ff0000;
}
/* General LINKS */
a, a:visited, a:link {
color:#ffffff;
}
/*PHOTO ALBUM*/
.album {
color:#FFFFFF;
font-size:10px;
}
/*Linear View*/
.itemboxalbum {
background:transparent none repeat scroll 0%;
border-color:#C7DC4E;
border-style:none;
border-width:1px;
color:#ffffff;
}
/*OTHER LINKS & TEXT*/
/*other pages - owner post administration*/
a.mine, a.mine:link, a.mine:visited {
color:#ffffff;
}
/*other pages - visitor post functions*/
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color:#ffffff;
}
/*other pages - navigation links*/
div.relatedlinks {
color:#ffffff;
}
/*Tag:*/
div.relatedlinks {
color:#ffffff;
}
/*text for uploading videos from other sites*/
div.add_sublabel {
color:#ffffff;
}
/*links for uploading videos from other sites*/
div.add_sublabel a, div.add_sublabel a:link, div.add_sublabel a:visited {
color:#ffffff;
}
div.add_sublabel a:hover {
color:#ffffff;
}
/* TABLE VIEW */
/*border do not removed yet*/
.tablediv1 th {
background-color:transparent;
color:#FFFFFF;
}
.tablediv1 tr {
background-color:transparent;
}
.bodysummary {
color:#FFFFFF;
}
/*on mouse hover*/
.tablediv1 tr:hover {
background-color:transparent;
}
/* PROFILE PAGE */
/* text */
.pad6r {
color:#FFFFFF;
}
/* text size for many parts of the site */
table {
font-size:12px;
}
/* text label */
.label {
font-weight:bold;
}
/* text legend */
legend {
color:#FFFFFF;
font-weight:bold;
}

The code above will remove the Avlack layout from your main page;
after you have made this customization look those other posts for to complete the customization
Reply Boxes
Viewing History
Table View
Contacts and groups Headshots
Personal Headshot
Navigation bar: coming soon
links in the header: coming soon

Note:
The best way for to make a customization from a choosen customized theme is:
realize the site totally transparent, simply by using the 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 assignement border:1px none #010101; change none with solid
in the assignement background:transparent none ; change none with a valid color such as #123456 and transparent with url(Here_the_Url)

about the text color properties (color: #123456)
I report below all the lines where to change the text color; all text and links colors are changed to #FFFFFF (white);

Remember to use the MAIN - body Section to insert the bg image, the text color and all the general set for the pages

(for other possible assignements like font-family look the CSS basilar syntax rules)

Tags: avlack

Next: Semi Transparencies

reply share

248 Comments

sudaduang wrote on Feb 20, '07

excellent :)

mariatv wrote on Feb 20, '07, edited on Feb 20, '07

u r welcome sweetie
there is some little add yet ...
yes I think a good job ,, for who understan this

mariatv wrote on Feb 20, '07

mmmh the result looks exactly like the site now :-)

sudaduang wrote on Feb 20, '07

it's easier to post everything here, you dont need to answer the same question everyweek... especially for the transparent boxes lol

jeanlorraine wrote on Feb 20, '07

thanks for the help mariatv.. thanks sooooo much..
one more thing whe i input the last code that you gave me there had been a white background again.. check it out

mariatv wrote on Feb 20, '07, edited on Feb 20, '07

this is for to remove the white strip in your there is a syntax error now ! copy exactly all this from the begin to the }
ALWAYS COPY ALL THE CODE of one section for to be sure do not made some syntax error and after change the values
a section for me is:

name {
----
}

div.owner_nav {
background:#29384F url(http://img.photobucket.com/albums/v650/jsaalba/hedkandi/banner.gif) no-repeat scroll 0pt 0px;
}

and this is for to remove the white border of width 10 px along the boxes
div#page_start {
border-color:#29384F ;
}

kaivelasco wrote on Feb 22, '07

maria, i think this was the one you sent me. :)

mariatv wrote on Feb 22, '07

yes this is more complete ..copying this ( the 2nd table) the site will looks exactly like this site now.
this is the base for make all the next changes

mariatv wrote on Feb 22, '07

I must to prepare some post for the beginners ....

xtianity9 wrote on Mar 5, '07

can you add the black lily theme css? thanks....!

nonio wrote on Mar 5, '07, edited on Mar 5, '07

I hve made a reply in modify 'bout black lily
http://modify.multiply.com/notes/item/674
probably one of the first of this sort I have made
I'll make a post here too .. more complete ,, but ..

I'm observing making a theme really complete is very hard ,,
this avlack theme too in incomplete indeed
relatively to the look in secondary pages

nonio wrote on Mar 6, '07, edited on Mar 6, '07

ah aha hh h
there is an error in the reply I made in
http://modify.multiply.com/notes/item/674
for removing borders I used something like
1px solid transparent;
but this works only with mozilla not with ie
it must to use something like
1px none #010101;
for removing borders with all the browsers !

Comment deleted at the request of the author.

kyllian wrote on Mar 27, '07

Thanks for sharing, Maria

haquelink wrote on Mar 28, '07

Maria, how to get the original css code of other theme? tx...

lfom wrote on Mar 28, '07

Select the theme or go to a page that uses it than use the View Source command of your browser to display the page code. Than look for the theme CSS in the beginning of the code, something like this:

< link rel="stylesheet" type="text/css" href="http://multiply.com/style/site/53.css">
< link rel="stylesheet" type="text/css" href="http://multiply.com/style/local/20.css">
< link rel="stylesheet" type="text/css" href="http://multiply.com/style/custom/avlack/16.css">

haquelink wrote on Mar 29, '07

tx!!

nonio wrote on Mar 30, '07

you can read this post

http://grouped.multiply.com/reviews/item/10

papooster wrote on Apr 5, '07

wow! u really helped me a lot! thanks! =)

janesmith06 wrote on Apr 7, '07

i still cant change the white box to transparent..

mariatv wrote on Apr 7, '07

this is the code for your site to make transparent all the white area

you must to add this code in your custom css

/*white border of hte content*/
div#page_start {
border-color:#FFFFFF;
border-width:medium 10px;
border-style:none;
}

/*white space between the rail and the boxes*/
td#maincontent {
background-color:transparent;
}

/*raight rail*/
td.rail {
background-color:transparent;
}

mariatv wrote on Apr 7, '07

more this is to make transparent the gray boxes
you have already this section in your css

/*custom.css (line 69)*/
.itembox {
background-color:transparent;
border-color:#FFCC66;
border-style:dashed dashed groove;
border-width:2px;
}

sallinasidek wrote on Apr 9, '07

thanks! this is what I've been looking for :)

0221e wrote on Apr 11, '07

thanks... i'll try that

helplessangel wrote on Apr 12, '07

thanks thanks :)

dercynessa wrote on Apr 12, '07

great tutorial!! very helpful for starters like me! ^______^

may i ask, is it possible to remove the ads? and replace it something like, picture or any stuff?

thanks! >(.^__^.)<

mariatv wrote on Apr 12, '07, edited on Apr 12, '07

only the old pay users do not have google ads
there are many tricks for to remove the ads
but they are not legal and if MP service visits your site with the removed ads you come zapped

xyiel wrote on Apr 25, '07

awesome!! =] thanks for everything!! i was looking EXACTLY for this. *hugs* lots of love!

chesca037 wrote on Apr 27, '07

thanks!! ^^ thanks alot!! =)

bishojoeliru wrote on Apr 29, '07

hey.. where should i start reading for me to make my own design. i'm not lazy, it's just that i need a guide. just a guide, thanks if you don't mind.

lfom wrote on Apr 29, '07, edited on Apr 29, '07

Choose a base theme (like avlack, sandskrit, etc) that you like most then look at the main page for links about how to customize it...
If you need, there is nice tutorial about basic CSS too.

heatedtester wrote on May 1, '07

... thanks for this tutorial... still I'm having problems with my theme... I am trying to remake it because of negative feedbacks regarding its padding... but unfortunately... I failed in removing the border in the banner; whenever I do so, the padding gets wrecked...

mariatv wrote on May 1, '07

the padding... the border ...

reformulate the problem pls

with firefox your layout it totally wrong

mariatv wrote on May 1, '07, edited on May 1, '07

remove all the assignement for the padding margin and border from
navbar and navbarc

after change this section as you see

div.owner_nav {
background:#FFFFFF url(http://i24.photobucket.com/albums/c42/chad9126/BurntBloodLowRes/BannerLowRes.jpg) no-repeat scroll 0pt -10px;
border-color:#FFFFFF;
border-style:solid solid none;
border-width:0px 0px medium;
height:222px;
margin:0px 35px;
padding:0px;
width:780px;
}

and add this code ( it is the text title I have changed the height)

h1#page_owner_title {
background:transparent none repeat scroll 0%;
color:#FFFFFF;
font-size:35px;
font-weight:bold;
height:222px;
padding-left:12px;
}

.... make this then ask me for the next step

Comment deleted at the request of the author.

melapnt wrote on May 2, '07

mariatv said

what part in the code do you put it?

mariatv wrote on May 2, '07, edited on May 2, '07

ehmm I have not understand
I change the assignment ,,,from
background-color:#123456; to background-color:transparent;
for make transparent the background of the item box .
and border-style;none for to remove the border .
and so on

melapnt wrote on May 2, '07

my gray boxes would not become transparent..what happened??

mariatv wrote on May 5, '07, edited on May 5, '07

what gray boxes?
if you are saying the title boxes you are using this code
in custom.css (line 101)

.itemboxsub {
background-color:#E6E6E6;
border-color:#000000;
color:#000000;
}

just replace
background-color:#E6E6E6;
with
background-color:transparent;

heatedtester wrote on May 7, '07

ms... i've already translated my code to this code... please see it(my site in particular) if it's mozilla friendly... hayz...X_x... i just want to ask an explanation for the album area... and i see that some scripts aren't also present (from the original avlack code... like the rolloverdnd and things...)... I would also like to ask code with regards to the (My Multiply, My Site, My Network...) thanks again!

mariatv wrote on May 7, '07

your header is this

.header .globalnav ul.gnopt a, div.header table.globalnav a.select {
color:#FFFFFF;
}
li.gnopt {
font-size:16px;
font-weight:bold;
text-align:center;
}

you know already the links settings logout and user ID

span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout:visited, a.signout:link {
color:#FF0000;
font-size:10px;
text-decoration:underline;
}

mariatv wrote on May 7, '07

the site looks equal with ie and ff
what mean with album area?

heatedtester wrote on May 8, '07

i nid explanation on what will happen when i edit them... and when i said this.. i meant them to be separate... like for example...

.album {
color:#FFFFFF;
float:left;
font-size:10px;
text-align:center;
}

with regards to the parts u removed.. i'll suppose that they aren't that necessary anymore.. thank you again!

heatedtester wrote on May 8, '07

when im at my home page the settings of the (My Site) link doesn't follow my CSS... i think it has a different code...

heatedtester wrote on May 8, '07

... i would also like to ask about the name of the albums.. (mine's white.. idunnow why... hehe...)

mariatv wrote on May 8, '07, edited on May 8, '07

heatedtester said

when im at my home page the settings of the (My Site) link doesn't follow my CSS... i think it has a different code...

yes ,,, it is visible only for you ,,, not for the visitors ...
so I do not see it ..
tell me it is the color , the font family, the size or the background color?

mariatv wrote on May 8, '07

heatedtester said

i would also like to ask about the name of the albums.. (mine's white.. idunnow why..

custom.css (line 278)

.album {
color:#000000;
font-size:10px;
text-align:center;
}

mariatv wrote on May 8, '07, edited on May 8, '07

heatedtester said

,,,what??

where do you use the block
.album{}
?

any of those block are more long
normally I insert in the block only the properties need for the changes not all the properties of the block...
for the other properies they are assigned in the other css file (not in the custom css) and they remain as the default assignment

I insert ALL the properties of a block ONLY when I write REFERENCE CODE
(the first table of this post for example)

heatedtester wrote on May 8, '07

thx ! you'r really a life saver... (in this case a theme saver!)...

Now i'm having problems with posting my theme to customized themes... i can't see the image with the letters.. thus making me unable to post... ughh!!!?!?!?...

mariatv wrote on May 8, '07, edited on May 8, '07

do you have some problem to read the text in your edit post??
only in customized or in all the gropus????
mmmh do you have changed the .dummy in the reply boxes?
look where you use the same background color in other parts of your site

mariatv wrote on May 8, '07

or it is simple to solve ,, you have to change the text color for it ,,,

heatedtester wrote on May 8, '07, edited on May 8, '07

... i think i've solved it myself already... thanks miss... REALLY! Your greatness is really... umm... GREAT!

sorry if I don't lose questions... X_x

about the (My Site) button when I'm in my home page... it doesn't look good... everything I guess? except the color... and font... (the hover also please... thanks!)

and the photos in the viewing history..(zat is if you can do anything about this...)

and what were you talking about regarding this .dummy... sorry...X_x THANKS!

mariatv wrote on May 8, '07, edited on May 8, '07

hummm forgot the dummy :-)
the viewing history page in is customizable only in the groups
not in the sites

In my site the problem is for the backgroun color or for the text color ????

heatedtester wrote on May 9, '07

The problem there is the size...X_x it keeps going back to the default size... haha

heatedtester wrote on May 14, '07

im having problems again!!! after clickng on an album, of course the page shifts to that album... the background of the list of pics in that album is not the same as my other backgroudsn... any help on this one?

lfom wrote on May 14, '07

Look for a 'STYLE BODY=' command somewhere... Maybe you had used this command in the past in some section title, etc... It has been reported before...

mariatv wrote on May 14, '07, edited on May 14, '07

probably you are using the background color for the album
-> edit album.. set background color to default

piscesamie wrote on May 17, '07

i love u

heatedtester wrote on May 19, '07

my background was shadow...X_x<<

dogsmurf wrote on May 27, '07

hi! i'm sorry, i don't know anything about html.. can u please help me modify my theme? i've been copy-pasting everything and changing this and that, but i can't seem to make my theme transparent. maybe i could send you a private message containing the css, and you can edit it?

xxkristianisafakexx wrote on May 28, '07

hi! i modified a pre-made multiply theme so that it appears as it is now. unfortunately, i can't make it transparent, and there's still a bit of white at the bottom part which i can't seem to get rid off. is it ok if i send you the css? and if you could help me edit it?

mariatv wrote on May 28, '07

I view the code directly in your site
I have changed the white in Red #FF0000

div.owner_nav {
background:#FF0000 url(http://x8f.xanga.com/12fd6260c9633124916483/w90423738.jpg) no-repeat scroll 0pt -10px;
border-color:#FFFFFF;
border-style:solid solid none;
border-width:1px 1px medium;
height:250px;
margin:1px auto 0pt;
padding:113px 0pt 0pt;
width:700px;
}
td#maincontent {
background-color:#FF0000;
margin:0pt;
padding:0pt 25px 0pt 0pt;
}

mariatv wrote on May 28, '07

dogsmurf said

i'm sorry, i don't know anything about html.. can u please help me modify my theme? i've been copy-pasting everything and changing this and that, but i can't seem to make my theme transparent. maybe i could send you a private message containing the css, and you can edit it?

I can aid but I do not make all the theme .
I reply only if I see directly the site
I do not want to see the code .
Only the site with the theme already loaded.

anyway there are 17 themes ..
if you choose avlack and you paste this code in your css box I guarantee you get the theme totally transparent

xxkristianisafakexx wrote on May 28, '07

wow thank you so much! i changed the red to transparent.. anyway, one more thing, how can i make the entries in the guestbook transparent, too? and also is it possible to change the position of my headshot and the picture of the broken heart? i wanted the heart below the headshot. is that possible?

mariatv wrote on May 28, '07

for the guestbook look at the post of the reply boxes in Index
or there is a post for the gusetbook in FAQ out of index
look at the main page for the links

mariatv wrote on May 28, '07

for the second question the more simple thing is
to remove the backgrounmd from the rails start and to use this

.railbody {
background:transparent url(http://xe7.xanga.com/e82d5b3615231125171632/w90633555.jpg) no-repeat scroll center 150px;
border:medium none;
font-size:11px;
padding:19px;
position:relative;
width:129px;
z-index:1000;
}

next you can to move the links in the rail below

mariatv wrote on May 28, '07

#home_guestbook .replybox {background:transparent none;}

ahh
sometime I find new code ehehhe

#home_guestbook .replybox {background:#0000FF none;}
#home_guestbook .replyboxodd {background:#FF0000 none;}

xxkristianisafakexx wrote on May 28, '07

yay, they worked! ok, last two questions.. (sorry for the bother!) i did change the rail body and the railstart, but the picture is now a bit covered. so is it possible to move the headshot higher or move the google ads lower? and finally, i don't know how to make the texts in the guestbook white, because they're black and can't be read (since i changed the background to transparent), so how do i make them white? again, thank you very much!

mariatv wrote on May 28, '07

.railbody div.userlogo {
margin-bottom:120px;
position:relative;
}
#home_guestbook .replybox {
background:transparent none repeat scroll 0%;
color:#FFFFFF;
}

xxkristianisafakexx wrote on May 28, '07

thank you thank you and thank you! my site's how i've always wanted it to be, thanks to you!

lapazbatchoy wrote on May 31, '07

hi!! i need your help...i didn't understand the codes...

anyways how can i make the white thing on my profile transparent? anyway tsi is my current css codes...

/*PAGE TOP*/
div.owner_nav {
border: none;
margin: 0 auto;
height: 247px;
width: 780px;
border: 0px solid #fff;
border-bottom: none;
padding: 39px 0px 0px 0px;
background: url(http://i14.photobucket.com/albums/a301/rapmontes/top1.gif) no-repeat top center;
background-color: #fff;
background-position: 0 0px;
}

/*PAGE TOP MENU*/
div#subnavc {
padding: 107px 0 0 0;
background-color: #FFF;
border: none;
width: 780px;
height: 40px;
background: url(http://i14.photobucket.com/albums/a301/rapmontes/menu.jpg) no-repeat bottom center;
}

/*RIGHT MARGIN*/
.railstart {
margin-top: 1px;
height: 280px;
width: 160px;
background: url(http://i14.photobucket.com/albums/a301/rapmontes/right.jpg) no-repeat center center;
position: relative;
}

.railend {
height:150px;
width: 160px;
background: url(http://i14.photobucket.com/albums/a301/rapmontes/right.jpg) repeat center center;
position: relative;
}

/*INFO BOX & POLL*/

div.infobox .boxbody {
padding: 10px;
border: 1px solid #ccc;
position: relative;
}

div.infobox { bottom: 10px;
background: url(http://i14.photobucket.com/albums/a301/rapmontes/lifeshit.jpg);
}

/*REPLY BOX*/
.replybox {
color: #000000;/*text color reply box*/
padding: 6px;
margin: 20px 3px 20px 3px;
background: url();
repeat-x top left;
background-color: #ffffff;
background-position: -25px -25px;
border: 1px solid #FFBC00;
}

/* item contents area */

.itembox {
background: url() no-repeat bottom right;
border-color: #000000;
color: #000000;
}

/* item box titles */

.itemboxsub {
background-color: #e6e6e6;
border-color: #000000;
color: #000000;
}

body {
background: url(http://i14.photobucket.com/albums/a301/rapmontes/lifeshit-1.jpg) repeat fixed top left;
}

thanks!! in advance...

mariatv wrote on May 31, '07

just look at the second table in this page
search for the code
/* Content - Item Box */
and past all the part in your custom css box

this is all the code for avlack
just copy any part of the code
paste it in your custom css box
click the preview and you understand what is the part involved.

lapazbatchoy wrote on May 31, '07

mariatv said

ok thank you very much your so good at this! ;) God Bless!

gmajor7 wrote on May 31, '07

may i know what is the codes to disgard the advertisement in the right rail?

mariatv wrote on May 31, '07, edited on May 31, '07

E=mc²

imoet88 wrote on Jun 6, '07

thx for d`information... $_$
if i`ve had question i`ll aask you..

mariatv wrote on Jun 6, '07

ok
^.^

davelovesevan wrote on Jun 8, '07

hi there mariatv, help please..my page is already transparent the way I want it, but it's a mess, im thinking of putting back the white background on the titles, so in that way there's a division for each item boxes, but i cant figure which html to edit.. thanks!

mariatv wrote on Jun 8, '07

not is clear where you want put the white

maybe do u want to move lower the navigation bar?

neoc wrote on Jun 8, '07

Nice...

davelovesevan wrote on Jun 9, '07

oh sorry, in those titles about me,pictures, videos,guestbooks etc..

mariatv wrote on Jun 9, '07

here is
/*title box*/
.itemboxsub {
color:#ffffff;
}
/*Post Date (inside title boxez)*/
.itemsubsub {
color:#ffffff;
}

mariatv wrote on Jun 9, '07

of cours add in those sections all you want
background color , bg image , font size .. font family etc ......

happyfeetsandals wrote on Jun 10, '07

Hi! Thanks for your tips in customizing our multiply themes. I have been following your instructions and have managed to customize most of the stuff in my site. Im having some problems with the background color of the photos page though. It's not the same color as all the rest of my item boxes. (I want it to be hot pink also, but the color is a light grayish green)> How do I change that?

Hope you can help. Thanks!

happyfeetsandals wrote on Jun 10, '07

Oh, nevermind, I figured it out! Thanks anyway! =)

karpetbiru wrote on Jun 12, '07

cool, way cool, thanks for the info and thansk to mariatv for showing me the way you guys ROCK!

liezr0x wrote on Jun 15, '07

hi! the photos on my profile still has a white background.can you give me the code to make it transparent?

mariatv wrote on Jun 15, '07

hi liez
the code is here
http://grouped.multiply.com/reviews/item/37

more there is a white border in your headshot
you have to edit the headshot as transparent gif before to upload it

oich wrote on Jun 16, '07

thank you

liezr0x wrote on Jun 16, '07

hey! im sorry.i still dont get it.thanks anyway. =D

liezr0x wrote on Jun 16, '07

i get it now
thank you soo much!!!

lapazbatchoy wrote on Jun 24, '07

what's the definite or the most likely size of a background pic in pixel size...uhmm anyone? thanks

mariatv wrote on Jun 24, '07

ok
I will make a post with my personal idea about this

Create a New Account

Who is on Multiply?

Want to learn more?

Already a Member?

CSS 4 MP