Komedya TV | MEDYAPP-Bir Medya Uygulaması...: csskodlar

<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ı »

<head><link href="style.css" rel="stylesheet" type="text/css"></link><head> <style type="text/css">   2  body {background-color:#666;}    3  #header {width:800px; margin:0 auto;}    4   #hsocial .twitter, #hsocial .twitter:visited {     background: url("twitter.png") no-repeat 10px center rgb(0, 172, 237); } #hsocial .facebook, #hsocial .facebook:visited {     background: url("facebook.png") no-repeat 10px center rgb(59, 89, 152); } #hsocial .gplus, #hsocial .gplus:visited {     background: url("gplus.png") no-repeat 10px center rgb(184, 51, 36); } #hsocial .digg, #hsocial .digg:visited {     background: url("digg.png") no-repeat 10px center rgb(0, 0, 0); } #hsocial .stumbleupon, #hsocial .stumbleupon:visited {     background: url("stumbleupon.png") no-repeat 10px center rgb(66, 174, 67); } #hsocial .pinterest, #hsocial .pinterest:visited {     background: url("pinterest.png") no-repeat 10px center rgb(216, 58, 62); } #hsocial a,#hsocial a:visited{     display:inline-block;     margin-right:5px;     margin-bottom:5px;     padding:10px 15px 10px 40px;     color:white;     font-weight:bold;     text-transform:uppercase;     font-size:14px;     font-family:'montserratbold',sans-serif;           -webkit-transition:all .15s ease-in-out;     -moz-transition:all .15s ease-in-out;        -ms-transition:all .15s ease-in-out;     -o-transition:all .15s ease-in-out;     transition:all .15s ease-in-out; } #hsocial a:hover,#hsocial a:visited:hover{     -webkit-opacity:.5;-moz-opacity:.5;opacity:.5;color:white } #hsocial a, a:visited {     text-decoration: none; } #hsocial{width:350px;}    5  </style>    <div id="hsocial"><a class="gplus" href="https://htmlkodcanavarihtmldehasi.blogspot.com/">Google+</a><a class="facebook" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Facebook</a><a class="twitter" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Twitter</a><a class="pinterest" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Pinterest</a><a class="stumbleupon" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Stumbleupon</a><a class="digg" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Digg</a></div></head></head> <b><b>HTML KOD</b></b> <form method="post" action=""><textarea name="comments" cols="25" rows="5"><div id="hsocial"><a class="gplus" href="https://htmlkodcanavarihtmldehasi.blogspot.com/">Google+</a><a class="facebook" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Facebook</a><a class="twitter" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Twitter</a><a class="pinterest" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Pinterest</a><a class="stumbleupon" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Stumbleupon</a><a class="digg" href="https://htmlkodcanavarhtmldehasi.blogspot.com/">Digg</a></div></head></head><a target="_blank" href="http://www.htmlkodcanavari.blogspot.com" style="font-size: 6pt; text-decoration: none">Html Kod Canavarı Css Sosyal Medya Butonu</a>

CSS KOD

#hsocial .twitter, #hsocial .twitter:visited {     background: url("twitter.png") no-repeat 10px center rgb(0, 172, 237); } #hsocial .facebook, #hsocial .facebook:visited {     background: url("facebook.png") no-repeat 10px center rgb(59, 89, 152); } #hsocial .gplus, #hsocial .gplus:visited {     background: url("gplus.png") no-repeat 10px center rgb(184, 51, 36); } #hsocial .digg, #hsocial .digg:visited {     background: url("digg.png") no-repeat 10px center rgb(0, 0, 0); } #hsocial .stumbleupon, #hsocial .stumbleupon:visited {     background: url("stumbleupon.png") no-repeat 10px center rgb(66, 174, 67); } #hsocial .pinterest, #hsocial .pinterest:visited {     background: url("pinterest.png") no-repeat 10px center rgb(216, 58, 62); } #hsocial a,#hsocial a:visited{     display:inline-block;     margin-right:5px;     margin-bottom:5px;     padding:10px 15px 10px 40px;     color:white;     font-weight:bold;     text-transform:uppercase;     font-size:14px;     font-family:'montserratbold',sans-serif;           -webkit-transition:all .15s ease-in-out;     -moz-transition:all .15s ease-in-out;        -ms-transition:all .15s ease-in-out;     -o-transition:all .15s ease-in-out;     transition:all .15s ease-in-out; } #hsocial a:hover,#hsocial a:visited:hover{     -webkit-opacity:.5;-moz-opacity:.5;opacity:.5;color:white } #hsocial a, a:visited {     text-decoration: none; } #hsocial{width:350px;}<a target="_blank" href="http://www.htmlkodcanavari.blogspot.com" style="font-size: 6pt; text-decoration: none">Html Kod Canavarı Css Sosyal Medya Butonu</a>