let us talk about css
To make changes or modification
customize your template
go to >>EDIT HTML
scroll the text into HTML code in css definition section
body{
BACKGROUND: #008000; MARGIN: 0px;
FONT: small Georgia Serif;
COLOR: #333333; TEXT-ALIGN: center
}
Here css body definition are shown
the attribute taken may be vary
and this will depend upon author how they are defind
let us talk about first attribute background
it
describe whole background color of your webpage or blog page
there are more than 256 color and
too many hexa decimal color code
defind for HTML you now will see all color code
We write the Hex color using six bits, as HEX color code of
black color is #000000. Hex color code is the combination of
Red, Green, Blue (RGB) colors. First two zero's in the code
represents the Red color, third & fourth zero's represents
the Green color and fifth & sixth zero's represents the
Blue color. 'F' is the maximum value of each zero. Hence if
want the HEX color code of red color then just make the write
the the maximum value of the zero's representing the Red color.
i.e Hex color code for red color is #FF0000. Similarly you can
create the HEX color code for Green & Blue also
Color
Color
HEX
Color
RGB
#000000
rgb(0,0,0)
#FF0000
rgb(255,0,0)
#00FF00
rgb(0,255,0)
#0000FF
rgb(0,0,255)
#FFFF00
rgb(255,255,0)
#00FFFF
rgb(0,255,255)
#FF00FF
rgb(255,0,255)
#C0C0C0
rgb(192,192,192)
#FFFFFF
rgb(255,255,255)
Colors
So now you can easily have too many colors on your web page.
Artical Published
- Add fixed background image
- Give Nice Profile look
- Google says Quality Not Quantity
- Add meta tag to blog
- How to Get Rank in Google Search
- Blogger sitemap to Google
- Supescripted Word In Post
- Subscripted word in Blog
- Table element demonstration
- Table tag in blog post(intro)
- Table tag in blog post
- #blog -pager
- #blog-pager-newer-link
- #body#layout#footer
- #body#layout#header
- #body#layout#header-wrapper
- #body#layout#newsidebar-wrapper
- #body#layout#outer-wrapper
- #body#layout#sidebar-wrapper
- #comment block
- #comment h4
- #comment-block .author-comment,comment-body
- #comment-block .comment-blody p{ }
- #comment-block .comment-footer
- #footer
- #header
- #header .description
- #header a,#header a:hover { }
- #header H!
- #Header-wrapper
- #main-wrapper
- #navbar-iframe
- #outer-wrapper
- #sidebar-wrapper
- .author-comment p{ }
- .feed-link, .sidebar
- .main .blog
- .main .widget
- .post blockquote p{ }
- .post blockquote { }
- .post H3
- .post H3 a { }
- .post H3 a:visited { }
- .post H3 strong
- .profile-data
- .profile-datablock ,.profle-text-block
- .profile-link
- .sidebar .widget
- .sidebar ul
- .sidebar ul li{ }
- About .post
- About H2
- CSS
- CSS a:link
- CSS body
- Difinition list in Blog
- H2 .date-header
- Ordered list items in blog
- Strike Word in Blog
- Table in Blog Post
- Unorder list In Blog
css body
Tuesday, February 26, 2008More
Thus you seen more than thousands of color are available for your blog pages ,header,footer ,blgpost etc...
to use desired color simply insert color code or color name wherever you want
now let us deal with next attribute wmargin
it's defind how many margin you are providing for your object
(left,right,top,bottom)
above margin are defind 0px but margin attribute are generally
margine-top : xpx; margin-left : y px;margin-bottom :z px,margin-bottom : wpx;margin-top:auto;(this auto will set automatic margin)
here x,y,z,w are +ve integers or any +ve numbers in 'px' or in 'pt'
now let's discuss about next attribute font:
font attribute can be in one line
font : italic bold 30px arial sans-serif;
|
FONT-STYLE |FONT-VARIANT|FONT-WEIGHT|FONT-SIZE|FONT-FAMILY, |
take next attribute text-alignment
there can be three type of text alignment
(this attribute align your body text to center from definition)
1:text-alignment:left;
2: text-alignment:right;
3: text-alignment:center;
© Tips for Bloggers |
Posted by Vikas Narang at 9:27 PM
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment