menu με την χρήση αποκλειστικά css ?

[foncastel]

Καλημέρα

Θα ήθελα να μάθω αν μπορεί να φτιάξει κάποιος menu με αποκλειστική χρήση Css χωρίς Javascript και να μπορεί να τα ορίζει να παίζουν και σε πλαισιοσυνολα. Η μήπως δεν μπορώ να το αποφύγω και πρέπει να μάθω Javascript αναγκαστικά.

[malloc]

Αυτό που μπορείς να κάνεις είναι να φτιάξεις τα styles σε css και μετά να πιάσεις τα mouseover και mouseout events. Να του λες δηλαδη για ενα link πχ
onmouseover="this.className = 'MyMenuOver'" onmouseout="this.className = 'MyMenuOut'

και αν θες και drop menus τοτε θα πρεπει να έχεις φτιάξει κρυφα layers που θα τους αλλάζεις το visibility πάλι με το mouseover και το mouseout της εκάστοτε επιλογής.

Είναι πάντως πολύ παίδεμα μέχρι να το πετύχεις σωστά οπότε αν θές να αποφύγεις το παίδεμα ίσως είναι καλύτερα να ψάξεις για έτοιμα menus που εσύ απλά θα τα παραμετροποιείς

[vosk]

foncastel αυτο που λες οντως γινεται... malloc εσυ παλι χρησιμοποιεις dhtml... κατι που προσωπικα αποφευγω...

δειτε αυτο:

a.menulink, a.menulink:visited, a.menulink:active {
	color: Blue;
	font-family: Tahoma;
	font-variant: small-caps;
	text-decoration: none;
	text-align: center;
	padding: 4px 8px 2px 8px;
	}
a.menulink:hover{
	color: Black;
	font-family: Tahoma;
	font-variant: small-caps;
	text-decoration: none;
	text-align: center;
	background-color: #99C3FF;
	border-bottom-style: double;
	border-color: #330000;
	}

δοκιμασε αυτο το css σε ενα <a> tag κ βαλτου class=menulink

θα δεις ενα πολυ απλο εφε οπου το λινκ εχει Μπλε γραμματα χωρις υπογραμμιση, κ οταν περασεις απο πανω του εχει γαλαζιο φοντο κ διπλη γραμμη απο κατω.. (καλα εε απο περιγραφη σκιζω)
δοκιμασε να παιξεις με κανενα προγραμμα css editing , προτεινω το Top Style .
μπορεις να κανεις παρα πολλα πραγματα χωρις να ξερεις καν τι ειναι η javascript μονο με css . Παρεπιπτοντως, παρα πολα ετοιμα μενου αξιοποιουν τα css αποκλειστικα κ μονο, οπως το παραπανω...

[foncastel]

Άρα απ ότι βλέπω δε τη γλυτώνω τη Javascript. Κανα καλό βιβλίο έχεις να μου προτείνεις για Javascript και Css

Css δουλευω και εχω και το topstyle 3 pro πολυ καλο

[nickg78]

Δεν χρειάζεται να διαβάσεις κανένα βιβλίο Javascript για να φτιάξεις ένα απλό DHTML μενού (DHTML = Javascript + CSS effects). Δύο εντολές είναι που θα κρύβουν ή θα εμφανίζουν ένα div ανάλογα με το αν το ποντίκι θα πηγαίνει πάνω από κάποιο σημείο.

Ρίξε μια ματιά σε αυτό το site, έχει πολλά παραδείγματα:
http://www.dynamicdrive.com/dynamicindex1/

[vosk]

Css δουλευω και εχω και το topstyle 3 pro πολυ καλο

αρα λοιπον, το μονο που θες ειναι λιγο ψαξιμο. αμα δοκιμασεις το css που ειπα πιο πανω θα καταλαβεις την εκταση κ την δυναμη των stylesheet. τωρα βεβαια αν θες drop down menu κ τετοια.... say hello to javascript

[EvilHawk]

τωρα βεβαια αν θες drop down menu κ τετοια.... say hello to javascript

Όχι υποχρεωτικά! Ρίξτε μια ματιά εδώ http://www.cssplay.co.uk/index.html

[vosk]

Για να ειμαι ειλικρινης κατι τετοιο δεν εχω ξαναδει ποτε... thx θα το ψαξω... δειχνει ενδιαφερον.

[malloc]

Οντως πολύ καλό!!

[EvilHawk]

[action=EvilHawk]loves css [/action]