Css Template Header

by admin on October 10, 2010

css template header

css template header

HerbalBiz provides members with an easy to install turn key web site set up to sell health and beauty products across the Internet. The package has been structured to be new user friendly and very little technical knowledge is needed to get up and running. The various reviews of the HerbalBiz package emphasize this ease of use capability.

During the site install, a web site style is chosen. The HerbalBiz package comes with a menu of styles to choose from to establish the look and feel you’re comfortable with. And while this provides most people with the level of flexibility they need, there are others who might want to do some tweaking of the various visual aspects of the site.

The trick to modifying an HerbalBiz site is to have a basic understanding of Cascading Style Sheets, or CSS. CSS is a standard used to define the look and feel of data on a web page. Font types, sizes, and colors can all be defined within what is known as a CSS stylesheet. A web site can have one or more style sheets that define the look and feel of the various sections.

Other items that be modified via a CSS stylesheet include:

  • image positioning
  • background colors
  • page section sizing
  • margins, borders, and padding
  • link text appearance

A default HerbalBiz site uses a stylesheet called “main.css”. This file is usually located in the root directory of the web site and is retrievable via any web design or FTP program. Stylesheet files contain simple lines of text that are formatted in a CSS-specific “language”.

This is an excerpt from the default main.css file:

#content h1 {

font-size: 22px;

font-weight: bold;

color: #336600;

Times New Roman”, Times, serif;

margin-top: 6px;

margin-right: 0px;

margin-bottom: 6px;

margin-left: 0px;

border-bottom-width: 0px;

border-bottom-style: dashed;

border-bottom-color: #CCCCCC;

line-height: 32px;

padding-left: 10px;

}

This chunk of CSS defines the look and feel of any text that falls into an H1, or header, tag. Changing any of these values in the main.css file will change the look of all H1 text in the web site. For example, if I changed the ‘font-size: 22px’ line to ‘font-size: 26px’, all my H1 text would increase in size from 22px to 26 px.

You can do amazing things playing around with the underlying CSS of a site. The various sections give you the flexibility to easily customize a site to whatever look and feel you’d like just by changing values in the stylesheet text file.

However, this is not something you want to do without first educating yourself on the basics of CSS. It’s important to understand how the various pieces fit together bfore going in and changing things. There are many good free CSS tutorials on the web. Just search Google for ‘CSS beginner’ or something to that effect. There are also many good books available as well. Expect to spend 2-3 hours coming up to speed on the basic concepts.

Learning the basics of CSS is the most effective way to customize your HerbalBiz, or any other, web site to reflect a look and feel that is truly your own.

J.D. Bell is a former health and fitness counselor who is now, as a first time father at age 45, focused on his own longevity.

Visit HerbalBizReview for more information about the benefits of running your own risk free online health business.

css template header Questions


How can I create separate CSS elements for headings and paragraphs?

The problem is that when I edit the header style, it affects the paragraph style, or vice-versa. What I would like to do is to separate the heading and paragraph elements in my CSS, but I can’t figure out how it’s been done (I’m using a CSS template, so I didn’t create it from scratch).

Due to the restrictions of the question box, you can view the CSS sheet online here: http://viewer.zoho.com/docs/f0YbA .

Thanks in advance for any help! :)

Try this link I have provided for you –
http://www.w3schools.com/css/default.asp -
It WILL answer ALL your questions with examples. It is the W3C – World Wide Web Consortium.
It is headed by the man who invented the WWW – Mr Tim Berners-Lee = MY HERO :-)
All your CSS, HTML and XHTML examples and lessons are on there, for both Internal and External Cascading Style Sheets.

In your

Tag add this class statement =
class=”header-one-style” =

and in your paragraph Tag add this class statement =

Now add the class styles that you have just created “header-one-style” and “paragraph-one-style” to your style sheet. You never mentioned if you where using an Internal or External CSS?

In a External CSS add this code for you heading class style =
.h1 {font-size:40px; color:blue}

And add this code for your paragraph style class =
.paragraph-one-style {
font-size:14px;
color:#00ff00
}

If it helps I am glad I could help you. Please look at the link I have sent you for the W3C school.
Its probably THE BEST LINK ON THE WEB, FOR CREATING THE WEB :-)
Good Luck with your site.

Mark C
www.mc-pc.co.uk/

css template header Videos

ApPHP Micro CMS – Admin Panel Tutorial Part 1

Thesis Video Review: Thesis Theme v1.6 for Wordpress

It has never been easier to shop for css template header,

So run don”t walk and pick up css template header at bargain

prices!

Leave a Comment

Next post: