blggerstep: Menu vertical avec des numéros jamais vue dans le web-mon style-

Démo
HTML CODE
CSS CODE

</li>
 </ul>

</li>
 <li><a href="#" title="Item 2" style="width:138px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSy2_EaViBRJoUVrrb_rjQZnqmyvDLssMPApv7-0LpRC-gJjvIxEvVq7lGEv6yoNYRRRRyE0fL2qRBwocaO_pFEKsURdt1yIQlTqUxdU-7qFIL5Tcayt8hIRzUIzWWGd1dLXjrG5MDcir/s1600/2.png" alt="Item 2"/>Item 2</a>
 <ul>
 <li><a href="#" title="Item 2 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8vaMR3bSQG0k0XYtv8NIF5Uo7QUYhc9u1qknuIGqYtk1cyPzdxQybddz_z-lpQzQDhsJyeRH08Lo-VqJ-bVB2I7-YDxXGJdo_kItKh_zgHfSLFyBenXkCqQZj4BCgKENDw-vUe0SOyzXw/s1600/21.png" alt="Item 2 0"/>Item 2 0</a>
 <ul>
 <li><a href="#" title="Item 2 0 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmnKHSoMOXvM7cVuxnhM1CTaFjd8iBID13BWgvhZvVd2EmKhNrlfcNYp0cn3_Bv5bt-pPoDh6TWWVSQQoSDzkAVqXfyLRE14Qyof0h5wWi7w0UXJXCIP0AYfxET_vHs2NIkfEHw7x_rndT/s1600/25.png" alt="Item 2 0 0"/>Item 2 0 0</a></li>
 <li><a href="#" title="Item 2 0 1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmnKHSoMOXvM7cVuxnhM1CTaFjd8iBID13BWgvhZvVd2EmKhNrlfcNYp0cn3_Bv5bt-pPoDh6TWWVSQQoSDzkAVqXfyLRE14Qyof0h5wWi7w0UXJXCIP0AYfxET_vHs2NIkfEHw7x_rndT/s1600/25.png" alt="Item 2 0 1"/>Item 2 0 1</a></li>
 </ul>

</li>
 <li><a href="#" title="Item 2 1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8vaMR3bSQG0k0XYtv8NIF5Uo7QUYhc9u1qknuIGqYtk1cyPzdxQybddz_z-lpQzQDhsJyeRH08Lo-VqJ-bVB2I7-YDxXGJdo_kItKh_zgHfSLFyBenXkCqQZj4BCgKENDw-vUe0SOyzXw/s1600/21.png" alt="Item 2 1"/>Item 2 1</a>
 <ul>
 <li><a href="#" title="Item 2 1 0"><img src="MENU AVEC NUMBER_files/css3menu1/25.png" alt="Item 2 1 0"/>Item 2 1 0</a></li>
 </ul>

</li>
 <li><a href="#" title="Item 2 2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8vaMR3bSQG0k0XYtv8NIF5Uo7QUYhc9u1qknuIGqYtk1cyPzdxQybddz_z-lpQzQDhsJyeRH08Lo-VqJ-bVB2I7-YDxXGJdo_kItKh_zgHfSLFyBenXkCqQZj4BCgKENDw-vUe0SOyzXw/s1600/21.png" alt="Item 2 2"/>Item 2 2</a>
 <ul>
 <li><a href="#" title="Item 2 2 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmnKHSoMOXvM7cVuxnhM1CTaFjd8iBID13BWgvhZvVd2EmKhNrlfcNYp0cn3_Bv5bt-pPoDh6TWWVSQQoSDzkAVqXfyLRE14Qyof0h5wWi7w0UXJXCIP0AYfxET_vHs2NIkfEHw7x_rndT/s1600/25.png" alt="Item 2 2 0"/>Item 2 2 0</a></li>
 </ul>

</li>
 </ul>

</li>
 <li><a href="#" title="Item 3" style="width:138px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLpbgxXbYf0tPjqtjXBCXXoZGswvynDZo3CKnhfPpKMSK99487Z_yanMyvpwi02tOQbTopz9focSB6OvNXwVBIRxYux9UE3huQR8K_bndc7iADheJkdfvqMD8LKB9CKRKUaC2jVZIlLZuE/s1600/3.png" alt="Item 3"/>Item 3</a>
 <ul>
 <li><a href="#" title="Item 3 2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIl1yBHzLa994aGeIOa8wD_wQ_fHmDfQrgcOQh_xnpEVJdA_UBlT4gdFCiaME8jDKn3QFc2hPwtlAS99f3AlqcNc5csFJhYKm470nplBXjwYG-mFZS8m41bUDZ71ymEHYUK-nwAnF2jA8/s1600/37.png"/>Item 3 2</a></li>
 <li><a href="#" title="Item 3 1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIl1yBHzLa994aGeIOa8wD_wQ_fHmDfQrgcOQh_xnpEVJdA_UBlT4gdFCiaME8jDKn3QFc2hPwtlAS99f3AlqcNc5csFJhYKm470nplBXjwYG-mFZS8m41bUDZ71ymEHYUK-nwAnF2jA8/s1600/37.png" alt="Item 3 1"/>Item 3 1</a>
 <ul>
 <li><a href="#" title="Item 3 1 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUkOAVAiR9EsVY4YoT2q-Dsav19OpH1LYWqaFc3XX9UFl0XY01JxyEViNp_xHHt7rM9cYrC1XJN3YqgRVbeiKSmoZVRsuKSPHob6vF3Qz5ZwOi0SD2CBZhOSqN5_dx6kSgku64OXyDLGr/s1600/31.png" alt="Item 3 1 0"/>Item 3 1 0</a></li>
 </ul>

</li>
 <li><a href="#" title="Item 3 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIl1yBHzLa994aGeIOa8wD_wQ_fHmDfQrgcOQh_xnpEVJdA_UBlT4gdFCiaME8jDKn3QFc2hPwtlAS99f3AlqcNc5csFJhYKm470nplBXjwYG-mFZS8m41bUDZ71ymEHYUK-nwAnF2jA8/s1600/37.png" alt="Item 3 0"/>Item 3 0</a>
 <ul>
 <li><a href="#" title="Item 3 0 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUkOAVAiR9EsVY4YoT2q-Dsav19OpH1LYWqaFc3XX9UFl0XY01JxyEViNp_xHHt7rM9cYrC1XJN3YqgRVbeiKSmoZVRsuKSPHob6vF3Qz5ZwOi0SD2CBZhOSqN5_dx6kSgku64OXyDLGr/s1600/31.png" alt="Item 3 0 0"/>Item 3 0 0</a></li>
 </ul>

</li>
 </ul>

</li>
 <li><a href="#" title="Item 4" style="width:138px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJQs7YGpZlV9Pd2NK3lep8h9JISxeNs8PaAhKQvLD61p3xM5fKs2KmLEzXjqdEyz92vn5lWYT-hR7XJdQ6RhUOvzLTsqTePNMNBcMKZ0aaNt-GFS5X0gFO1aGCE5P_hkx4lLFMxYzyLB2s/s1600/4.png" alt="Item 4"/>Item 4</a>
 <ul>
 <li><a href="#" title="Item 4 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif00fA48IqgnZXKCLH-Vrpc-DYgC-kRSv2owtLYdTPTDdDTRMngxr2Wi5tMZsF7h_wcfS2YlsTTrm3McnMGcIHV_WcwKJujvBASaNf4yVM5NOFagUJhqQEPzrqJyoZsEWenv4cHjSsEw8_/s1600/43.png" alt="Item 4 0"/>Item 4 0</a>
 <ul>
 <li><a href="#" title="Item 4 0 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ukyXQif5qcTuuOrgKpcaxaIMSwvGxiTe4-KJokcepxpm2RePs8-UeCl5bteZkPkr4oL02rl9RK9oMeWS2h0FPc-1yAjRPzeJ71XGyB-yLKIe8DA4mDof0MprRf7bHURX3Fc9CMWM4Jls/s1600/42.png" alt="Item 4 0 0"/>Item 4 0 0</a></li>
 </ul>

</li>
 </ul>

</li>
 <li class="toplast"><a href="#" title="Item 5" style="width:138px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsRHDkTekaH6unFoFJIi2sToIwbeoLoJM7YQy8E-L6JByCfVMhkFduhnIIpAUJkLAsjfTQuY9oSic569MmEOUGr387YBkufKeMiL9cZqkW7LPpEUcPzB13HwafiJkmvRhYKuxxPQx6OiQJ/s1600/5.png" alt="Item 5"/>Item 5</a>
 <ul>
 <li><a href="#" title="Item 5 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCwkTo9y3cDqE-7NfsnBChIKh7kd6Gi5Tz9gAS4foFBBV27UdKs8qZ0AMP2N5wVT0WeSO_49qhlaDopiCJE9oIB5ml1jTDb74zY8Hfek2A4FxEtTwwaRupRvUG2QSWzOro2YrrvaX6Cl_d/s1600/51.png"/>Item 5 0</a>
 <ul>
 <li><a href="#" title="Item 5 0 0"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCwkTo9y3cDqE-7NfsnBChIKh7kd6Gi5Tz9gAS4foFBBV27UdKs8qZ0AMP2N5wVT0WeSO_49qhlaDopiCJE9oIB5ml1jTDb74zY8Hfek2A4FxEtTwwaRupRvUG2QSWzOro2YrrvaX6Cl_d/s1600/51.png" alt="Item 5 0 0"/>Item 5 0 0</a></li>
 </ul>
 </li>
 </ul>
 </li>
 </ul>

</style>

clicker sur menu

Rechercher dans ce blog