Komedya TV | MEDYAPP-Bir Medya Uygulaması...: responsive css menu

<head>       <link href="style.css" rel="stylesheet" type="text/css"></link><head>   1  <style type="text/css">   2  body {background-color:#666;}    3  #header {width:800px; margin:0 auto;}    4   @import url(http://fonts.googleapis.com/css?family=Open+Sans:700); #cssmenu {   background: #f96e5b;   width: auto; } #cssmenu ul {   list-style: none;   margin: 0;   padding: 0;   line-height: 1;   display: block;   zoom: 1; } #cssmenu ul:after {   content: " ";   display: block;   font-size: 0;   height: 0;   clear: both;   visibility: hidden; } #cssmenu ul li {   display: inline-block;   padding: 0;   margin: 0; } #cssmenu.align-right ul li {   float: right; } #cssmenu.align-center ul {   text-align: center; } #cssmenu ul li a {   color: #ffffff;   text-decoration: none;   display: block;   padding: 15px 25px;   font-family: 'Open Sans', sans-serif;   font-weight: 700;   text-transform: uppercase;   font-size: 14px;   position: relative;   -webkit-transition: color .25s;   -moz-transition: color .25s;   -ms-transition: color .25s;   -o-transition: color .25s;   transition: color .25s; } #cssmenu ul li a:hover {   color: #333333; } #cssmenu ul li a:hover:before {   width: 100%; } #cssmenu ul li a:after {   content: "";   display: block;   position: absolute;   right: -3px;   top: 19px;   height: 6px;   width: 6px;   background: #ffffff;   opacity: .5; } #cssmenu ul li a:before {   content: "";   display: block;   position: absolute;   left: 0;   bottom: 0;   height: 3px;   width: 0;   background: #333333;   -webkit-transition: width .25s;   -moz-transition: width .25s;   -ms-transition: width .25s;   -o-transition: width .25s;   transition: width .25s; } #cssmenu ul li.last > a:after, #cssmenu ul li:last-child > a:after {   display: none; } #cssmenu ul li.active a {   color: #333333; } #cssmenu ul li.active a:before {   width: 100%; } #cssmenu.align-right li.last > a:after, #cssmenu.align-right li:last-child > a:after {   display: block; } #cssmenu.align-right li:first-child a:after {   display: none; } @media screen and (max-width: 768px) {   #cssmenu ul li {     float: none;     display: block;   }   #cssmenu ul li a {     width: 100%;     -moz-box-sizing: border-box;     -webkit-box-sizing: border-box;     box-sizing: border-box;     border-bottom: 1px solid #fb998c;   }   #cssmenu ul li.last > a,   #cssmenu ul li:last-child > a {     border: 0;   }   #cssmenu ul li a:after {     display: none;   }   #cssmenu ul li a:before {     display: none;   } }     5  </style>  </head></head>   <html lang=""><head>               <link href="styles.css" rel="stylesheet"></link>   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>   <script src="script.js"></script>   <title>Html Kod Canavarı</title></head><body> <div id="cssmenu"><ul><li class="active"><a href="http://htmlkodcanavari.blogspot.com/"><span>Anasayfa</span></a></li><li><a href="http://htmlkodcanavari.blogspot.com/"><span>Buraya Ne İsterseniz Yazın</span></a></li><li><a href="http://htmlkodcanavari.blogspot.com/"><span>Buraya Ne İsterseniz Yazın</span></a></li><li class="last"><a href="http://htmlkodcanavari.blogspot.com/"><span>İletişim</span></a></li></ul></div></body><html></html></html>    <b> HTML KOD</b>  <form method="post" action=""><textarea name="comments" cols="25" rows="5"><html lang=""><head>               <link href="style.css" rel="stylesheet"></link>   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>   <script src="script.js"></script>   <title>Html Kod Canavarı</title></head><body> <div id="cssmenu"><ul><li class="active"><a href="http://htmlkodcanavari.blogspot.com/"><span>Anasayfa</span></a></li><li><a href="http://htmlkodcanavari.blogspot.com/"><span>Buraya Ne İsterseniz Yazın</span></a></li><li><a href="http://htmlkodcanavari.blogspot.com/"><span>Buraya Ne İsterseniz Yazın</span></a></li><li class="last"><a href="http://htmlkodcanavari.blogspot.com/"><span>İletişim</span></a></li></ul></div></body><html></html></html><a target="_blank" href="http://www.htmlkodcanavari.blogspot.com/search/label/csskodlar" style="font-size: 6pt; text-decoration: none">Html Kod Canavarı Css Responsive Menu Kodu</a>

Css Kod

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700); #cssmenu {   background: #f96e5b;   width: auto; } #cssmenu ul {   list-style: none;   margin: 0;   padding: 0;   line-height: 1;   display: block;   zoom: 1; } #cssmenu ul:after {   content: " ";   display: block;   font-size: 0;   height: 0;   clear: both;   visibility: hidden; } #cssmenu ul li {   display: inline-block;   padding: 0;   margin: 0; } #cssmenu.align-right ul li {   float: right; } #cssmenu.align-center ul {   text-align: center; } #cssmenu ul li a {   color: #ffffff;   text-decoration: none;   display: block;   padding: 15px 25px;   font-family: 'Open Sans', sans-serif;   font-weight: 700;   text-transform: uppercase;   font-size: 14px;   position: relative;   -webkit-transition: color .25s;   -moz-transition: color .25s;   -ms-transition: color .25s;   -o-transition: color .25s;   transition: color .25s; } #cssmenu ul li a:hover {   color: #333333; } #cssmenu ul li a:hover:before {   width: 100%; } #cssmenu ul li a:after {   content: "";   display: block;   position: absolute;   right: -3px;   top: 19px;   height: 6px;   width: 6px;   background: #ffffff;   opacity: .5; } #cssmenu ul li a:before {   content: "";   display: block;   position: absolute;   left: 0;   bottom: 0;   height: 3px;   width: 0;   background: #333333;   -webkit-transition: width .25s;   -moz-transition: width .25s;   -ms-transition: width .25s;   -o-transition: width .25s;   transition: width .25s; } #cssmenu ul li.last > a:after, #cssmenu ul li:last-child > a:after {   display: none; } #cssmenu ul li.active a {   color: #333333; } #cssmenu ul li.active a:before {   width: 100%; } #cssmenu.align-right li.last > a:after, #cssmenu.align-right li:last-child > a:after {   display: block; } #cssmenu.align-right li:first-child a:after {   display: none; } @media screen and (max-width: 768px) {   #cssmenu ul li {     float: none;     display: block;   }   #cssmenu ul li a {     width: 100%;     -moz-box-sizing: border-box;     -webkit-box-sizing: border-box;     box-sizing: border-box;     border-bottom: 1px solid #fb998c;   }   #cssmenu ul li.last > a,   #cssmenu ul li:last-child > a {     border: 0;   }   #cssmenu ul li a:after {     display: none;   }   #cssmenu ul li a:before {     display: none;   } } <a target="_blank" href="http://www.htmlkodcanavari.blogspot.com/search/label/csskodlar" style="font-size: 6pt; text-decoration: none">Html Kod Canavarı Css Responsive Menu Kodu</a>

Sitenize Css İle Hazırlanmış Responsive Süper Bir Menu Ekleyin Kodu- HTML KOD CANAVARI

1 Html Kod Canavarı Anasayfa Buraya Ne İsterseniz Yazın Buraya Ne İsterseniz Yazın İletişim HT...

Devamı »

Sitenize Css İle Hazırlanmış Responsive Süper Bir Menu Ekleyin Kodu- HTML KOD CANAVARI

E-DEVLET REHBERİ

Burada Yer Almak İster misiniz?