Sola dayalı menu - Verticalmenu

Başlatan cee山, 04 Eyl 2016 22:50

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 1,198

  2. 120

  3. 401

resimli demo :


Demo : http://css3menu.com/flat-turquoise-vertical.html

.html dosyası oluşturarak bu kodu kopyalayın menuyu elde etmiş olucaksınız.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>

<link rel="stylesheet" href="http://css3menu.com/images/flat-turquoise-vertical/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>

</head>
<body>

<div class="menu_templ">
 
<!-- Start css3menu.com BODY section -->
<ul id="css3menu1" class="topmenu">
<li class="topmenu"><a href="#" title="Home" style="width:154px;"><img src="http://css3menu.com/images/flat-turquoise-vertical/001.png" alt=""/>Home</a></li>
<li class="topmenu"><a href="#" title="Product info" style="width:154px;"><span><img src="http://css3menu.com/images/flat-turquoise-vertical/010.png" alt=""/>Product info</span></a>
<ul>
<li><a href="#" title="Features"><img src="http://css3menu.com/images/flat-turquoise-vertical/029.png" alt=""/>Features</a></li>
<li><a href="#" title="Installation"><span><img src="http://css3menu.com/images/flat-turquoise-vertical/026.png" alt=""/>Installation</span></a>
<ul>
<li><a href="#" title="Description of files"><img src="http://css3menu.com/images/flat-turquoise-vertical/0021.png" alt=""/>Description of files</a></li>
<li><a href="#" title="How to setup"><img src="http://css3menu.com/images/flat-turquoise-vertical/038.png" alt=""/>How to setup</a></li>
</ul></li>
<li><a href="#" title="Parameters info"><img src="http://css3menu.com/images/flat-turquoise-vertical/025.png" alt=""/>Parameters info</a></li>
<li><a href="#" title="Supported browsers"><span><img src="http://css3menu.com/images/flat-turquoise-vertical/033.png" alt=""/>Supported browsers</span></a>
<ul>
<li><a href="#" title="Firefox"><img src="http://css3menu.com/images/flat-turquoise-vertical/016.png" alt=""/>Firefox</a></li>
<li><a href="#" title="Internet Explorer"><img src="http://css3menu.com/images/flat-turquoise-vertical/0161.png" alt=""/>Internet Explorer</a></li>
<li><a href="#" title="Opera"><img src="http://css3menu.com/images/flat-turquoise-vertical/0162.png" alt=""/>Opera</a></li>
<li><a href="#" title="Safari"><img src="http://css3menu.com/images/flat-turquoise-vertical/0163.png" alt=""/>Safari</a></li>
<li><a href="#" title="Google Chrome"><img src="http://css3menu.com/images/flat-turquoise-vertical/0164.png" alt=""/>Google Chrome</a></li>
</ul></li>
<li><a href="#" title="CSS3 info"><img src="http://css3menu.com/images/flat-turquoise-vertical/018.png" alt=""/>CSS3 info</a></li>
</ul></li>
<li class="topmenu"><a href="#" title="Samples" style="width:154px;"><span><img src="http://css3menu.com/images/flat-turquoise-vertical/014.png" alt=""/>Samples</span></a>
<ul>
<li><a href="#" title="Android template"><img src="http://css3menu.com/images/flat-turquoise-vertical/0141.png" alt=""/>Android template</a></li>
<li><a href="#" title="Mac template"><img src="http://css3menu.com/images/flat-turquoise-vertical/0142.png" alt=""/>Mac template</a></li>
<li><a href="#" title="Mercury template"><span><img src="http://css3menu.com/images/flat-turquoise-vertical/0143.png" alt=""/>Mercury template</span></a>
<ul>
<li><a href="#" title="Blue theme">Blue theme</a></li>
<li><a href="#" title="Green theme">Green theme</a></li>
<li><a href="#" title="Lilac theme">Lilac theme</a></li>
<li><a href="#" title="Orange theme">Orange theme</a></li>
</ul></li>
<li><a href="#" title="Elegant template"><img src="http://css3menu.com/images/flat-turquoise-vertical/0144.png" alt=""/>Elegant template</a></li>
<li><a href="#" title="Point template"><span><img src="http://css3menu.com/images/flat-turquoise-vertical/0145.png" alt=""/>Point template</span></a>
<ul>
<li><a href="#" title="Aquamarine theme">Aquamarine theme</a></li>
<li><a href="#" title="Blue theme">Blue theme</a></li>
<li><a href="#" title="Green theme">Green theme</a></li>
<li><a href="#" title="Grey theme">Grey theme</a></li>
<li><a href="#" title="Orange theme">Orange theme</a></li>
<li><a href="#" title="Red theme">Red theme</a></li>
</ul></li>
<li><a href="#" title="Toolbars template"><img src="http://css3menu.com/images/flat-turquoise-vertical/0146.png" alt=""/>Toolbars template</a></li>
</ul></li>
<li class="topmenu"><a href="#" title="Download" style="width:154px;"><img src="http://css3menu.com/images/flat-turquoise-vertical/044.png" alt=""/>Download</a></li>
</ul><p class="_css3m"><a href="http://css3menu.com/">CSS3 Menu Templates </a></p>
<!-- End css3menu.com BODY section -->


          <br><br><br><br>
          <br><br><br><br>



    </div>
</body>
</html>
programla yapılmamıştır.Direk olarak alıntıdır.icon awesome ilede icon yerleştirmesi yapabilirsiniz size kalmış birşey.CSS kendi sitenize eklemek isterseniz url : http://css3menu.com/images/flat-turquoise-vertical/style.css
html olarak da dosya ekdedir.Eğer böyle menu ararsanız gog,yan,yaho gibi arama motorlarına verticalmenu , vertical js menu gibi aramalarda bulunabilirsiniz.Sağdan sola doğru istede rtlvertical.dir.K.Gelsin :)


Benzer Konular (5)


MENU ×