sitenizin yanina acilir ikonlu menu html kodu
Güzel bir menü gerçekten. Menü sitenizin sağ tarafında acılıyor. Daha doğrusu sağda sadece duruyor üstünüze gelip tıkladıgınızda da acılıyor... Bir bakın derim güzel paylaşım... Menü ikonlarını dilerseniz ikonfinder gibi sitelerden alabilirsiniz... Bu arada ben büyük ikon koydum siz oraya göre ayarlarsınız artık : ) Menüyü tasarım üstüne ekleyerek tüm sayfalarda cıkmasını sağlayabilirsiniz...
Ön izlemesi Sayfanın sağ taraındadır....
Kodu:
kod bs-aktif e aittir
Ön izlemesi Sayfanın sağ taraındadır....
Kodu:
<link rel="stylesheet" type="text/css" media="screen" href="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/css/all-examples.css" /> <noscript>
<style type="text/css">
#dock { top: 0; left: 100px; }
a.dock-item { position: relative; float: left; margin-right: 10px; }
.dock-item span { display: block; }
.stack { top: 0; }
.stack ul li { position: relative; }
</style>
</noscript> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/js/fisheye-iutil.min.js"></script> <script type="text/javascript" src="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/js/dock-example1.js"></script> <script type="text/javascript" src="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/js/jquery.jqDock.min.js"></script> <script type="text/javascript" src="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/js/stack-1.js"></script> <script type="text/javascript" src="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/js/stack-2.js"></script> <script type="text/javascript">
$(function(){
var jqDockOpts = {align: 'left', duration: 200, labels: 'tc', size: 48, distance: 85};
$('#jqDock').jqDock(jqDockOpts);
});
</script>
<!-- HTML-MEKANCİSİ KOD BASLANGİCİ "UP" ============================================================ -->
<div class="stack"><img alt="stack" src="https://img.webme.com/pic/b/bs-aktif/stack.png" />
<ul id="stack">
<li><a href="http://bs-aktif.tr.gg"><span>Menuİsmi 1</span><img alt="Aperature" src="https://img.webme.com/pic/b/bs-aktif/monster-5-icon.png" /></a></li>
<li><a href="http://bs-aktif.tr.gg"><span>Menuİsmi 2</span><img alt="Photoshop" src="https://img.webme.com/pic/b/bs-aktif/exciting-icon.png" /></a></li>
<li><a href="http://bs-aktif.tr.gg"><span>Menuİsmi 3</span><img alt="Safari" src="https://img.webme.com/pic/b/bs-aktif/hearts-icon.png" /></a></li>
<li><a href="http://bs-aktif.tr.gg"><span>Menuİsmi 4</span><img alt="Coda" src="https://img.webme.com/pic/b/bs-aktif/safari.png" /></a></li>
<li><a href="http://bs-aktif.tr.gg"><span>Menuİsmi 5</span><img alt="Finder" src="https://img.webme.com/pic/b/bs-aktif/coda.png" /></a></li>
</ul>
</div>
<!-- end div .stack --> <!-- HTML-MEKANCİSİ KOD BITISI"UP" ============================================================ --> <!-- BEGIN STACK "DOWN" ============================================================ -->
<div class="stack2"><img alt="stack" src="https://img.webme.com/pic/b/bs-aktif/stack-down.png" />
<ul id="stack2">
<li><a href="http://bs-aktif.tr.gg"><span>İkinciMenuİsmi 1</span><img alt="Aperature" src="https://img.webme.com/pic/b/bs-aktif/finder.png" /></a></li>
<li><a href="http://bs-aktif.tr.gg"><span>İkinciMenuİsmi 2</span><img alt="Photoshop" src="https://img.webme.com/pic/b/bs-aktif/photoshop.png" /></a></li>
<li><a href="http://bs-aktif.tr.gg"><span>İkinciMenuİsmi 3</span><img alt="Safari" src="https://img.webme.com/pic/b/bs-aktif/leica-2-icon.png" /></a></li>
<li><a href="http://bs-aktif.tr.gg"><span>İkinciMenuİsmi 4</span><img alt="Coda" src="https://img.webme.com/pic/b/bs-aktif/aperture.png" /></a></li>
<li><a href="http://bs-aktif.tr.gg"><span>İkinciMenuİsmi 5</span><img alt="Finder" src="https://img.webme.com/pic/b/bs-aktif/3dicnn.png" /></a></li>
</ul>
</div>
<!-- end div .stack --> <!-- html-mekancisi.tr.gg KOD BITISI "DOWN" ============================================================ -->kod bs-aktif e aittir
