• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΩΣ ΒΑΖΩ ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ

ΣΤΑΤΙΚΟ ΜΕΝΟΥ
ΠΩΣ ΒΑΖΩ ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
Με τον παρακάτω απλό κώδικα μπορούμε να βάλουμε ένα απλό στατικό μενού στη θέση της navbar του blogger. Ο κώδικας μπαίνει απλά σαν gadget. Μπορείτε να αλλάξετε τα χρώματα αλλάζοντας τους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης #. Το πλάτος του μενού αλλάζει εκεί που γράφει width:1500px; Η θέση του μενού μπορεί να πάει και στο κάτω μέρος του ιστολογίου αφαιρώντας το top:0px; και βάζοντας στη θέση του το bottom:0px; Μην ξεχάσετε να αντικαταστήσετε links μου που είναι χρωματισμένα με γαλάζια γράμματα με τα δικά σας links. 

ΔΕΙΤΕ ΕΔΩ ΤΟ ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΕ ENA HTML VIEWER ►

<style type="text/css">
#nav{
height:34px;
border:1px solid #FBBB22;
position:fixed;
top:0px;
left:0px;
background:#333333;
z-index:999999;}
#nav ul{
height:34px;
list-style:none;
margin:0;
width:1500px;}
#nav ul li{display:inline;float:left;margin:0;}
#nav a{
font:13px Arial;
float:left;
padding: 5px;
color:#FFFFFF;
text-decoration: none;
border:1px solid #FBBB22;
cursor: pointer;
background:#173374;
height:16px;
line-height:16px;}
#nav a:hover{background:#255720; color: #FFFFFF;}
</style>

<div id="nav">
<ul>
<li><a href='http://the-best-widgets.blogspot.gr'>HOME</a></li>
<li><a href='http://the-best-widgets.blogspot.gr/p/my-posts.html'>MY POSTS</a></li>
<li><a href='http://the-best-widgets.blogspot.gr/p/blog-page_3.html'>MY ARTICLES</a></li>
<li><a href='http://the-best-widgets.blogspot.gr/p/blog-page_11.html'>MY LINKS</a></li>
<li><a href='http://the-best-widgets.blogspot.gr/p/picasa-slideshow.html'>MY PHOTOS</a></li>
<li><a href='http://the-best-widgets.blogspot.gr/p/wigdets.html'>MY VIDEOS</a></li>
<li><a href='http://the-best-widgets.blogspot.gr/p/blog-page.html'>MY MUSIC</a></li>
<li><a href='http://the-best-widgets.blogspot.gr/p/widgets_26.html'>MY FILES</a></li>
</ul>

</div>

8 σχόλια:

  1. Καλησπέρα, έχω βρει ένα καταπληκτικό template. Το εγκατέστησα, δουλεύει μια χαρά, άλλαξα και το main menu με τα θέματα που με βολεύουν ΑΛΛΑ δεν μπορώ να βάλω τις αναρτήσεις στις κατηγορίες του μενού μου, ώστε να πατάω το κουμπί κάθε κατηγορίας κ να εμφανίζονται οι αντίστοιχες αναρτήσεις.

    Ευχαριστώ εκ των προτέρων

    το blog μου ειναι: http://papasgeorge.blogspot.gr/
    κ το mail μου ειναι papas1069@gmail.com

    ΑπάντησηΔιαγραφή
  2. Εκει που βρίσκεται το σημειο της δίεσης βάλε το λινκ των αναρτήσεων της κάθε ετικέτας. Π.χ. http://papasgeorge.blogspot.gr/search/label/ΙΑΤΡΙΚΗ ή http://papasgeorge.blogspot.gr/search/label/ΤΕΧΝΟΛΟΓΙΑ ή http://papasgeorge.blogspot.gr/search/label/ΣΥΜΠΑΝ και τα λοιπά.

    ΑπάντησηΔιαγραφή
  3. πως μπορώ να το βάλω κέντρο και όχι αριστερά που είναι ??

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Βαλε τιμή στο left:300px και στο width αντι 1500 βάλε 700px. Και έτσι θα έρθει στο κέντρο.

      Διαγραφή
    2. ευχαριστώ πάρα πολύ για την τόσο γρήγορη εξυπηρέτηση και βοήθεια.

      Διαγραφή
  4. Ανώνυμος20/11/16 18:00

    edo pos mporw na valo ena serchbox sta dexia tou menu yparxei kapoia lysi?

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Βάλε τον παρακάτω κώδικα σε οποιοδήποτε κουτάκι gadget και θα εμφανιστεί στην άκρη δεξιά του μενού ένα search box. http://jsbin.com/zetipisawa/edit?html,output

      Διαγραφή
  5. nomizo pos einai ok des to ligo kai pes mou an xriazete kati allo http://heartwebradio.blogspot.gr/

    ΑπάντησηΔιαγραφή

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.