Φόρουμ

Για όλες τις απορίες και συζητήσεις στο φόρουμ που δημιουργήσαμε http://forum.click4money.gr/
Μπείτε κάντε εγγραφή και πείτε ένα γεια να γνωριστούμε ;)

Φόρμα επικοινωνίας

Όνομα

Ηλεκτρονικό ταχυδρομείο *

Μήνυμα *

Καλησπέρα σε όλους τους blogger σήμερα θα δούμε πως μπορούμε να ενσωματώσουμε οριζόντιο μενού στο blog μας με ρυθμίσεις css.
οριζόντιο css μενού στο blog

Μετά το βίντεο που θα δείτε θα ξέρετε:
  • Πώς θα ενσωματώσετε το κώδικα για το css μενού
  • Πώς θα διαμορφώσετε κατάλληλα το μενού σας
  • Πώς θα βάλετε ετικέτες σε συγκεκριμένη κατηγορία του μενού
Τον πιο κάτω κώδικα το βάζετε πάνω από το </head> όπως το κάνω και εγώ στο βίντεο που θα δείτε στο τέλος του άρθρου
<style type='text/css'> #catmenucontainer{ height:29px; background:url(https://lh3.googleusercontent.com/-aaMGhdyO9L8/UWF5riwHhUI/AAAAAAAADM0/x3xntBROwh0/h120/catmenu.jpg) repeat-x; display:block; padding:0px 0 0px 0px; font: 14px "Century gothic",verdana, Arial, sans-serif; font-weight:normal; border-top:1px solid #686D6F; } #catmenu ,#catmenu ul { margin: 0px 5px; padding: 0px; list-style: none; height:29px; } #catmenu a { color: #999; display: block; font-weight: normal; padding: 4px 10px 6px 10px; } #catmenu a:hover { background:url(https://lh3.googleusercontent.com/-8SU-uNf4yOM/UWF6HuynFjI/AAAAAAAADM4/Ann0I2O1FKY/h120/catmenuhov2.jpg) repeat-x; color: #fff; display: block; text-decoration: none; } #catmenu li { float: left; margin: 0px; padding: 0px; } #catmenu li li { float: left; margin: 0px 0px 0px 0px; padding: 0px; width: 130px; } #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited { background:url(https://lh3.googleusercontent.com/-aaMGhdyO9L8/UWF5riwHhUI/AAAAAAAADM0/x3xntBROwh0/h120/catmenu.jpg) repeat-x; width: 150px; float: none; margin: 0px; padding: 4px 10px 5px 10px; color:#E8EBEE; border-bottom:1px solid #2C3133; } #catmenu li li a:hover, #catmenu li li a:active { background:url(https://lh3.googleusercontent.com/-8SU-uNf4yOM/UWF6HuynFjI/AAAAAAAADM4/Ann0I2O1FKY/h120/catmenuhov2.jpg) repeat-x; width: 150px; float: none; margin: 0px; padding: 4px 10px 5px 10px; color:#fff; border-bottom:1px solid #2C3133; } #catmenu li ul { position: absolute; width: 10em; left: -999em; z-index:1; } #catmenu li:hover ul { left: auto; display: block; } #catmenu li:hover ul, #catmenu li.sfhover ul { left: auto; } </style>


Τον επόμενο κώδικα το βάζετε σαν gadget 

<div id='catmenucontainer'> <div id='catmenu'> <ul> <li><a href='#' title='#'>Home</a></li> <li><a href='#' title='#'>link1</a></li> <li><a href='#' title='#'>link2</a></li> <li><a href='#' title='#'>link3</a></li> <li><a href='#' title='#'>link4</a></li> <li><a href='#' title='#'>link5</a></li> <li><a href='#' title='#'>link6</a></li> <li><a href='#' title='#'>link7</a></li> <li><a href='#' title='#'>link8</a></li> </ul> </div> </div>


Παρακολουθήστε το βίντεο για να καταλάβετε και εσείς πώς να ενσωματώσετε και να διαχειριστείτε το οριζόντιο μενού στο blog σας


23 Σχόλια:

  1. Δεν κάνει τίποτα Μαίρη να είσαι καλά!

    ΑπάντησηΔιαγραφή
  2. παναγιοτι ποσ να αλαξο τα χροματα τον κινενον στο μενου και το φοντο τον κιμενον εφχαριστο

    ΑπάντησηΔιαγραφή
  3. πιο χρώμα θέλεις στα γράμματα και πιο στο φόντο;

    ΑπάντησηΔιαγραφή
  4. τα χροματα τον κιμενον δλδ τα link1 link2 και τα φοντα οταν πασ το ποντικι να αλαζει το φοντο αντι για μαβρο ποθ εχει να το κανοθμε με διαφορετικο χρομα

    ΑπάντησηΔιαγραφή
  5. Εκεί που λέει background:url και έχει μέσα αυτό το url"https://lh3.googleusercontent.com/-8SU-uNf4yOM/UWF6HuynFjI/AAAAAAAADM4/Ann0I2O1FKY/h120/catmenuhov2.jpg" πρέπει να το αλλάξεις και να βάλεις ένα της επιλογής σου!

    ΑπάντησηΔιαγραφή
  6. ΓΕΙΑ ΣΟΥ ΦΙΛΕ ΠΑΝΑΓΙΩΤΗ. ΕΧΕΙΣ ΚΑΝΕΙ ΠΟΛΥ ΚΑΛΗ ΔΟΥΛΕΙΑ, ΜΠΡΑΒΟ! ΘΕΛΩ ΝΑ ΣΕ ΡΩΤΗΣΩ ΠΩΣ ΜΠΟΡΩ ΝΑ ΚΑΝΩ ΕΝΑ MENU ΜΕ ΣΕΛΙΔΕΣ ΟΙ ΟΠΟΙΕΣ ΝΑ ΜΗΝ ΕΙΝΑΙ STATIC ΩΣΤΕ ΝΑ ΜΠΟΡΩ ΝΑ ΚΑΝΩ ΠΕΡΙΣΣΟΤΕΡΕΣ ΑΠΟ ΜΙΑ ΑΝΑΡΤΗΣΕΙΣ ΣΕ ΚΑΘΕ ΣΕΛΙΔΑ...

    ΑπάντησηΔιαγραφή
  7. Γεια σου φίλε Κριστιαν, ευχαριστώ για τα καλά σου λόγια. Με το μενού που βλέπεις στον παρών άρθρο μπορεί να κάνει αυτό που ζητάς! Αν δεις στο βίντεο δείχνω πως να συνδέσουμε τις αναρτήσεις μας στο μενού!

    ΑπάντησηΔιαγραφή
  8. Σε Ευχαριστώ πολύ για τις οδηγίες που έχεις δώσει και τα έχω κάνει καλά, αλλά θα μπορούσες να μου πεις πώς να βάλω δεύτερη σειρά ετικετών, γιατί μετά τη 12η δεν εμφανίζονται σωστά ή εγώ κάνω κάτι λάθος?
    Ευχαριστώ και πάλι!

    ΑπάντησηΔιαγραφή
  9. πως εμφανίζονται; μήπως δεν τις χωράει;

    ΑπάντησηΔιαγραφή
  10. Γεια σας θέλω βοήθεια για το θέμα του μενού. Θέλω να έχω 2 στήλες που να κάνω αναρτήσεις. Στην πρώτη κανονικά έχω όλες τις αναρτήσεις μου, αλλά στην δεύτερη στήλη έχω ένα κείμενο μόνο. Όταν θέλω να βάλω δεύτερο πρεπει να σβήσω το πρώτο;

    ΑπάντησηΔιαγραφή
  11. Γιατί να σβήσεις το πρώτο; Δεν το χρειάζεσαι;

    ΑπάντησηΔιαγραφή
  12. Καλησπερα να ρωτησω κατι? Στις αναρτησεις μου βαζω ετικετα ωστε να μπαινει η καθε αναρτηση στη κατηγορια που θελω. Τα εχω κανει μια χαρα μεχρι εδω. Ομως τωρα που εκανα αναρτηση και εβαλα ετικετα δεν μου το εβΑλε στην κατηγορια που ηθελα παρα στην αρχικη σελιδα.. Μια βοηθεια παρακαλω

    ΑπάντησηΔιαγραφή
  13. Αυτό που λες δεν μπορεί να γίνει, σίγουρα κάνεις κάτι λάθος, αν δεν δω δεν μπορώ να καταλάβω τι κάνεις λάθος

    ΑπάντησηΔιαγραφή
  14. ego den mporo na to balo pano pano mipos mporis naou to ftiajis ee

    ΑπάντησηΔιαγραφή
  15. ολα καλα δουλευουν μονο στο μενου οταν παταω ΗΟΜΕ δεν με βγαζει στην αρχικη σελιδα (την αρχικη σελιδα την δειχνει κατω κατω στις αναρτησεις μου) ,ενω οι αλλες κατηγοριες μενου δουλευουν και μπαινουν κανονικα τα βιντεο (στο μενου βιντεο) η μουσικη (στο μενου μουσικη) και αλλα. τι κανω λαθος? και αν μπορεις παρακαλω να κανεις ενα βιντεο για το πως να βαλουμε υπομενου μεσα στα μενου μας. αυτα. ευχαριστω.

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. δώσε ένα λινκ να δω τι γίνετε για να μπορέσω να βοηθήσω..

      Διαγραφή
  16. Aderfe m kalhspera, exw ena sovaro provlima, dimiourgo ena blog, afou exw sundesei ta link selidwn me ths sugekrimenes tou menu, otan paw na arxisw thn sunthesi kai afou telewso kanontas apothikeush dhmosieush, dixnei san na mhn exw grapsei tipota!!! Ti mporei na sumvainei? Elpizw na katalaves

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Καλημέρα αδερφέ, πλέον όλες οι απορίες θα λύνονται στο φόρουμ μας εδώ blogger forum

      Ευχαριστώ!

      Διαγραφή
  17. Γεια σου, Ευχαριστώ για τη βοήθειά σου . κάνω όλα τα βήματα όλα εντάξει όταν ομως προσθέτω το λινκ για τη ετικέτα που θέλω να παραπέμψω μου βγάζει αυτό Ο τρέχων λογαριασμός σας () δεν έχει δικαίωμα πρόσβασης για προβολή αυτής της σελίδας γιατί; . χρειάζεται καποια ρύθμιση; ευχαριστώ!

    ΑπάντησηΔιαγραφή
  18. Thelo na allakso to xroma sto menou,alla den ksero pos na epilekso to kainourgio.Mporeis na boithiseis?

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

Όλες οι απορίες πλέον θα λύνονται μόνο μέσα στο φόρουμ το οποίο μπορείτε να βρείτε εδώ http://forum.click4money.gr/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα

 
Top