Change width of Blog template, sidebar, main-3

continue from previous....

Background:
We use this to display particular color or image as a background of web page or text or particular element like main wrapper or sidebar wrapper.

The values for this are:

background:#006699;
background:$bgcolor;
background: #ffffff url("here you need to give the url of image");
background: $bodybgcolor url("here you need to give the url of image");
background: $ bodybgcolor url("here you need to give the url of image") repeat-x;
background: $ bodybgcolor url("here you need to give the url of image") repeat-y;
background: $ bodybgcolor url("here you need to give the url of image") repeat-x top right;
background: $ bodybgcolor url("here you need to give the url of image") repeat-x bottom right;

*instead of #006699 you can use $bgcolor if you have defined it in variables.

Now we see when each of this is useful for us:
background:#006699; (this is for displaying color as background. If we didn’t define this body background become as default or browser displays white color as background)

background:$bgcolor; (this we use when we defined color as variable and like to use in many place and wants to change at a time in all places)
background: #ffffff url("here you need to give the url of image"); (this we use when we want to display an image as background, by giving #ffffff browser shows this color if image is not available or restricted by browser settings)
background: $bodybgcolor url("here you need to give the url of image"); (this we use when we declared color in varible)
background: $ bodybgcolor url("here you need to give the url of image") repeat-x; (this we use to display image in x-axis, i.e., to repeat only right side or in horizontal)
background: $ bodybgcolor url("here you need to give the url of image") repeat-y; (this we use to display image in y-axis or to repeat in vertical)
background: $ bodybgcolor url("here you need to give the url of image") repeat-x top right; (this we use to display image horizontally and top side only)
background: $ bodybgcolor url("here you need to give the url of image") repeat-x bottom right; (this we use to display image horizontally only bottom side)


Font:
This we use to define font of an element. Generally this is not required.


Color:
This we use to define the color of font. This can be defined as follow:

color: #999999; or
color:$pagetitlecolor;

Where ever we use text color will be displayed in the color what value we given here.


Text-align:
This we use to define the alignment of text. Values for this are:
text-align: left; (it aligns text to left side)
text-align: right; (it aligns text to right side)
text-align: center; (it aligns text in center)
text-align: justified; (it aligns text in justified manner)


Text-transform:
This we use to transform the text to uppercase or in lower case. When we use this text will be transformed into the defined value, irrelevant of case we typed.
Values are:
text-transform: none; (if we use this text will not be transformed)
text-transform: uppercase; (if we use this text will be transformed into uppercase)


With this I hope you understand your templates attributes and how to change it. If you felt happy with this then send to someone who need it. If any requirements, suggestions or if you want to contribute something to this, then mail me to myonlinekt@gmail.com or you can post your comment.

| Previous | Home |