Enis Baydemir : Menü Kodları

KODLAR

Menu

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=

<style type="text/css">   ul.menu{  list-style-type:none; margin:0; padding:0;} ul.menu li a{ font:17px  arial; text-align:center; color:white; display:block; width:12em;  text-decoration:none;  background-image:url(http://img.webme.com/pic/b/bs-platformu/menuhvr1.png);  background-repeat:no-repeat; padding:5px; margin:0 0 .1em 0; } ul.menu  li a:hover{  background-image:url(http://img.webme.com/pic/b/bs-platformu/menuhvr2.png);  background-repeat:no-repeat;}  </style>  <ul class="menu">
<li><a href="#"  _fcksavedurl="#">Anasayfa</a></li>
<li><a  href="#" _fcksavedurl="#">Iletisim</a></li>
<li><a href="#" _fcksavedurl="#">Defter</a></li>
<li><a href="#" _fcksavedurl="#">Css</a></li>
<li><a href="#"  _fcksavedurl="#">Photoshop</a></li>
<li><a  href="#" _fcksavedurl="#">Dreamweaver</a></li>
<li><a href="#"  _fcksavedurl="#">Firework</a></li>
<li><a  href="#" _fcksavedurl="#">Photofiltre</a></li>
<li><a href="#" _fcksavedurl="#">XHTML</a></li>
</ul>
 </body></html>

Menu

margin:5px ; 
    padding:4px 10px;     
}
.downlistie li:hover { 
background: #63beda; 
} 
.downlistie li a{ 
{ 
font:14px georgia, verdana; 
text-decoration:none; 
color:#333; 
} 
.downlistie li a:hover { 
text-decoration:none; 
color:#333; 
} 
</style> 
<ul class="container">
<li class="accoi-menu"> 
<ul>
<li class="title"><a href="#" >Başlık</a></li>
<li class="downlistie"> 
<ul>
<li><a href='#'>Alt başlık</a></li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu"> 
<ul>
<li class="title"><a href="#" >Başlık</a></li>
<li class="downlistie"> 
<ul>
<li><a href='#'>Alt başlık</a></li>
</ul>
</li>
</ul>
</li>
</ul>

Menu

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)

</script>                <div class="sidebarmenu">
 <ul id="sidebarmenu1">
<li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/">Ana Sayfa</a></li>
<li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/">Html Kodlar</a></li>
<li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/">Basit Kodlar</a>   <ul>
<li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/">Css Menuler</a></li>
<li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/">Css Tasarımlar</a></li>
</ul>
</li>
<li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/">İletişim</a></li>
<li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/">Ziyaretci Defteri</a>   <ul>
<li><a href="#" _fcksavedurl="#">Alt Sayfa</a></li>
<li><a href="#" _fcksavedurl="#">Alt Sayfa</a>     <ul>
<li><a href="#" _fcksavedurl="#">Alt Sayfa</a></li>
<li><a href="#" _fcksavedurl="#">Alt Sayfa</a></li>
<li><a href="#" _fcksavedurl="#">Alt Sayfa</a></li>
<li><a href="#" _fcksavedurl="#">Alt Sayfa</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.htmcode.tr.gg/" _fcksavedurl="http://www.htmcode.tr.gg/">Karışık Kodlar</a></li>
</ul>
</div>

Menu

Ana Sayfa Kategoriler İletişim Hakkımızda Hazır Kodlar

<div id="koddostu-materyalmenu">
<p>
<a href="http://google.com/">Ana Sayfa</a>
<a href="http://google.com/kategoriler.html">Kategoriler</a>
<a href="http://google.com/iletisim.html">İletişim</a>
<a href="http://google.com/hakkimizda.html">Hakkımızda</a>
<a href="http://www.koddostu.com/">Hazır Kodlar</a>
</p>
<b onclick="this.parentNode.className='';"><svg fill="#5677fc" fit="" height="100%" preserveAspectRatio="xMidYMid meet" style="pointer-events: none; display: block;" viewBox="0 0 24 24" width="100%"><g><polygon points="19,6.4 17.6,5 12,10.6 6.4,5 5,6.4 10.6,12 5,17.6 6.4,19 12,13.4 17.6,19 19,17.6 13.4,12 "></polygon></g></svg></b> <div onclick="this.parentNode.className='acbakalim';">
<svg fill="#5677fc" fit="" height="100%" preserveAspectRatio="xMidYMid meet" style="pointer-events: none; display: block;" viewBox="0 0 24 24" width="100%"><g><path d="M3,18h18v-2H3V18z M3,13h18v-2H3V13z M3,6v2h18V6H3z"></path></g></svg></div>
</div>
<style> #koddostu-materyalmenu{position:relative;width:32px;height:32px;overflow:visible;z-index:4000;transition:all 0.25s ease-in;text-align:left;} #koddostu-materyalmenu div, #koddostu-materyalmenu b{cursor:pointer;margin:0 0 0 0;padding:0 0 0 0;position:absolute;top:4px;right:4px;display:inline-block;width:24px;height:24px;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:all 0.25s ease-in;-webkit-transition:all 0.25s ease-in;} #koddostu-materyalmenu b{width:24px;height:24px;opacity:0;} #koddostu-materyalmenu p{ display:inline-block; overflow:hidden;width:0px;height:0px;position:absolute;top:0px;left:0px;background:#fff; margin:0 0 0 0; padding:0 0 0 0; transition:all 0.25s ease-in; } .acbakalim p{ width:200px !important; height:210px !important; padding:30px 0 0 0 !important; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26) !important; } #koddostu-materyalmenu p a{text-decoration:none !important; font-family:Arial, sans-serif; font-size:14px; color:#455ede; padding-left:15px; display:block; height:40px; line-height:40px; width:200px; } #koddostu-materyalmenu p a:hover{ background:#d0d9ff; } .acbakalim b{ transform:rotate(270deg) !important; -webkit-transform:rotate(270deg) !important; opacity:1 !important; } .acbakalim div{ transform:rotate(360deg) !important; -webkit-transform:rotate(360deg) !important; opacity:0; width:1px !important; height:1px !important; } </style>

Menu

<style>
#v-menu {
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
#v-menu {
    width: 275px;
}
#v-menu ul {
    list-style: none;
    text-indent: 0px;
}
#v-menu li {
    margin-top: 0px;
    border-bottom: 1px solid #414141;
}
#v-menu a {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight:bold;
    font-variant: inherit;
    padding: 0px;
    color:#CCC;
    display: block;
    padding: 13px 50px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheRhUE29XwHJoXSckd5UyCzZJ8AFRkmteoplts1UVjOsaa3giZYXS8y8uR-QRguJKsqCxZ1qGushMPtjbkYyeq2oxrVv4yFlpjDTdmhk3oB28YxeQn25o3ZvRqXkWkwbUSN3n1jBk086_G/s1600/menu-bg.png) no-repeat;
    text-shadow: 1px 1px 1px #111;
    -webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
#v-menu a:hover {
    background: #5e5e5e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM88apPMFZBoogakQk9WKy1hwvD9qw0Kih_27c1J6ssIYSZRwyACfquBi2M_v4sKLkGKQ_wW0g-4SOyLZ9qhkTfuJ4e2ZuH3akNOKS_DdVZBvhyphenhyphenJEvqlEaVTac6TWUkDU5EVlWk-qpOPxg/s1600/hover-bg.png) no-repeat;
    font-size: 14px;
    padding: 13px 60px;
    -webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
   
}
#v-menu a:visited {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM88apPMFZBoogakQk9WKy1hwvD9qw0Kih_27c1J6ssIYSZRwyACfquBi2M_v4sKLkGKQ_wW0g-4SOyLZ9qhkTfuJ4e2ZuH3akNOKS_DdVZBvhyphenhyphenJEvqlEaVTac6TWUkDU5EVlWk-qpOPxg/s1600/hover-bg.png) no-repeat;   
}
#v-menu a:active {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM88apPMFZBoogakQk9WKy1hwvD9qw0Kih_27c1J6ssIYSZRwyACfquBi2M_v4sKLkGKQ_wW0g-4SOyLZ9qhkTfuJ4e2ZuH3akNOKS_DdVZBvhyphenhyphenJEvqlEaVTac6TWUkDU5EVlWk-qpOPxg/s1600/hover-bg.png) no-repeat;   
}
</style>
<div id='v-menu'>
<ul>
<li><a href="URL ADRESİNİZ">menu1</a></li>
<li><a href="URL ADRESİNİZ">menu2</a></li>
<li><a href="URL ADRESİNİZ">munu3</a></li>
<li><a href="URL ADRESİNİZ">menu4</a></li>
<li><a href="URL ADRESİNİZ">menu5</a></li>
<li><a href="URL ADRESİNİZ">menu6</a></li>
</ul>
</div>

Menu

Köpek Irkları

Köpeklerde Beslenme

Köpek Bakımı

Köpeklerde
Aşı

Menu

<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>

Menu

<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Product</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>

Menu

<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>

Menu

Menu

.cf:after {
      clear: both;
  }

.cf {
      *zoom: 1;
  }

.menu,
  .submenu {
   margin: 0;
   padding: 0;
   list-style: none;
  }

.menu {   
   margin: 50px auto;
   width: 800px;   
   width: -moz-fit-content;
   width: -webkit-fit-content;
   width: fit-content; 
  }

.menu > li {
   background: #34495e;
   float: left;
   position: relative;
   transform: skewX(25deg);
  }

.menu a {
   display: block;
   color: #fff;
   text-transform: uppercase;
   text-decoration: none;
   font-family: Arial, Helvetica;
   font-size: 14px;
  }

.menu li:hover {
   background: #e74c3c;
  }

.menu > li > a {
   transform: skewX(-25deg);
   padding: 1em 2em;
  }

/* Dropdown */
  .submenu {
   position: absolute;
   width: 200px;
   left: 50%; margin-left: -100px;
   transform: skewX(-25deg);
   transform-origin: left top;
  }

.submenu li {
   background-color: #34495e;
   position: relative;
   overflow: hidden;  
  }

.submenu > li > a {
   padding: 1em 2em;   
  }

.submenu > li::after {
   content: '';
   position: absolute;
   top: -125%;
   height: 100%;
   width: 100%;   
   box-shadow: 0 0 50px rgba(0, 0, 0, .9);   
  }

.submenu > li:nth-child(odd){
   transform: skewX(-25deg) translateX(0);
  }

.submenu > li:nth-child(odd) > a {
   transform: skewX(25deg);
  }

.submenu > li:nth-child(odd)::after {
   right: -50%;
   transform: skewX(-25deg) rotate(3deg);
  }

.submenu > li:nth-child(even){
   transform: skewX(25deg) translateX(0);
  }

.submenu > li:nth-child(even) > a {
   transform: skewX(-25deg);
  }

.submenu > li:nth-child(even)::after {
   left: -50%;
   transform: skewX(25deg) rotate(3deg);
  }

/* Show dropdown */
  .submenu,
  .submenu li {
   opacity: 0;
   visibility: hidden;   
  }

.submenu li {
   transition: .2s ease transform;
  }

.menu > li:hover .submenu,
  .menu > li:hover .submenu li {
   opacity: 1;
   visibility: visible;
  }

.menu > li:hover .submenu li:nth-child(even){
   transform: skewX(25deg) translateX(15px);   
  }

.menu > li:hover .submenu li:nth-child(odd){
   transform: skewX(-25deg) translateX(-15px);   
  }
</style>

<br />
<ul class="menu cf">
<li><a href="#">Menu item</a></li>
<li>
        <a href="#">Menu item</a>
        <ul class="submenu">
<li><a href="#">Submenu item</a></li>
<li><a href="#">Submenu item</a></li>
<li><a href="#">Submenu item</a></li>
<li><a href="#">Submenu item</a></li>
</ul>
</li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
<div>

Menu

.cssmenu li:first-child a { border-left: none; }
.cssmenu li:last-child a{ border-right: none; }

.cssmenu li:hover > a { color: #8fde62; }

.cssmenu ul {
 position: absolute;
 top: 40px;
 left: 0;
 opacity: 0;
 background: #1f2024;
 -webkit-border-radius: 0 0 5px 5px;
 -moz-border-radius: 0 0 5px 5px;
 border-radius: 0 0 5px 5px;
 -webkit-transition: opacity .25s ease .1s;
 -moz-transition: opacity .25s ease .1s;
 -o-transition: opacity .25s ease .1s;
 -ms-transition: opacity .25s ease .1s;
 transition: opacity .25s ease .1s;
}

.cssmenu li:hover > ul { opacity: 1; }
.cssmenu ul li {
 height: 0;
 overflow: hidden;
 padding: 0;
 -webkit-transition: height .25s ease .1s;
 -moz-transition: height .25s ease .1s;
 -o-transition: height .25s ease .1s;
 -ms-transition: height .25s ease .1s;
 transition: height .25s ease .1s;
}
.cssmenu li:hover > ul li {
 height: 36px;
 overflow: visible;
 padding: 0;
}
.cssmenu ul li a {
 width: 100px;
 padding: 4px 0 4px 40px;
 margin: 0;
 border: none;
 border-bottom: 1px solid #353539;
}
.cssmenu ul li:last-child a { border: none; }
.cssmenu a.documents { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHBhDuQainr-Hee9arVmFnealRHgqfUK_gaph7I0COBY5QZ3ClSmbdElfNNROfhywo_HEDLtBpC-m5gSgSlO58yp-fS5vCGl8iQtEkH88OvwsUv0Dx0BuqoRkfMu7mQfi85e8KJ-sm-bUX/s1600/docs.png) no-repeat 6px center; }
.cssmenu a.messages { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZf5kdzbJi604qPgti7KGgBu4NoS5uIUFrxX2C0GgThv8tvp9gmXBw6dnKSMaACkGHlbLTD1KXygERXGH44B9GmjOgor7h57hOGQEjJluW2vKM1xwpc8b8_0lytKfgHwqhDWheFT55yol/s1600/bubble.png) no-repeat 6px center; }
.cssmenu a.signout { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg92f_7U0xY054VQcdl9PinGpzPM2_t9C6gNJQXKd6vckmn9AQLtnoMtUDdnhDNU30lTciMH-0yBw2lxT2nIl_LOejYhXYYk1cqJwlZrAXptA5DFKlLSF_lRGZg746JxBoGezWADMnHeDHt/s1600/arrow.png) no-repeat 6px center; }

</style>
<ul class="cssmenu">
<li><a href="#">Home</a></li>
<li><a href="#">Likes</a></li>
<li><a href="#">Views</a>

<ul>
<li><a href="#" class="documents">Documents</a></li>
<li><a href="#" class="messages">Messages</a></li>
<li><a href="#" class="signout">Sign Out</a></li>
</ul>
</li>
<li><a href="#">Uploads</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact us</a></li>
</ul>

Menu

Menu List ▲

List
List►
- List
- List
- List
- List
- List
List
List
List

Menu List ▲

List
List►
- List
- List
- List
- List
- List
List
List
List

Menu List ▲

display:table;padding:0;margin:1em auto;border-spacing:0;padding:0.5em;

border-radius:0.5em;border:1px solid #777;box-shadow:0 0 3px #999;

white-space:nowrap;}

#bt_tabmenu li  p  {border-radius: 0.5em 0.5em 0  0 ; }

#bt_tabmenu li ul li:last-child a {border-radius: 0  0 0.5em 0.5em ;}

#bt_tabmenu ul {display:table;margin:0;padding:0;position:absolute;

left:-9999px;z-index:1;top:1.6em;}

#bt_tabmenu  > li {display:inline-block;width:150px;vertical-align:top;position:relative;white-space:normal;}

#bt_tabmenu ul li {float:right;list-style-type:none;clear:right;height:1.6em;}

#bt_tabmenu li a , #bt_tabmenu p {border:solid 1px #333;background-color:gray;background-image:linear-gradient(90deg,#aaa,#eee);

display:block;width:150px;text-indent:1em;margin:0;outline:0;text-decoration:none;color:#333;}

#bt_tabmenu li a  {box-shadow: 0px 3px 10px  -5px black;float:right;}

#bt_tabmenu p {position:relative;height:1.6em;}

#bt_tabmenu p:after {content:'\25BC';position:absolute;right:5px;text-shadow:1px 1px 1px gray;}

#bt_tabmenu p:focus:after {content:'';}

#bt_tabmenu p a {display:inline;position:absolute;border:0;left:-9999px;background:transparent;

color:#E68F28;text-shadow:0 0 1px black,0 0 2px white;text-decoration:none;text-align:right;width:auto;

padding-right:5px;}

#bt_tabmenu p:focus a {top:0;left:0;right:0;bottom:0;}

#bt_tabmenu ul a:focus , #bt_tabmenu p:focus + ul li a {margin-left:9999px;}

#bt_tabmenu a:focus:before {content:'\25BA';margin-left:-1em;color:#E9CF5F;}

:focus {font-variant:small-caps;text-shadow:0 0 1px #333, 0 0 5px gray;}

[tabindex] {cursor:pointer;}

#bt_tabmenu ul ul{left:150px;position:relative;top:-1.95em;width:150px;display:table;margin:0 0 0 -9999px;z-index:1;}

#bt_tabmenu ul ul a {margin-left:-9999px;}

#bt_tabmenu ul ul li a:focus  {margin-left:19998px;}

#bt_tabmenu ul ul li:first-child a {border-radius:0 0.5em 0 0 ;}

#bt_tabmenu ul li a:focus.fermoir  + ul {

margin-left:10001px;}

#bt_tabmenu ul li .fermoir {position:absolute;z-index:1;right:1px;margin-top:1px;border:0;width:auto;background:none;box-shadow:none;

padding: 0 5px 0 20px;text-indent:0;line-height:1.4em;}

.fermoir:before {display:none;}

#bt_tabmenu ul li .fermoir:focus , p#bt_tabmenu {color:white;}

</style>
<div id="bt_tabmenu">
<li><p tabindex="0" onclick="" >
Menu List <a href="#" tabindex="-1" title=""# class="fermoir">▲</a></p>
<ul>
<li><a href="#" tabindex="0" >List</a></li>
<li><a href="#" tabindex="0" >List</a></li>
<li><a href="#" tabindex="0" >List</a></li>
<li><a href="#" tabindex="0" >List</a></li>
<li><a href="#" tabindex="0" >List</a></li>
</ul>
</li>
<li><p tabindex="0"  onclick="">
Menu List <a href="#" tabindex="-1" title="" class="fermoir">▲</a></p>
<ul>
<li><a href="#" tabindex="0" >List</a></li>
<li><a href="#" tabindex="0" >List</a><a class="fermoir" tabindex="-1" onclick="" href="#none">►</a>

Dikey Menu Mavi

<center>
  <a href="SAYFANIZIN_ANASAYFA_SEKMESİNİN_LİNKİ" title="Anasayfa"> <img src="http://i44.tinypic.com/10r8mxw.jpg"></a><br>   <a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"> <img src="http://i41.tinypic.com/6s6y3l.jpg"></a><br>   <a href="#" ajaxify="/ajax/social_graph/invite_dialog.php?class=FanManager&node_id=SAYFANIZIN_ID_NUMARASI" title="Buraya tıklayarak sayfamızı arkadaşlarınıza önerebilirsiniz" class=" profile_action actionspro_a" rel="dialog-post"><img src="http://i43.tinypic.com/mll405.jpg"></a><br>   <a href="http://www.facebook.com/ajax/share_dialog.php?s=18&appid=2530096808&p[]=SAYFANIZIN_ID_NUMARASI" rel="dialog" title="Lütfen buraya tıklayarak sayfamızı profilinizde paylaşın. Teşekkürler!" class="share share_a" onclick="(new Image()).src = '/ajax/ct.php?app_id=4949752878&action_type=3&post_form_id=c77405fc74ceb120297bc7dcba250125&position=2&' + Math.random();return true;" class=" profile_action actionspro_a"> <img src="http://i43.tinypic.com/20prh9x.jpg"></a><br>   <a href="SAYFANIZIN_YOUTUBE_(VARSA)_SEKMESİNİN_LİNKİ" title="YouTube"> <img src="http://i39.tinypic.com/1zp1454.jpg"></a><br>   <a href="SAYFANIZIN_VİDEO_SEKMESİNİN_LİNKİ" title="Video"> <img src="http://i39.tinypic.com/52cpyo.jpg"></a><br>   <a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar"> <img src="http://i43.tinypic.com/s2uq8k.jpg"></a><br>   <a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar"> <img src="http://i41.tinypic.com/23lgd4.jpg"></a><br>   <a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar"> <img src="http://i40.tinypic.com/28s7yw7.jpg"></a><br>   <a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar"> <img src="http://i41.tinypic.com/11ranmc.jpg"></a><br>   <a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler"> <img src="http://i39.tinypic.com/o0coys.jpg"></a><br>   <a href="SAYFA_KURUCUSUNUN_PROFİL_LİNKİ" title="Şikayet"> <img src="http://i39.tinypic.com/zob8u0.jpg"></a></center>

Dikey Menu siyah

<center>
  <a href="SAYFANIZIN_ANASAYFA_SEKMESİNİN_LİNKİ" title="Anasayfa"> <img src="http://i43.tinypic.com/2e0ojug.jpg"></a><br>   <a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"> <img src="http://i44.tinypic.com/11b3ioj.jpg"></a><br>   <a href="#" ajaxify="/ajax/social_graph/invite_dialog.php?class=FanManager&node_id=SAYFANIZIN_ID_NUMARASI" title="Buraya tıklayarak sayfamızı arkadaşlarınıza önerebilirsiniz" class=" profile_action actionspro_a" rel="dialog-post"><img src="http://i44.tinypic.com/25k0y8w.jpg"></a><br>   <a href="http://www.facebook.com/ajax/share_dialog.php?s=18&appid=2530096808&p[]=SAYFANIZIN_ID_NUMARASI" rel="dialog" title="Lütfen buraya tıklayarak sayfamızı profilinizde paylaşın. Teşekkürler!" class="share share_a" onclick="(new Image()).src = '/ajax/ct.php?app_id=4949752878&action_type=3&post_form_id=c77405fc74ceb120297bc7dcba250125&position=2&' + Math.random();return true;" class=" profile_action actionspro_a"> <img src="http://i40.tinypic.com/n4zbzb.jpg"></a><br>   <a href="SAYFANIZIN_YOUTUBE_(VARSA)_SEKMESİNİN_LİNKİ" title="YouTube"> <img src="http://i40.tinypic.com/1iz9fk.jpg"></a><br>   <a href="SAYFANIZIN_VİDEO_SEKMESİNİN_LİNKİ" title="Video"> <img src="http://i41.tinypic.com/34nkroi.jpg"></a><br>   <a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar"> <img src="http://i44.tinypic.com/34h7775.jpg"></a><br>   <a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar"> <img src="http://i43.tinypic.com/w9z721.jpg"></a><br>   <a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar"> <img src="http://i39.tinypic.com/2up73x3.jpg"></a><br>   <a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar"> <img src="http://i40.tinypic.com/1zyx1ep.jpg"></a><br>   <a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler"> <img src="http://i42.tinypic.com/250kzh0.jpg"></a><br>   <a href="SAYFA_KURUCUSUNUN_PROFİL_LİNKİ" title="Şikayet"> <img src="http://i40.tinypic.com/29gimph.jpg"></a></center>
Yeşil Menü Kodu;
KOD:
 <center>
  <a href="SAYFANIZIN_ANASAYFA_SEKMESİNİN_LİNKİ" title="Anasayfa"> <img src="http://i41.tinypic.com/oatedx.jpg"></a><br>   <a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"> <img src="http://i44.tinypic.com/148p300.jpg"></a><br>   <a href="#" ajaxify="/ajax/social_graph/invite_dialog.php?class=FanManager&node_id=SAYFANIZIN_ID_NUMARASI" title="Buraya tıklayarak sayfamızı arkadaşlarınıza önerebilirsiniz" class=" profile_action actionspro_a" rel="dialog-post"><img src="http://i40.tinypic.com/1zegwtf.jpg"></a><br>   <a href="http://www.facebook.com/ajax/share_dialog.php?s=18&appid=2530096808&p[]=SAYFANIZIN_ID_NUMARASI" rel="dialog" title="Lütfen buraya tıklayarak sayfamızı profilinizde paylaşın. Teşekkürler!" class="share share_a" onclick="(new Image()).src = '/ajax/ct.php?app_id=4949752878&action_type=3&post_form_id=c77405fc74ceb120297bc7dcba250125&position=2&' + Math.random();return true;" class=" profile_action actionspro_a"> <img src="http://i44.tinypic.com/efqbyc.jpg"></a><br>   <a href="SAYFANIZIN_YOUTUBE_(VARSA)_SEKMESİNİN_LİNKİ" title="YouTube"> <img src="http://i40.tinypic.com/10mpjdf.jpg"></a><br>   <a href="SAYFANIZIN_VİDEO_SEKMESİNİN_LİNKİ" title="Video"> <img src="http://i44.tinypic.com/k21j4h.jpg"></a><br>   <a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar"> <img src="http://i40.tinypic.com/vimyqx.jpg"></a><br>   <a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar"> <img src="http://i43.tinypic.com/2liu6tc.jpg"></a><br>   <a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar"> <img src="http://i42.tinypic.com/351e7sx.jpg"></a><br>   <a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar"> <img src="http://i43.tinypic.com/xc16i8.jpg "></a><br>   <a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler"> <img src="http://i39.tinypic.com/2iaub9k.jpg"></a><br>   <a href="SAYFA_KURUCUSUNUN_PROFİL_LİNKİ" title="Şikayet"> <img src="http://i44.tinypic.com/2vt63jo.jpg"></a></center>

Harfler

<br /> <center>
<style type="text/css">                #menu10  {        border: solid 0px #e6e6e6;        width:190px;        margin: 0px;        padding:0px;                }                #menu10 ul ,#menu10 li{         list-style: none;                margin: 0px;                padding: 0px;                }                #menu10 li a:link , #menu10 li a:visited , #menu10 li a:active {display:block;height:38px;        line-height:38px;        background-image:url(http://img.webme.com/pic/f/fbmlkodarsiv/mvjhux.jpg);                        color:#fff;                text-decoration:none;        text-align:center;                font-size: 13px;                font-family: verdana, sans-serif;        padding-right:2px;                padding-bottom:0px;                margin:0px;                }                #menu10 li a:hover {background-color:#FEFFFF;        background-image:url(http://img.webme.com/pic/f/fbmlkodarsiv/a9logx.jpg);                color:#000;}                </style>                <div id="menu10">
        <ul>        
<li><a href="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" title="Duvar"><b>Duvar</b></a></li>

<li><a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"><b>Bilgiler</b></a></li>

<li><a href="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" title="Kurallarımız"  target="_blank"><b>Kurallarımız</b></a></li>

<li><a href="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" title="YouTube" target="_blank"><b>YouTube</b></a></li>

<li><a href="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" title="Videolar" target="_blank"><b>Video</b></a></li>

<li><a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar" target="_blank"><b>Tartışmalar</b></a></li>

<li><a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar" target="_blank"><b>Notlar</b></a></li>

<li><a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar" target="_blank"><b>Fotoğraflar</b></a></li>

<li><a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar" target="_blank"><b>Bağlantılar</b></a></li>

<li><a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" _fcksavedurl="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler" target="_blank"><b>Değerlendirmeler</b></a></li>

<li><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=MSN_ID_NUMARANIZ@apps.messenger.live.com&mkt=tr-TR" _fcksavedurl="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=MSN_ID_NUMARANIZ@apps.messenger.live.com&mkt=tr-TR" title="Sayfa Kurucusu ile MSN üzerinden irtibata geçebilirsiniz" class=" profile_action actionspro_a" target="_blank" rel="nofollow" onmousedown_fckprotectedatt="%20onmousedown%3D'UntrustedLink.bootstrap(%24(this)%2C%20%22%22%2C%20event)'"><b>Admin İletişim (MSN)</b></a></li>

<li><a href="http://www.facebook.com/inbox/?compose&id=SAYFA_KURUCUSUNUN_ID_NUMARASI" _fcksavedurl="http://www.facebook.com/inbox/?compose&id=SAYFA_KURUCUSUNUN_ID_NUMARASI" title="Buradan Sayfa kurucusuna facebook üzerinden mesaj göndebilirsiniz" class=" profile_action actionspro_a" target="_blank"><b>Admin İletişim (fb)</b></a></li>
</ul>
</div>
</center>
<br />

Diker Kırmızı Menu

<br /><center>
<a title="Anasayfa" href="SAYFA URL" _fcksavedurl="SAYFA URL"><img alt="" border="0" src="http://img.webme.com/pic/f/fbmlkodarsiv/01-anasayfa_kirmizi.gif" _fcksavedurl="http://img.webme.com/pic/f/fbmlkodarsiv/01-anasayfa_kirmizi.gif" /></a><br />       <a title="Video" href="SAYFA URL" _fcksavedurl="SAYFA URL"><img alt="" border="0" src="http://img.webme.com/pic/f/fbmlkodarsiv/06-video_kirmizi.gif" _fcksavedurl="http://img.webme.com/pic/f/fbmlkodarsiv/06-video_kirmizi.gif" /></a><br />       <a title="Fotoğraflar" href="SAYFA URL" _fcksavedurl="SAYFA URL"><img alt="" border="0" src="http://img.webme.com/pic/f/fbmlkodarsiv/07-fotograflar_kirmizi.gif" _fcksavedurl="http://img.webme.com/pic/f/fbmlkodarsiv/07-fotograflar_kirmizi.gif" /></a><br />       <a title="Notlar" href="SAYFA URL" _fcksavedurl="SAYFA URL"><img alt="" border="0" src="http://img.webme.com/pic/f/fbmlkodarsiv/08-notlar_kirmizi.gif" _fcksavedurl="http://img.webme.com/pic/f/fbmlkodarsiv/08-notlar_kirmizi.gif" /></a><br />       <a title="Tartışmalar" href="SAYFA URL" _fcksavedurl="SAYFA URL"><img alt="" border="0" src="http://img.webme.com/pic/f/fbmlkodarsiv/09-tartismalar_kirmizi.gif" _fcksavedurl="http://img.webme.com/pic/f/fbmlkodarsiv/09-tartismalar_kirmizi.gif" /></a><br />       <a href="SAYFA URL" _fcksavedurl="SAYFA URL"><img alt="" border="0" src="http://img.webme.com/pic/f/fbmlkodarsiv/04-paylas_kirmizi.gif" _fcksavedurl="http://img.webme.com/pic/f/fbmlkodarsiv/04-paylas_kirmizi.gif" /></a><br />       <a title="Şikayet" href="SAYFA URL" _fcksavedurl="SAYFA URL"><img alt="" border="0" src="http://img.webme.com/pic/f/fbmlkodarsiv/12-sikayet_istek_kirmizi.gif" _fcksavedurl="http://img.webme.com/pic/f/fbmlkodarsiv/12-sikayet_istek_kirmizi.gif" /></a><br /></center>
<br />

Sidebar veya Yazı İçine Eklenebilir Menu
Ana Sayfa

Buton1

Buton2

Buton3

http://www.webkenti.net : Tıklandığında gidilmesi istenen URL
Ana Sayfa : Buton üzerindeki yazı

Menüler

Açılır Menü

Dikey Menü

Menu

Açılır Link Menü

Buton Menü

Hareketli Menü

Anasayfa
burası değişecek
linkler eklenerek
menü oluşturulacak
istediğiniz kadar çoğaltabilirsiniz
renk değişebilir
color kısmından

nSpace=7   // how many space maximum between each letter
nSpeed=200 // Animasyonun Hızı
timerLSM=null;
function LetterSpacingMenu() {
  if(document.getElementById){
  lnks = Math.floor(Math.random()*lnk.length);
  letterSpacing = Math.floor(Math.random()*nSpace);
  lnk[lnks].style.letterSpacing = letterSpacing + "px";
  timerLSM = setTimeout("LetterSpacingMenu()", nSpeed);
  }
}
function StopMenu() {
  if(document.getElementById) {
  clearTimeout(timerLSM);
  for(i=0;i<lnk.length;i++)
  lnk[i].style.letterSpacing = 0 + "px";
  }
}
function LSMenuInit() {
  if(document.getElementById) {
  lnk = document.getElementById("menucont").getElementsByTagName("a");
  cnt = document.getElementById("menucont");
  cnt.style.textAlign= "center";
  cnt.onmouseover=StopMenu;
  cnt.onmouseout=LetterSpacingMenu;
  LetterSpacingMenu();
  }
}
onload=LSMenuInit;

</script>

<div id="menucont">
  <a href="Link Buraya" id="a1" class="menulinks" title="isim ">Anasayfa</a><br>
  <a href="Link Buraya" id="a2" class="menulinks" title="isim ">burası değişecek</a><br>
  <a href="Link Buraya" id="a1" class="menulinks" title="isim ">linkler eklenerek</a><br>
  <a href="Link Buraya" id="a1" class="menulinks" title="isim ">menü oluşturulacak</a><br>
  <a href="Link Buraya" id="a1" class="menulinks" title="isim">istediğiniz kadar çoğaltabilirsiniz</a><br>
  <a href="Link Buraya" id="a1" class="menulinks" title="isim">renk değişebilir</a><br>
  <a href="Link Buraya" id="a1" class="menulinks" title="isim">color kısmından</a><br>

</div>

Enis Baydemir

Sayfalar

Menü Kodları

Radyo

Sesli Kitap

Yazılar

Blog Yazısını Sayfalara Ayırmak

Sayfayı veya Konuyu Tam Ekran Yapmak

Scrollbarlı Slayt veya Playlist

Kayan yazı nasıl yapılır

Sayfa yenilemeden belirlenen alanda içerik güncelleme kodu

Blog Yazısını Sayfalara Ayırmak

Sayfayı veya Konuyu Tam Ekran Yapmak

Scrollbarlı Slayt veya Playlist

Kayan yazı nasıl yapılır

Sayfa yenilemeden belirlenen alanda içerik güncelleme kodu

İzleyiciler

Hakkımda