04-08-2013, 08:47 AM
Sper ca stiti Engleza pentru ca este un tutorial in limba Engleza..Dar cred ca daca stii Html stii si umpic de ENGLISH 7
HTML Menu
With this tutorial, you can create a simple, nice looking menu complete with rollever effects.
Sponsors - Spoono Host
It seems like recently, simple sites are coming more into style. Heavy graphic and flash are out, slick design and coding skill is in.
To start off, you need to just make a basic table with a cell for each menu item. Something like this will do:
Cod:
Home
Images
Help
Contact
There. Now we have a simple table that will contain our links. The next step is to build in the mouse over effects. We are gonna put code into each TD tag, telling the browser how to act with the mouse interaction.
Cod:
Home
That makes the first cell of the table act differently. Eventually, you'll give this treatment to every cell, but for now, just work on one. What that chunk of code does is make the cell change background color with touched by the mouse cursor. When the mouse leaves, the color goes back to what it was. Now we need to make it a link. This is done by adding another little snippet
Cod:
Home
Now we added two things here. First, the location where the browser will go when the cell is clicked. Second, we added a command to change the mouse pointer to a hand, the common symbol for a link. The table should now look like this:
Cod:
Home
Images
Help
Contact
Now that the top cell works fine, go down and repeat the process for all remaining cells. The complete code for this table should look like this:
Cod:
Home
Images
Help
Contact
This is it
HTML Menu
With this tutorial, you can create a simple, nice looking menu complete with rollever effects.
Sponsors - Spoono Host
It seems like recently, simple sites are coming more into style. Heavy graphic and flash are out, slick design and coding skill is in.
To start off, you need to just make a basic table with a cell for each menu item. Something like this will do:
Cod:
Home
Images
Help
Contact
There. Now we have a simple table that will contain our links. The next step is to build in the mouse over effects. We are gonna put code into each TD tag, telling the browser how to act with the mouse interaction.
Cod:
Home
That makes the first cell of the table act differently. Eventually, you'll give this treatment to every cell, but for now, just work on one. What that chunk of code does is make the cell change background color with touched by the mouse cursor. When the mouse leaves, the color goes back to what it was. Now we need to make it a link. This is done by adding another little snippet
Cod:
Home
Now we added two things here. First, the location where the browser will go when the cell is clicked. Second, we added a command to change the mouse pointer to a hand, the common symbol for a link. The table should now look like this:
Cod:
Home
Images
Help
Contact
Now that the top cell works fine, go down and repeat the process for all remaining cells. The complete code for this table should look like this:
Cod:
Home
Images
Help
Contact
This is it
