MultiplyLogo

Create a New Account

Join for Free

Who is on Multiply?

Find your friends

Want to learn more?

Take the Tour

Already a Member?

Sign In

Modify Your Multiply Profile

MessageChange Font and Font Colors? Jan 7, '07 2:25 AM
by Meldeine for everyone
I am currently using Black Lily as my theme. I was able to modify the background and would like to change all the fonts to Arial and change all the colors to gray (#333333, #CCCCCC). Can someone please help me? I'd like to make my site monochrome.

Also, how do I remove the pictures on the theme? I'd like to get rid of the Black Lily picture on my headline and the picture on top and bottom of the Google add.

40 Comments
Comment deleted at the request of the author.
reply
afterinfo wrote on Jan 7, '07
You can not change the google ad colour.. it depends on the theme you are using..
Comment deleted.
reply
ememfrick wrote on Jan 7, '07
i clicked on this link but it said

blog entry Not Found
This blog entry no longer exists. It may have been deleted by the author, or hidden from view.
Comment deleted at the request of the author.
Comment deleted at the request of the author.
reply
afterinfo wrote on Jan 7, '07, edited on Jan 7, '07
direct link is

http://afterinfo.multiply.com/journal/item/125

Clicking on the above link will open a new window.....
reply
ememfrick wrote on Jan 7, '07
its not working for me, maybe i have to be your contact? i swear i'm not crazy... i can even send you a screen shot if you like. :)
reply
ememfrick wrote on Jan 7, '07
thanks any way, i figured it out (well part of it - still don't know how to do the semi-transparent background on boxes). i downloaded the original css file and modified it with dreamweaver then i pasted it on the custom css.
reply
mariatv wrote on Jan 7, '07
semitransparent .?^^ ... mmm
maybe something like

-moz-opacity:0.60;
filter:alpha(opacity=60);
reply
james1960 wrote on Jan 7, '07
The drawback with the semi-transparent is it bogs down some systems to a crawl. If you go that route, check with all of your contacts to make sure they can still load your page!
reply
mariatv wrote on Jan 7, '07, edited on Jan 7, '07
really ?
I haven't tested this yet,.,
and my system is normally "bogged down to a crawl" ยง:o)

do u know if is it bounded to some specific browser?
or maybe it depends from the graphic adapter ??

reply
afterinfo wrote on Jan 7, '07
I Myself think its down to there graphic addapter myself.
Comment deleted.
reply
mariatv wrote on Jan 7, '07
anyhow it make also text transparent
so it must to think carefully where to put the semi-transparencies and making an appropriate text color and background
semi transparent is a nice effect indeed
reply
ememfrick wrote on Jan 7, '07
thanks! it worked! :)
but it didn't turn out the way i thought it would. :( i couldn't read anything even when i upped the number. i'll have to use it on a different theme when i change it.
reply
mariatv wrote on Jan 7, '07, edited on Feb 16, '07
BLACK LILY THEME
CSS CODE FOR TO MADE ALL THE BACKGROUNDS
TRANSPARENTS & BORDERS
HERE THE WHOLE SECTIONS JUST AS REFERENCE

/*-------------BLACK LILY THEME---------------*/

/*TITLE & HEADER*/
div.owner_nav {
background:transparent none no-repeat scroll left top;
height:210px;
padding:0pt;
}
table.globalnav {
background:transparent none no-repeat scroll left top;
border:medium none;
height:42px;
width:100%;
}
/*NAVIGATION BAR*/
a.toptsel, a.toptsel:visited {
background:transparent none repeat scroll 0%;
color:#FFFFFF;
float:left;
font-size:11px;
font-weight:bold;
height:19px;
line-height:1.2em;
padding:10px 0pt 0pt;
text-align:center;
width:68px;
}
a.topt, a.topt:visited {
background:transparent none repeat scroll 0% 50%;
color:#FFAA00;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:19px;
line-height:1.2em;
padding:10px 0pt 0pt;
text-align:center;
width:68px;
}
/*BODY*/
.itembox {
background-color:transparent;
border:medium none;
margin:0px;
overflow:visible;
padding:5px 10px 10px;
width:auto;
}
.itemboxsub {
background-color:transparent;
border:medium none;
color:#CC0000;
font-family:serif;
font-size:18px;
font-weight:bold;
padding-left:5px;
width:auto;
}
/*RIGHT RAIL*/
.railstart {
background:transparent none repeat scroll 0%;
height:80px;
margin:0pt;
width:184px;
}
.railbody {
background:transparent none no-repeat scroll left top;
border:medium none;
margin:0pt;
padding:0pt 0pt 0pt 45px;
width:139px;
}
.railend {
background:transparent none no-repeat scroll left bottom;
height:81px;
width:184px;
}
/*FOOTER*/
div#ownedfooter {
bottom:0pt;
font-size:10px;
padding:2px;
text-align:center;
width:auto;
background-color:transparent;
color:#999999;
margin:0pt;
border:1px none transparent;
}
div#ownedfooterc {
border-bottom:1px none transparent;
border-top:1px none transparent;
margin-top:40px;
}

BLACK LILY THEME
THIS IS THE MINIMAL CODE NECESSARY FOR MADE
ALL THE BACKGROUNDS & BORDERS TRANSPARENTS

/*-------------BLACK LILY THEME---------------*/

/*TITLE & HEADER*/
div.owner_nav {
background:transparent none no-repeat scroll left top;
}
table.globalnav {
background:transparent none no-repeat scroll left top;
}
/*NAVIGATION BAR*/
a.toptsel, a.toptsel:visited {
background:transparent none repeat scroll 0%;
}
a.topt, a.topt:visited {
background:transparent none repeat scroll 0% 50%;
}
/*BODY*/
.itembox {
background-color:transparent;
}
.itemboxsub {
background-color:transparent;
}
/*RIGHT RAIL*/
.railstart {
background:transparent none repeat scroll 0%;
}
.railbody {
background:transparent none no-repeat scroll left top;
}
.railend {
background:transparent none no-repeat scroll left bottom;
}
/*FOOTER*/
div#ownedfooter {
background-color:transparent;
border:1px none transparent;
}
div#ownedfooterc {
border-bottom:1px none transparent;
border-top:1px none transparent;
}

/*-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-*/

if u want another color then search the right section and replace the word TRANSPARENT with the appropriate code color
(#000000 is black; #FFFFFF is white)
if u wanna add a background find the right section and replace the word NONE with
url(background_URL)

here a list of code colors
afterinfo.multiply.com/journal/item/125
I'm making another list here

The compact forme:
background: #FFFFFF url(bg_URL) no-repeat scroll left top;
/*please note separation from different fields is made by blank space; not using ; semicolons */
is equivalent to:
background-color: #FFFFFF; /*transparent for removing it*/
background-image: url(bg_URL); /*none for removing it*/
background-repeat: no-repeat; /*repeat or repeat-x or repeat-y or no-repeat*/
background-attachment: scroll; /*scroll or fixed*/
background-position: left top; /*x (orizzontal): left or center or right or x%;
y (vertical): top or center or bottom or y%*/

The text font color in any section is reguled by
color: #xxxxxx; /*text color*/

The text font family in any section is reguled by
font-family: Georgia, "Times New Roman", Times, serif; /*browser use the first available in this list*/

The text font size in any section is reguled by
font-size: 12px; /*changing the number otherwise using notations like large,medium,small,larger,smaller,x-large,x-small...etc. */

/*-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-*/

add the new code below the other u have in custom CSS

/*-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-*/

Comment deleted at the request of the author.
reply
mariatv wrote on Jan 7, '07, edited on Jan 7, '07
wow what a rapid reply :-)
tnx dance .,.,.
I have not extemporized :-)
Comment deleted at the request of the author.
reply
mariatv wrote on Jan 7, '07, edited on Jan 7, '07
and so you are miraculous too
reply
ememfrick wrote on Jan 7, '07
this is cool thanks! is there a way for me to apply the opaque code just for the background and not the text and contents of the boxes? sorry for all the questions... i'm not good with coding... i just use dreamweaver. thanks for all the help. :)
reply
mariatv wrote on Jan 7, '07, edited on Jan 7, '07
well me too I'm using dreamweaver :-)
as my actual knowledge I don't know
reply
ememfrick wrote on Jan 7, '07
oh cool. :), then i'm 1 step closer... and a million more to go to get to your level. i just started playing around with web designing. its fun and interesting... the only bad thing is that it eats up way too much time.
reply
mariatv wrote on Jan 7, '07
it is so
very bad thing
reply
trickynikki wrote on Jan 9, '07
mariatv said
FOR BLACK LILY THEME
THIS IS THE CSS CODE FOR MAKE ALL THE BACKGROUNDS
TRANSPARENTS
HERE THE WHOLE SECTIONS INVOLVED

/*-------------BLACK LILY THEME---------------*/

/*TITLE & HEADER*/
div.owner_nav {
background:transparent none no-repeat scroll left top;
height:210px;
padding:0pt;
}
table.globalnav {
background:transparent none no-repeat scroll left top;
border:medium none;
height:42px;
width:100%;
}
/*NAVIGATION BAR*/
a.toptsel, a.toptsel:visited {
background:transparent none repeat scroll 0%;
color:#FFFFFF;
float:left;
font-size:11px;
font-weight:bold;
height:19px;
line-height:1.2em;
padding:10px 0pt 0pt;
text-align:center;
width:68px;
}
a.topt, a.topt:visited {
background:transparent none repeat scroll 0% 50%;
color:#FFAA00;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:19px;
line-height:1.2em;
padding:10px 0pt 0pt;
text-align:center;
width:68px;
}
/*BODY*/
.itembox {
background-color:transparent;
border:medium none;
margin:0px;
overflow:visible;
padding:5px 10px 10px;
width:auto;
}
.itemboxsub {
background-color:transparent;
border:medium none;
color:#CC0000;
font-family:serif;
font-size:18px;
font-weight:bold;
padding-left:5px;
width:auto;
}
/*RIGHT RAIL*/
.railstart {
background:transparent none repeat scroll 0%;
height:80px;
margin:0pt;
width:184px;
}
.railbody {
background:transparent none no-repeat scroll left top;
border:medium none;
margin:0pt;
padding:0pt 0pt 0pt 45px;
width:139px;
}
.railend {
background:transparent none no-repeat scroll left bottom;
height:81px;
width:184px;
}
/*FOOTER*/
div#ownedfooter {
bottom:0pt;
font-size:10px;
padding:2px;
text-align:center;
width:auto;
background-color:transparent;
color:#999999;
margin:0pt;
border:1px solid transparent;
}
div#ownedfooterc {
border-bottom:1px solid transparent;
border-top:1px solid transparent;
margin-top:40px;
}

FOR BLACK LILY THEME
THIS IS THE MINIMAL CODE NECESSARY FOR MAKE
ALL BACKGROUNDS TRANSPARENTS

/*-------------BLACK LILY THEME---------------*/

/*TITLE & HEADER*/
div.owner_nav {
background:transparent none no-repeat scroll left top;
}
table.globalnav {
background:transparent none no-repeat scroll left top;
}
/*NAVIGATION BAR*/
a.toptsel, a.toptsel:visited {
background:transparent none repeat scroll 0%;
}
a.topt, a.topt:visited {
background:transparent none repeat scroll 0% 50%;
}
/*BODY*/
.itembox {
background-color:transparent;
}
.itemboxsub {
background-color:transparent;
}
/*RIGHT RAIL*/
.railstart {
background:transparent none repeat scroll 0%;
}
.railbody {
background:transparent none no-repeat scroll left top;
}
.railend {
background:transparent none no-repeat scroll left bottom;
}
/*FOOTER*/
div#ownedfooter {
background-color:transparent;
border:1px solid transparent;
}
div#ownedfooterc {
border-bottom:1px solid transparent;
border-top:1px solid transparent;
}

/*-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-*/

if u want another color then search the right section and replace the word TRANSPARENT with the appropriate code color
(#000000 is black; #FFFFFF is white)
if u wanna add a background find the right section and replace the word NONE with
url(background_URL)

here a list of code colors
afterinfo.multiply.com/journal/item/125
I'm making another list here

The compact forme:
background: #FFFFFF url(bg_URL) no-repeat scroll left top;
/*please note separation from different fields is made by blank space; not to use ; semicolon */
is equivalent to:
background-color: #FFFFFF; /*transparent for removing it*/
background-image: url(bg_URL); /*none for removing it*/
background-repeat: no-repeat; /*repeat or repeat-x or repeat-y or no-repeat*/
background-attachment: scroll; /*scroll or fixed*/
background-position: left top; /*x (orizzontal): left or center or right or x%;
y (vertical): top or center or bottom or y%*/

The text font color in any section is reguled by
color: #xxxxxx; /*text color*/

The text font family in any section is reguled by
font-family: Georgia, "Times New Roman", Times, serif; /*browser use the first available in this list*/

The text font size in any section is reguled by
font-size: 12px; /*changing the number otherwise using notations like large,medium,small,larger,smaller,x-large,x-small...etc. */

/*-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-*/

add the new code below the other u have in custom CSS

/*-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-*/
...question... what about the avlack theme? could you help with that? changing the font AND the color? well i guess color no prob but what about changing the font? ^_^ help me...
thanksh
reply
mariatv wrote on Jan 9, '07
avlack .. avlack ...avlack ,.,.,,
AVLACK is
here
http://modify.multiply.com/notes/item/653



reply
francescalujan wrote on Jan 9, '07
Dear Ladies and Gentleman,
I have read your amusing and informative posts. I still do not know how to change my font. Could you please tell me how to change my font to Papyrus. Can you please help me?
Thanks, Najea
reply
mariatv wrote on Jan 9, '07, edited on Jan 9, '07
body {
font-family:papyrus;
}
reply
trickynikki wrote on Jan 11, '07
mariatv said
avlack .. avlack ...avlack ,.,.,,
AVLACK is
here
http://modify.multiply.com/notes/item/653
thanks! ^_^
reply
nkamri wrote on Jan 14, '07
hrmm.. transparent...
reply
keluargadani wrote on Mar 6, '07
guys, any idea how to change image background randomly, i mean css code random background image rotation ?
reply
kienamn wrote on Sep 13, '07
at last i found black lily css code.. thanks maria
reply
zeamedia wrote on Sep 17, '07
Thanks for Black Lily CSS Code ^_^
reply
rmcn wrote on Jan 26
do you have the reference code where in i could change it by my own way. the transparent code is hard for me. pls. help. thanks.
reply
rmcn wrote on Jan 26
Image Hosted by ImageShack.us
how could i make that part transparent or change into different color and background?
reply
pppphoebeeee wrote on Apr 6
dear ladies and gentlemen, please help me. How do I change the font color of my site? Please, oh please :)
reply
renrono wrote on May 12
Hi,I just to ask if i can make my own webpage and use it as my homepage on my multiply? thank you!!!!!!!!!!1
reply
ehm09 wrote on May 24
Hey :>
How Can I Change The Font In Custom Colors Theme. :>
reply
ianagriner wrote on Jul 20
please help...i don't know how to put different fonts in my item boxes...
audio reply video reply
Add a Comment
   
Modify your Multiply Profile
Join this Group!RSS FeedHelp on RSS FeedsAdd to My Yahoo
Report Abuse
© 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help