The border-radius property allows you to add rounded corners to elements.

Select All

Select All

JavaScript is a scripting language originally developed by Netscape to add interactivity and power to web documents.

Java is completely different from JavaScript- it's more powerful, more complex, and unfortunately, a lot harder to master.

Activity Monitor

chez-vous
DHTML MENU
DHTML EFFETS
DHTML IMAGES DIAPORAMAS
- DHTML IMAGES
- DHTML DIAPORAMAS
DHTML CSS BIBLIOTHÈQUE

clicker sur menu

fermer

ajax
css-html
freebies
icon
inspiration
javascript
logo

"

Rechercher dans ce blog

MENU DHTML VERTICAL sub-sub-submenu NOIRblanc

PAS de téléchargement pour blog ou site, aprés-vous(COPIER COLLER "HTML CSS C'EST TOUS")
MENU VERTICAL DHTML NOIR LIGHT AVEC SUB-SUB-SUBMENU LES BORDERS NORMAL RADIUS AVEC UN SHADOW .VOUS POUVEZ CHANGER LE STYLE COMME VOUS VOULEZ VOUS AVEZ LE DROIT COOL!!

Démo
HTML CODE
CSS CODE

page - 0
page - 1
page -2
- page -2 3
  - page -2 3 0
- page -2 0
  - page -2 0 0
- page -2 1
  - page -2 1 0
  - page -2 1 1
- page -2 2
  - page -2 2 0
  - page -2 2 1
page - 3
page - 4

<ul id="MvZWARTRANJE" class="topmenu">
 <li class="topfirst"><a href="#" style="width:135px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWYnSEbMWaG95ifzCYHFxxweenoOGamdVX2x6tlSTfoAAyebQt4Qzp7NMA_21s4StThLGye2SzQYqr0bjxzyoLn2Rc1kuyjuUtVHcJTJq-fgw8q9HGFb27L6BEaKPyKR2SgDtZ8oBCAQKq/s1600/256base-home.png" alt=""/> </a></li>
 <li><a href="#" title="page - 0" style="width:135px;"><span>page - 0</span></a>
 <ul>

<li class="subfirst"><a href="#" title="page - 0     0"><span>page - 0     0</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page - 0     0 0">page - 0     0 0</a></li>
   <li><a href="#" title="page - 0     0 1">page - 0     0 1</a></li>
   <li><a href="#" title="page - 0     0 2">page - 0     0 2</a></li>
  </ul>

</li>
  <li><a href="#" title="page - 0 1"><span>page - 0 1</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page - 0 1 0">page - 0 1 0</a></li>
   <li><a href="#" title="page - 0 1 1">page - 0 1 1</a></li>
  </ul>

</li>

<li><a href="#" title="page - 0 3"><span>page - 0 3</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page - 0 3 0">page - 0 3 0</a></li>
  </ul>

</li>
 </ul>

</li>

<li><a href="#" title="page - 1" style="width:135px;"><span>page - 1</span></a>
 <ul>
  <li class="subfirst"><a href="#" title="page - 1 0"><span>page - 1 0</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page - 1 0 0">page - 1 0 0</a></li>
  </ul>

</li>

<li><a href="#" title="page - 1 1"><span>page - 1 1</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page - 1 1 0">page - 1 1 0</a></li>
  </ul>

</li>
  <li><a href="#" title="page - 1 2"><span>page - 1 2</span></a>
  <ul>

<li class="subfirst"><a href="#" title="page - 1 2 0">page - 1 2 0</a></li>
  </ul>

</li>
 </ul>

</li>
 <li><a href="#" title="page -2" style="width:135px;"><span>page -2</span></a>
 <ul>

<li class="subfirst"><a href="#" title="page -2 3"><span>page -2 3</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page -2 3 0">page -2 3 0</a></li>
  </ul>

</li>
  <li><a href="#" title="page -2 0"><span>page -2 0</span></a>
  <ul>

<li class="subfirst"><a href="#" title="page -2 0 0">page -2 0 0</a></li>
  </ul>

</li>
  <li><a href="#" title="page -2 1"><span>page -2 1</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page -2 1 0">page -2 1 0</a></li>
   <li><a href="#" title="page -2 1 1">page -2 1 1</a></li>

</ul>

</li>
  <li><a href="#" title="page -2 2"><span>page -2 2</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page -2 2 0">page -2 2 0</a></li>
   <li><a href="#" title="page -2 2 1">page -2 2 1</a></li>
  </ul>

</li>
 </ul>

</li>
 <li><a href="#" title="page - 3" style="width:135px;"><span>page - 3</span></a>
 <ul>
  <li class="subfirst"><a href="#" title="page - 3 0"><span>page - 3 0</span></a>
  <ul>

<li class="subfirst"><a href="#" title="page - 3 0 0">page - 3 0 0</a></li>
   <li><a href="#" title="page - 3 0 1">page - 3 0 1</a></li>
  </ul>

</li>
  <li><a href="#" title="page - 3 1"><span>page - 3 1</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page - 3 1 0">page - 3 1 0</a></li>

<li><a href="#" title="page - 3 1 1">page - 3 1 1</a></li>
  </ul>

</li>
  <li><a href="#" title="page - 3 2"><span>page - 3 2</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page - 3 2 0">page - 3 2 0</a></li>
   <li><a href="#" title="page - 3 2 1">page - 3 2 1</a></li>

</ul>

</li>
 </ul>

</li>
 <li><a href="#" title="page - 4" style="width:135px;"><span>page - 4</span></a>
 <ul>
  <li class="subfirst"><a href="#" title="page - 4 0"><span>page - 4 0</span></a>

<ul>
   <li class="subfirst"><a href="#" title="page - 4 0 0">page - 4 0 0</a></li>
   <li><a href="#" title="page - 4 0 1">page - 4 0 1</a></li>
  </ul>

</li>
  <li><a href="#" title="page - 4 1"><span>page - 4 1</span></a>
  <ul>

<li class="subfirst"><a href="#" title="page - 4 1 0">page - 4 1 0</a></li>
   <li><a href="#" title="page - 4 1 1">page - 4 1 1</a></li>
  </ul>

</li>
  <li><a href="#" title="page - 4 2"><span>page - 4 2</span></a>
  <ul>
   <li class="subfirst"><a href="#" title="page - 4 2 0">page - 4 2 0</a></li>

<li><a href="#" title="page - 4 2 1">page - 4 2 1</a></li>
  </ul>

</li>
 </ul>

</li>
</ul>

<style>
ul#MvZWARTRANJE,ul#MvZWARTRANJE ul{
 margin:0;list-style:none;background-color:#424542;border-width:2px;border-style:solid;border-color:#FFF;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
ul#MvZWARTRANJE ul{
 display:none;position:absolute;left:100%;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 3px 3px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
ul#MvZWARTRANJE li:hover>*{
 display:block;}
ul#MvZWARTRANJE li:hover{
 position:relative;}
ul#MvZWARTRANJE ul ul{
 position:absolute;left:100%;top:0;}
ul#MvZWARTRANJE{
 padding:0 3px 3px;display:block;font-size:0;float:left;}
ul#MvZWARTRANJE li{
 display:block;white-space:nowrap;font-size:0;}
ul#MvZWARTRANJE>li,ul#MvZWARTRANJE li{
 margin:3px 0 0;}
ul#MvZWARTRANJE a:active, ul#MvZWARTRANJE a:focus{
 outline-style:none;}
ul#MvZWARTRANJE a,ul#MvZWARTRANJE a.pressed{
 display:block;vertical-align:middle;text-align:center;text-decoration:none;font:20px Trebuchet MS;color:#ffffff;cursor:pointer;}
ul#MvZWARTRANJE ul li{
 float:none;}
ul#MvZWARTRANJE ul a{
 text-align:center;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font:bold italic 19px Trebuchet MS;color:#ffffff;text-decoration:none;}
ul#MvZWARTRANJE li:hover>a{
 background-color:#0c0d0c;border-color:#424542;border-style:solid;font:20px Trebuchet MS;color:#ffaa00;text-decoration:underline;background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiesS7iorGHkAQZjnMPWTnjOc3oWSY8qsPD0Ft3y7mONpF8YD-_afGrCuh5rT0GlqASXYdJuP-bp7VD4bGxE0DKZZS71doc9YpW3Wks_dVqu-TZv4aRQY-BSnCLtxVk8ma1tO4X67zhjmah/s1600/bgrondb.png");}
ul#MvZWARTRANJE img{
 border:none;vertical-align:middle;margin-right:10px;}
ul#MvZWARTRANJE img.over{
 display:none;}
ul#MvZWARTRANJE li:hover > a img.def{
 display:none;}
ul#MvZWARTRANJE li:hover > a img.over{
 display:inline;}
ul#MvZWARTRANJE li a.pressed img.over{
 display:inline;}
ul#MvZWARTRANJE li a.pressed img.def{
 display:none;}
ul#MvZWARTRANJE span{
 display:block;overflow:visible;background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiesS7iorGHkAQZjnMPWTnjOc3oWSY8qsPD0Ft3y7mONpF8YD-_afGrCuh5rT0GlqASXYdJuP-bp7VD4bGxE0DKZZS71doc9YpW3Wks_dVqu-TZv4aRQY-BSnCLtxVk8ma1tO4X67zhjmah/s1600/bgrondb.png");background-position:right center;background-repeat:no-repeat;padding-right:24px;}
ul#MvZWARTRANJE ul span{
 background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6wWcLR-kb-JAiz20K3pQ5Ag9Fw42beXTiE3dAtekCFpSwWcVZ7bFmtkK06Y3bdlHKVIWJi8Kh6F_7qhGtnkXZWuZeq78-aElbG8HyMGVry13823uVx7Fkh2RXo86bfaLpuwcvatJn8Z9J/s1600/arrow.gif");padding-right:24px;}
ul#MvZWARTRANJE a{
 padding:10px;background-color:#424542;background-image:none;background-repeat:repeat;border-width:1px 0 0 0;border-style:solid;border-color:#424542;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#ffffff;text-decoration:none;}
ul#MvZWARTRANJE li:hover>a,ul#MvZWARTRANJE li>a.pressed{
 background-color:#0c0d0c;background-image:url("bb.png");border-style:solid;border-color:#424542;color:#ffaa00;text-decoration:underline;}
ul#MvZWARTRANJE ul li:hover>a,ul#MvZWARTRANJE ul li>a.pressed{
 font:bold italic 19px Trebuchet MS;color:#ffaa00;text-decoration:underline;}
ul#MvZWARTRANJE li.topfirst>a{
 border-width:0;}
ul#MvZWARTRANJE li.subfirst>a{
 border-width:0;}
</style>

Envoyer par e-mail BlogThis!Partager sur X Partager sur Facebook Partager sur Pinterest

Article plus récent Article plus ancien Accueil

S’abonner à

Articles

Articles

Commentaires

Commentaires

Libellés pour le moment

Menu Dhtml horizontal (1)
Menu Dhtml vertical (1)
Menu Html css horizontal (11)
Menu Html css script vertical (1)
Menu html css vertical (5)

Pages

Accueil

haut de la page