Webmaster/SEO News


Users Viewing This Thread
 1 Guest(s)
amatorbalikci.net

Post Reply  Post Thread 
Saving the CSS Code for the Navigation Menu
Author Message
BritaJames
Junior Member
**


Posts: 1
Group: Registered
Joined: Sep 2009
Status: Offline
Reputation: 0

Country:
Post: #1
Exclamation  Saving the CSS Code for the Navigation Menu

Without closing your browser, start up an ASCII editor. If you use Windows, you already have one on your system called "Notepad". To start Notepad, click the "Start" menu, followed by the "All Programs" (or "Programs") menu item, then the "Accessories" menu item. On that menu, click "Notepad".

Return to your Custom Web Design web browser. Click your right mouse button somewhere inside the big box under the section "Cascading Style Sheet (CSS) Code". A menu will pop up. Click the "Select all" item on that menu. Everything inside that box should now be highlighted (selected).

Click your right mouse button inside the box again. Select the "Copy" item in the menu that pops up. Switch back to the text editor (Notepad or the like) that you started up earlier. Paste the contents into the editor. To do this in Notepad, click the "Edit" menu at the top of the window and select "Paste".

Now save the file with the name given in the Wizard. To find out the correct name, switch back to the browser window. The name of the file is stated in the paragraphs just above the box you copied earlier.

For example, to save the CSS file using Notepad, click the "File" menu, followed by the "Save As" item on the menu that appears. A dialog box will appear. In the "File name" field, enter the name given by the Wizard, including the quotes. For example, if the wizard told you to use the filename "tswnavbar.css" you must enter that name as given, including the quotes, otherwise Notepad will modify the name of your file without telling you.

Remember to save the file in the same directory as the main page of your website. For example, if your main page was saved in the folder "c:\my-website", save your CSS file in that same directory. Close your text editor (Notepad or otherwise). You won't need it any more.

09-22-2009 03:21 PM
Find all posts by this user Quote this message in a reply
boby47
Junior Member
**


Posts: 16
Group: Registered
Joined: Mar 2010
Status: Offline
Reputation: 0

Country:
Post: #2
RE: Saving the CSS Code for the Navigation Menu

Hello friends

(http://www.imagination.gs)
Nowadays, it's fairly common to see websites with a side or top navigation menu with buttons that change colour when you hover your mouse over them. This tutorial deals with how you can create such a navigation menu with buttons that show mouseover effects using the free WYSIWYG web editor, Nvu.
Requirements
Obviously you will need Nvu and have a basic understanding of how to start up Nvu and use it for simple operations. If you are new to this, and wish to learn how to get and use Nvu, please read my beginner's Nvu tutorial How to Design and Publish Your Website with Nvu at http://www.thesitewizard.com/gettingstarted/nvu1.shtml
How to Create a Button Menu with Rollover Menu Buttons
Creating the Navigation Menu Button CSS and HTML Code
Go to the CSS Navigation Menu Bar Buttons Wizard at http://www.thesitewizard.com/wizards/css...tons.shtml and follow the instructions to create a button menu for your website. Customize the buttons using the wizard to your heart's content. The wizard does all the hard work for us, by generating everything you need for the button menu.
Saving the CSS Code for the Navigation Menu
Without closing your browser, start up an ASCII editor. If you use Windows, you already have one on your system called "Notepad". To start Notepad, click the "Start" menu, followed by the "All Programs" (or "Programs") menu item, then the "Accessories" menu item. On that menu, click "Notepad".

Thanks for all

03-16-2010 04:31 PM
Find all posts by this user Quote this message in a reply
Post Reply  Post Thread 

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites

Forum Jump: