Responsive Ad
Responsive Ad
Featured Games
Cookie Consent

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.

404Something Wrong!

The page you've requested can't be found. Why don't you browse around?

Take me back
Featured Apps

APMODY

Mauris lacus dolor, ultricies vel sodales ac, egestas vel eros.

webpaylaşım

Situs Coder Blogging yang menyediakan tutorial seputar Blog, Coding, dan Editing. Belajar Fundamental Programming disinlah tempatnya!

Code Pelajar

Fundamental Programming.

See All

Yan menü kodu

Siteniz için kendim hazırladığım oldukça şık ve kullanışlı bir yan menü kodu. Menü özelliği çift bilgi etiketli ve renkli olması. Sosyal ağlar olarak yan menüye entegre ettiğim bu kod sitenizde oldukça şık duracaktır.
önizleme resmi
HTML kodu
<style type="text/css"> 
#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;} 
#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;} 
#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;} 
#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url( http://i.hizliresim.com/8Z3oZ7.png  )no-repeat;  background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px;  box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap;  line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;} 
#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt);  line-height:32px;} 
#tbisose .icon{overflow:hidden; color:#fafafa;} 
#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;} 
#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;} 
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;} 
#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;} 
#tbisose .rss{ width:32px;  height:32px;  background-color:rgba(255,102,0,0.42); background-position:-3px -126px;} 
#tbisose li:hover .icon, 
.touch #tbisose li .icon{width:210px;} 
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);} 
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);} 
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);} 
.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);} 
.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);} 
</style>
<ul id="tbisose">
    <li data-alt="Kişisel Yazılarım"><a class="icon facebook" href=" http://webilgici.blogspot.com.tr/">&nbsp;bazı girişimler </a></li>
    <li data-alt="internet"><a class="icon twitter" href="http://webilgici.blogspot.com.tr/">&ouml;nemli programlar</a></li>
    <li data-alt="&quot;HTML&quot;"><a class="icon googleplus" href=" http://webilgici.blogspot.com.tr/">kod ve makaleler</a></li>
    <li data-alt=" Teknoloji "><a class="icon pinterest" href=" http://webilgici.blogspot.com.tr/">&ouml;nemli konular</a></li>
    <li data-alt="wip"><a class="icon rss" href=" http://webilgici.blogspot.com.tr/">wip nedir?</a></li>
</ul>