Change the font used across your entire website.
The font family should be separated by commas. You should have more than one defined. If the users computer does not have the first font, it will try the second. If it doesn't have the second, it will try the third, and so forth.
body{font-family:Trebuchet MS, Georgia, Sans-Serif;}
Tuesday, June 16, 2009
Monday, May 18, 2009
CSS - Navigation Font Size
Increase the font size for your navigation.
If you want smaller or larger font, change the pixel size from 14 to a lower or higher number.
.nav{font-size:14px;}
If you want smaller or larger font, change the pixel size from 14 to a lower or higher number.
.nav{font-size:14px;}
Saturday, April 18, 2009
CSS - Website Border
Modify your website border.
Change the style of the border. (i.e. solid, dashed, dotted, double, groove, ridge, inset, outset)
.main{border-style:dashed;}
Change the size of the border.
.main{border-width:3px;}
Change the color of the border. The color has to be a 6 character hex code. HTML Color Codes
.main{border-color:#66ff00;}
Combine all 3 (style, size, color).
.main{border:solid 3px #66ff00;}
Add a border to one side.
.main{border-top:solid 3px #66ff00;}
.main{border-bottom:solid 3px #66ff00;}
.main{border-left:solid 3px #66ff00;}
.main{border-right:solid 3px #66ff00;}
Remove your website's border.
.main{border:0;}
Change the style of the border. (i.e. solid, dashed, dotted, double, groove, ridge, inset, outset)
.main{border-style:dashed;}
Change the size of the border.
.main{border-width:3px;}
Change the color of the border. The color has to be a 6 character hex code. HTML Color Codes
.main{border-color:#66ff00;}
Combine all 3 (style, size, color).
.main{border:solid 3px #66ff00;}
Add a border to one side.
.main{border-top:solid 3px #66ff00;}
.main{border-bottom:solid 3px #66ff00;}
.main{border-left:solid 3px #66ff00;}
.main{border-right:solid 3px #66ff00;}
Remove your website's border.
.main{border:0;}
Wednesday, February 18, 2009
CSS - Website Top Margin
Add some margin to the top of your website.
The css below adds some spacing to the top of your website.
.main{margin-top:15px;}
The css below adds some spacing to the top of your website.
.main{margin-top:15px;}
Monday, January 5, 2009
CSS - Header Contact Information Font
Change the font for your name, phone, and email address in the header of your website.
The font family should be separated by commas. You should have more than one defined. If the users computer does not have the first font, it will try the second. If it doesn't have the second, it will try the third, and so forth.
.contact{font-family:Trebuchet MS, Georgia, Sans-Serif;}
Change the font size.
Name .name{font-size:22px;}
Phone .phone{font-size:18px;}
Email .email{font-size:18px;}
The font family should be separated by commas. You should have more than one defined. If the users computer does not have the first font, it will try the second. If it doesn't have the second, it will try the third, and so forth.
.contact{font-family:Trebuchet MS, Georgia, Sans-Serif;}
Change the font size.
Name .name{font-size:22px;}
Phone .phone{font-size:18px;}
Email .email{font-size:18px;}
Subscribe to:
Posts (Atom)