Search

Sponser

Monday, 22 October 2012

Text link style sheet




If you don't do anything special to a link in an HTML document, it's probably going to appear in a sort of electric blue color, with the text underlined. This appearance is decided by the browser. But if that link appearance does not fit in with the designing of your page, you are going to be very interested in this recipe. Read on if you want to
  • Define your own text color for links
  • Get rid of the underlining
  • Give links a background color
  • Define your own appearance for links depending for when they have been visited, when the mouse is over them, or even while they are being clicked
You can use CSS style sheet to control how the text appears on your page. Define colors, fonts, backgrounds, and so much more. Making your own customized CSS Text Links now, give a whole new look to your pages!
To add a text link style sheet:
1. Select Text Link Style Sheet... from the Format menu.


2. Click the "Add" button in the Text Link Style Sheet dialog box. An Add Style dialog box appears.



3. Specify the text link style as your taste, and click "OK".

You may use the default name (style1) or rename it for the text link style.
Make sure the name of style does not contain any spaces.
4. Double click the text box on your page. Select text by moving the mouse cursor over the text in the Text Editor. And then the "Hyperlink" button on the Text Editor toolbar. A "Hyperlink" dialog box appears.



5. Select a style you have created from the Text Link Style pull-down box at the bottom of the "Hyperlink" dialog box.



The first style list in the Style drop-down menu is the default style. You can change your linked texts to other style you have created by selecting other style from the Style pull-down box.
This tool will work in Internet Explorer and Netscape 6X browsers. Netscape 4X browsers do not fully support CSS Text. 
Posted by at
Subscribe to: Post Comments (Atom)

Recommeded Links