Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Τρίτη, Οκτωβρίου 27

0

Πως να δημιουργήσετε μόνο με τη χρήση CSS,ένα όμορφο Hover Menu

Παρακάτω βλέπετε 100% σε CSS βασισμένο hover menu .

ΠΑΡΑΔΕΙΓΜΑ :



ΤΟ CSS :


<style type="text/css">
#coolmenu{
border: 1px solid black;
width: 170px;
background-color: #E6E6E6;
}
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}
html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
background-color: black;
color: white;
}
</style>
<div id="coolmenu">
<a href="http://www.javascriptkit.com/">JavaScript Kit</a>
<a href="http://www.javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
<a href="http://www.codingforums.com/">Coding Forums</a>
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
</div>

Εισάγετε τον κώδικα , όπου εσείς θέλετε να εμφανιστεί το  CSS hover menu και είστε έτοιμοι !!!!
Ελπίζω να σας φάνηκε χρήσιμο !!!!!

Για οποιαδήποτε ερώτηση αφήστε μου ένα σχόλιο και θα χαρώ να σας βοηθήσω !!

0:

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS