22 Ιαν 2015

Home » » Το Καλύτερο sticky drop menu για τον blogger

Το Καλύτερο sticky drop menu για τον blogger

By No comments
Για να βάλουμε το menu που βλέπετε στο δικό μου πρότυπο ακολουθούμε τα παρακάτο βήματα:


 Κάνουμε επικόλληση τον παρακάτω κώδικα, κάτω από την </head> ενότητα.


<style>

#wctopdropcont{
  width:100%;
  height:40px;
  display:block;
  padding:0;
  margin:0 0 22px 0;

 z-index:100;
  top:0px;
left:0px;
 position:fixed;
    box-shadow:2px 2px 5px  #444444;
-moz-box-box-shadow:2px 2px 5px  #444444;
-web-kit-box-shadow:2px 2px 5px  #444444;
-goog-ms-box-shadow:2px 2px 5px  #444444;
background:#2e2e2e;
}

#wctopdropnav{
  float:left;
  width:700px;
  height:40px;
  display:block;
  padding:0;
  margin-left:40px;
}

#wctopdropnav ul{
  float:left;
  margin:0;
  padding:0;

}

#wctopdropnav li{
  float:left;
  list-style:none;
  line-height:40px;
  margin:0;
  padding:0
background:#2e2e2e;

}

#wctopdropnav li a, #wctopdropnav li a:link{
  color:#fff;
  display:block;
  margin:0;
font:16px georgia, georgia;
  padding:10px;
  text-decoration:none;
}

#wctopdropnav li a:hover, #wctopdropnav li a:active, #wctopdropnav .current_page_item a  {
  color:#000000;
  padding:10px;
background: rgb(255,167,38,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,167,38,1) 0%, rgba(255,167,38,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,167,38,1)), color-stop(100%,rgba(255,167,38,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,167,38,1) 0%,rgba(255,167,38,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,167,38,1) 0%,rgba(255,167,38,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,167,38,1) 0%,rgba(255,167,38,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,167,38,1) 0%,rgba(255,167,38,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#b4df5b&#39;, endColorstr=&#39;#b4df5b&#39;,GradientType=0 ); /* IE6-9 */
}
#wctopdropnav li li a, #wctopdropnav li li a:link, #wctopdropnav li li a:visited{
  font-size: 14px;
background:#2e2e2e;
  color: #fff;
  width: 150px;
  margin: 0;
  padding: 0px 10px;
  line-height:30px;
  position: relative;
}

#wctopdropnav li li a:hover, #wctopdropnav li li a:active {
  color: #000000;
background: rgb(255,167,38,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,167,38,1) 0%, rgba(255,167,38,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,167,38,1)), color-stop(100%,rgba(255,167,38,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,167,38,1) 0%,rgba(255,167,38,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,167,38,1) 0%,rgba(255,167,38,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,167,38,1) 0%,rgba(255,167,38,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,167,38,1) 0%,rgba(255,167,38,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#b4df5b&#39;, endColorstr=&#39;#b4df5b&#39;,GradientType=0 ); /* IE6-9 */
}

#wctopdropnav li ul{
  z-index:9999;
  position:absolute;
  left:-999em;
  height:auto;
  width:170px;
  margin:0px;
  padding:0px
}

#wctopdropnav li:hover ul, #wctopdropnav li li:hover ul, #wctopdropnav li li li:hover ul, #wctopdropnav li.sfhover ul, #topwctopdropnav li li.sfhover ul, #topwctopdropnav li li li.sfhover ul{
  left:auto
}

#wctopdropnav li:hover, #wctopdropnav li.sfhover{
  position:static
}
#wctopdropsoc {
  float:right;
  width:220px;
  padding:0px 0px ;
  margin:9px 10px 0px 0px;
   }
#wctopdropsoc img
{
margin-left:5px;
margin-top:-2px;
height:26px;
border:none;
}

</style>

  <div id='wctopdropcont'>
     <div id='wctopdropnav'>
         <ul>
           <li><a href='/'>Home</a></li>
           <li><a href='http://trelo-tsibousi.blogspot.gr/2015/01/blog-post_18.html'>About</a></li> 
           <li><a href='http://trelo-tsibousi.blogspot.gr/p/sort-list-by-latest-published-latest.html#0'>Sitemap</a></li>
           <li><a href='https://www.blogger.com/home' target='_blank'>Blogger</a>
               <ul>
                  <li><a href='http://trelo-tsibousi.blogspot.gr/p/blog-page_18.html'>Κουπόνι</a></li>
                  <li><a href='http://www.greekphones.info/' target='_blank'>Greekphones</a></li>
                  <li><a href='https://translate.google.com/' target='_blank'>Translate</a></li>
                  <li><a href='https://www.google.gr/maps/@39.1089518,22.9762238,7z?hl=el' target='_blank'>Maps</a></li>
               </ul>
           </li>
           <li><a href='http://trelo-tsibousi.blogspot.gr/search/label/Ειδήσεις'>News</a>
               <ul>
                  <li><a href='http://tro-ma-ktiko.blogspot.gr/' target='_blank'>Tro-ma-ktiko</a></li>
                  <li><a href='http://kourdistoportocali.com/' target='_blank'>Kourdistoportocali</a></li>
                  <li><a href='http://www.toxwni.gr/' target='_blank'>Toxoni</a></li>
                  <li><a href='http://www.makeleio.gr/' target='_blank'>Makeleio</a></li>
                  <li><a href='http://www.defencenet.gr/defence/index.php' target='_blank'>Defencenet</a></li>
                  <li><a href='http://www.zougla.gr/' target='_blank'>Zougla.gr</a></li>
                  <li><a href='http://www.enikos.gr/' target='_blank'>Enikos</a></li>
                  <li><a href='http://www.real.gr/default.aspx?page=home' target='_blank'>Real.gr</a></li>
                  <li><a href='http://www.newsbomb.gr/' target='_blank'>Newsbomb</a></li>
                  <li><a href='http://www.newsbeast.gr/' target='_blank'>Newsbeast</a></li>
                  <li><a href='http://www.thetoc.gr/' target='_blank'>Thetoc.gr</a></li>
               </ul>
           </li>
           <li><a href='http://trelo-tsibousi.blogspot.gr/p/blog-page_18.html'>Sports</a>
               <ul>
                  <li><a href='http://sportkatastasi.blogspot.gr/' target='_blank'>Sportkatastasi</a></li>
                  <li><a href='http://www.sport24.gr/' target='_blank'>Sport24.gr</a></li>
                  <li><a href='http://www.pamesports.gr/' target='_blank'>Pamesports.gr</a></li>
                  <li><a href='http://www.sentragoal.gr/default.asp' target='_blank'>Ssentragoal.gr</a></li>
                  <li><a href='http://www.sport-fm.gr/' target='_blank'>Sport-fm.gr</a></li>
                  <li><a href='http://www.gazzetta.gr/' target='_blank'>Gazzetta.gr</a></li>
                  <li><a href='http://agones.gr/' target='_blank'>Agones.gr</a></li>
                  <li><a href='http://www.escore.gr/' target='_blank'>Escore.gr</a></li>
                  <li><a href='http://www.kingbet.net/' target='_blank'>Kingbet.net</a></li>
                  <li><a href='http://www.opap.gr/' target='_blank'>Opap.gr</a></li>
               </ul>
           </li>
           <li><a href='http://trelo-tsibousi.blogspot.gr/p/blog-page_28.html'>Others</a>
             <ul>
                  <li><a href='http://meteo.gr/meteoplus/cf.cfm?city_id=261' target='_blank'>Meteo.gr</a></li>
                  <li><a href='http://programmatileorasis.gr/' target='_blank'>Programma tv</a></li>
                  <li><a href='http://www.myastro.gr/' target='_blank'>Myastro.gr</a></li>
                  <li><a href='http://www.dvdmovies.gr/' target='_blank'>Dvdmovies.gr</a></li>
                  <li><a href='http://www.e-radio.gr/' target='_blank'>E-radio.gr</a></li>
                  <li><a href='http://gr.grepolis.com/' target='_blank'>Grepolis</a></li>
               </ul>
           </li>
             <li><a href='http://trelo-tsibousi.blogspot.gr/p/blog-page.html'>Contact us</a>        
           </li>
         </ul>
      </div>
      <div id='wctopdropsoc'>
      
<a href='http://http://trelo-tsibousi.blogspot.grfeeds/posts/default' target='_blank'><img alt='Subcribe to our RSS feeds' src='http://2.bp.blogspot.com/-ea9ILzszTF0/UR3ySvlxd0I/AAAAAAAABMQ/4QBrWHbt0FU/s1600/feed.png'/></a>
<a href='#' target='_blank'><img alt='Join Us on Facebook' src='http://1.bp.blogspot.com/-3wW_EmAR24w/UR3tVFL5fFI/AAAAAAAABLc/RMS76XM5sK8/s1600/fbb.png'/></a>
<a href='#' target='_blank'><img alt='Add to Circles' src='http://1.bp.blogspot.com/-YWI0K2Ebh2Q/UR3tVS1gDhI/AAAAAAAABLk/8hYaD0Yur_k/s1600/gpp.png'/></a>

      </div>
   </div>


0 Comments:

Δημοσίευση σχολίου