How
to change my background color?
How to change my background image?
How to change Text Color, Font Size and Font Family?
How to change the links color?
I
presume you have already made some change at your profile ,
such as to use a base theme or a custom theme chosen in the page
This is the first change you could try.
The Body section give the general look of your site.
Here you define fundamentally the Background Color, Background
Image, the Font Family and Size and
the Text Color.
About all the text properties such as color, font family etc. note that
it is possible to change those in more detail;
this body section give the general style for the site, but every assignment
can be overriden by other more specific assignments.
Here you find some syntax rule to modify the ssignements: tables
of the properties equivalences
if
you are using the Custom Theme then you have to read this
other post.
You can read the other post or you can only to apply the step 0 and
then return here and prosecute to read this post.
How
to use this code
Just go in
>Customize your site >Custom CSS http://multiply.com/setup/pages/upload-css
if your box is void simply you have to add the code in the custom CSS
box and save it
if you find some code in your custom CSS box
(cause you have already made some customization or you are using the
Custom Theme and not a base customized theme)
then just search in your custom css box for all the sections: body {
..........
}
and replace it with the code of the "Main Body" below
x (horizontal): left or center
or right or x%;
y (vertical): top or center or bottom or y%
This is the code relative to the general links color in
your site
This link color can be overridden by other more specific assignments
hover is the color when the mouse is hovering the link;
Normally the Font Family is inerithed by the Main Body section
above;
the Font Size is defined by other assignments depending by the
kind of link.
/*
General Links */ a, a:visited, a:link { color:#FFFFFF; } a:hover { color:#FF0000; text-decoration:underline; }
text-decoration:underline;
underline or none or line-through
or overline or blink
this section or selector is the more general in the custom CSS it affect all the site but you can override this values in specific parts of the site using the other sections you use in the CSS
for example your actual body selector is this : /*custom.css (line 8)*/ body { background:transparent url(http://img405.imageshack.us/img405/3935/seacalm1300x700zj5.jpg) repeat fixed center; color:black; font-family:georgia; } /*20.css (line 232)*/ body { margin:0pt auto; width:850px; } /*52.css (line 1)*/ body { background-color:#F4F6F8; font-size:13px; height:100%; padding:0pt; }
when you put an image as bg you can define these other assignements:
background repeat if you want the background repeated .. when the background is made with a little picture repeated ... for example in the post http://grouped.multiply.com/photos/album/1 there is a background repeated in both the directions
conversely the bg of this page is set to no-repeat
getting hot in here??? =D sometimes people who ask doesnt really know how to start or which to start or even what would happen if they start tinkering with the css. please be a bit patient with people like us. maybe we could better help them if when we direct them into a certain page type in the link. so it would be easier for them to locate it. just a thought. anyway we are helping so lets push it more. =D
I did it: all the links are listed in the main page. You just need to read it, locate the link and follow it. Too many people simply join a group and ask questions, without reading anything. It's laziness. Many questions are already answered, and Maria did a great job categorizing and listing the tutorials in the main page. ;)
I did it: all the links are listed in the main page. You just need to read it, locate the link and follow it. Too many people simply join a group and ask questions, without reading anything. It's laziness. Many questions are already answered, and Maria did a great job categorizing and listing the tutorials in the main page. ;)
simply because they want to learn. they ask because they dont know. even if you present someone with an enumeration of the how to's if they dont know where to start they wouldnt really know where. because for someone the technical terms you guys use are simply all greek to us. you know like "speak in english" you know what i'm sayin.
ya'll did a great job here. and i know that ya'll are not getting paid for it. but not all people are like you or your comrades. that's why your fingers come in different sizes. brains too (i think) are....wejejejjee =D
ya'll are lucky to be very analytical and knowledgeable in all these aspects.
for what you guys do...you should have placed a 10 stars here for me to check it =D
it is not becoz' they dont know, its simply becoz' they are lazy to do a search. its so simple u click "Home" tab and u look for the subject that u want. if there's none then u ask. dont ask question that had been asked b4. it is soooo Simple
it is not becoz' they dont know, its simply becoz' they are lazy to do a search. its so simple u click "Home" tab and u look for the subject that u want. if there's none then u ask. dont ask question that had been asked b4. it is soooo Simple
i rest my case. wejejejjee....!!! loooooooooong thread a bit OT but...still long thread =D
sure the first approach to the code is the more traumatic and hard
replying about the question of noreen . purpleroyalty Luiz said all she is using avlack .. and it is simple get transparent avlak from the home page of the group I'm making the main page for to allow all ppl to find infos without to ask :-)
about beginners there is some post here dedicate to the beginners I have to point out better those posts in the main page the concepts to know for a beginner are not much
the technical therms are a necessity and sure I cannot to explain all the definitions I use in any post .. cause the posts are enough long to read and to make so :-)
sure they have to get over the initial problem of to approach changing layout
hi, i've been reading your posts and i was just wondering if you could please help me. i can't seem to change the background image in the other sections of my page (like photos, blog, etc.) whenever i change the css code, it only changes the look of the home page. but when you click on the other sections, it won't come out, it would still be the same image i used when i first customized my css. please help me, i've tried everything already but it's still the same.
If you saved the Custom CSS and it does work in the main page, try force-refreshing the browser or resetting it (empty the cache and delete all cookies). It usually works...
Some links are pink and some are white, and you removed the icons, so what's exactly the problem? Maybe you have errors in your Custom CSS, double-check it...
mariatv wrote on May 11, '07, edited on May 11, '07
doesnt exist a rule
just for having a statistical idea of the screen resolution used from the ppl on our PC
10% use 800X600 60% use 1024 X768 28% use 1280X1024 2 % use 1600X1400
so for the banner normally u use a max width of 800 px minus 14 px for the scroll bar = 786px or 800 px minus 14 px for the scroll bar minus about 155 px for the rail = 630 px
for the background with only one big image without repeat... hmm it is a problem ..
the rule I think is .. use any image but you have to shading the image to only one color and you will use that color as background color as I have made in my site mariatv otherwise you have to use the bigger size for the image as possible ...( the problem is the KBytes of the image ) optimizing the view for the 1024 X 768 view (removing the scollbar and the tipical toolbar the real size is 1010 X 580 pixel) and making the view compatible with 800 X 600 (an acceptable view) so I have made for this group now ,, I use a 1280 X 1024 ... or something like this ,,, but really not is a good professional solution.
a good solution is an image of 1010 X 580, visible by 800 X 600 monitors, shading the borders to one only color used as background color
help! my CSS codes are all gone! huhuhu. . .is there any way i can retrieve it? i accidentaly chose a theme when i tried to customize my site. . .then it's all gone. . my site now sucks! help please?
uhmmm actually you have the custom theme so look here http://multiply.com/setup/pages/themes .. if you have changed from a customized base theme to the custom theme then you have lost your custom css code ,, it has been replaced from the code of the custom theme I'm sorry dear
Maria, I like your theme here. Can you give me the code? I love to paint. But I'm lousy at the computer. You're great! You're teaching so many people! Thank you!
everywhere you see the property color in the same block you can plausibly to add any other property relative to the text aspect such as size font family etc ,.,, the bold too
.replybox, .replyboxread, .quotet { color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial; /* any other property 'bout the text in the replies */ }
to change the boxes from transparency to a background image you have to add the background image changing none with url(image_URL) in the lines background:transparent none repeat scroll 0%; or adding background-image: url(image_URL); where you see background.color: transparent;
but for avlack it is a bit complex to add a whole background cause as u see it is composed by many little parts .. avlack is as a puzzle
mmmh the blue vertical line ( of skyline theme ! ) is here td.rail { border-left:1px solid #9999FF; }
in the music foder it depend by the setting you choose for every post .. if it is public it is visible by any visitor also if not logged in MP for the player in the main page you have to use files posted for everyone and it is visible only if you are logged in
to get the URL of the picture you have to right click the picture get the properties in the little window popup that will appears copy the address URL of the image
click the link to verify this you see the difference
if you do not have the link in a web page just paste the URL in the address bar of the browser and go to the address you have to see the picture and ONLY the picture ,, not other objects.
hey help me!i do not want to repeat my background pic so changed repeat to no-repeat and my pic is at the center and very small. i want to enlarge my pic that will cover my screen please help me thank u
wendyweh wrote on Jul 29, '07, edited on Jul 29, '07
maria, pls help me again. i want to change the font of my whole profile to tahoma[whether it's a link or what]. i couldn't see the codes that will only change the font.. and one more, how can i change the text color in the part where you will write your replies or the form only? pls. help me. much appreciation for your help again. thanx in advance. =]
ahahhah h from where u have got div#itemreplyform { opacity:0.7; }
its good it s a new id in the code to select only the whole box where to write the replies
thanks for having time on me. it's fine, i have experimented a code i see in common for text colors and tried too add it up. well, still, thanx. without your help, my site would be nothing.[=
hi..my layout is a mess. having a hard time affixing for the right font size, pixels.
hi your layout looks as the standard skyline indeed ..
the font size is reguled in many places in the code
just look at the post I made on skyline (search it from the home page of the group) and look for all the lines font-size:12px (the code 12px is an example)
so u have to change the size for the text from there
more in any block u see color:#123456; you can tyo add in the block a NEW line such as font-size:14px;
to change the size in that block overridding the inherited size from another block
now ,, sure u have understan nothing ,,,=o) 
