Μετάβαση στο κύριο περιεχόμενο

Πώς βάζουμε οριζόντιο css μενού στο blog μας

Καλησπέρα σε όλους τους 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 σας


Σχόλια

  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/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα

Δημοφιλείς αναρτήσεις από αυτό το ιστολόγιο

Θες λεφτά; Γίνε νταντά!

Ξεμείνατε από μετρητά; Τι να κάνετε; Αν σας αρέσουν τα παιδιά η λύση είναι απλή! Πάρτε την θέσης της μαμάς και του μπαμπά.

Υπάρχουν πολλές θέσεις εργασίας μερικής απασχόλησης, βρείτε την ιδανική για εσάς και ξεκινήστε να βγάζετε χρήματα.

Οι babysitters σήμερα κερδίζουν αρκετά χρήματα/ώρα σε σύγκριση με τα σημερινά δεδομένα. Υπάρχουν νταντάδες που βγάζουν μέχρι και 15 ευρώ την ώρα. Όταν η νταντά προσφέρεται να καθίσει την Παρασκευή και το Σάββατο βράδυ για μια έξοδο των γονέων. Οι γονείς θα είναι σε πάρα πολύ ευχάριστη θέση να της παραδώσουν τα μετρητά της όταν επιστρέψουν.

Υπάρχουν πολλές αγγελίες εργασίας που μπορείτε να ψάξετε. Μια καλή σελίδα που μπορείτε να βρείτε την εργασία που θέλετε ως νταντά ανάλογα και με την περιοχή είναι αυτή: http://www.careerjet.gr/ntanta

Σπάσιμο κωδικών email και τρόποι προστασίας αυτών

Καλησπέρα φίλοι και αναγνώστες του  blog μου, σήμερα θα σας δείξω ένα οδηγό βίντεο με τον οποίο μπορεί κάποιος να μας κλέψει τον κωδικό του email μας όπως επίσης και τρόπους με τους οποίους μπορούμε να προστατευτούμε.
Με αυτό το τρόπο μπορούμε να ανιχνεύσουμε κωδικούς hotmail, windows live και gmail. Στον οδηγό βίντεο σας δείχνω για hotmail που με τον ίδιο τρόπο γίνετε και για τα windows live. 
Για gmail στην επιλογή "Single target" που σας δείχνω στο βίντεο αντί για "pop3.live.com" βάζουμε "smtp.gmail.com", στην "Port" βάζουμε 465, και στο "Protocol" βάζουμε "smtp", επίσης βάζουμε τικ και στην επιλογή "Be verbose", τα άλλα τα κάνουμε όπως και στο βίντεο.
Θα χρειαστούμε  Backtrack ( το backtrack το κατεβάζετε εδώ ή εδώ για torrent ). Το προγραμμάτακι "Hydra-gdk" το οποίο είναι ενσωματωμένο στο backtrack, θα το βρείτε στο μενού => Application-Backtrack-Privilege Escalation- Password Attacks-Online Attacks-…

Πώς να αλλάξω το βελάκι του ποντικιού

Αλλαγή εικόνας κέρσορα στο blog Gadget για να αλλάξετε το κανονικό βελάκι του mouse,παρακάτω θα δούμε πως να το αλλάξουμε,είναι πολύ εύκολος τρόπος.


Εδώ σας έχω μερικά εικονίδια για κέρσορες