Selected menu button.

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
shortyjr
Δημοσιεύσεις: 66
Εγγραφή: 17 Φεβ 2010 01:49

Selected menu button.

Δημοσίευση από shortyjr » 08 Μαρ 2010 22:54

Γεια σας παιδια. Εφιαξα το μενου με html και css.
Επειδη δεν βρηκα αλλον τροπο για το μενου να φαινεται αυτο στο οποιο βρισκομαι εκανα το εξης.

Το μενου μου(απλο οριζοντιο μενου) εχει 5 επιλογεσ εφιαξα λοιποω 5 διαφορετικα html(ενα για καθε επιλογη του μενου) αλλα εκανα και 5 css αρχεια και σε καθε ενα απο αυτα εγραψα τον αντιστοιχο κώδικα ετσι ωστε αν ειμαι πχ στ πρώτη επιλογη εχω βάλει να ειναι μπλέ γραμματα η πρωτη και η αλλες ασπρα. στο δευτερο css εβαλα ασπρα τα πρωτα και μπλε τα δευτερα.

δεν ξερω αν καταλαβατε..
ειναι σωσος τρόπος?
με ενα css πως μπορει να γινει?

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

Selected menu button.

Δημοσίευση από burnmind » 08 Μαρ 2010 23:07

Ένα γρήγορο παράδειγμα:

Ας πούμε ότι αυτά τα 3 links είναι το menu σου:

Κώδικας: Επιλογή όλων

<a href="">Option 1</a>
<a href="">Option 2</a>
<a href="" class="active">Option 3</a>
</div>
Θα δηλώσεις στο .active τα γράμματα να είναι μπλε κι έτσι το μόνο που θα πρέπει να αλλάζεις όταν αλλάζει η επιλογή, είναι το πιο από τα 3 links θα είναι το active.

shortyjr
Δημοσιεύσεις: 66
Εγγραφή: 17 Φεβ 2010 01:49

Selected menu button.

Δημοσίευση από shortyjr » 08 Μαρ 2010 23:55

Κώδικας: Επιλογή όλων

HTML&#58;

<ul id="menu">
  <li><a href="home.html" class="home">home</a></li>
.
.
.

CSS&#58;

ul#menu li a &#123;
	display&#58; block; float&#58; left; height&#58; 60px; position&#58; centre;
	background-image&#58; url&#40;Menu.jpg&#41;; text-indent&#58; -9999px;
        &#125;

	ul#menu li a.home &#123;
		width&#58; 149px; background-position&#58; 0 0;	
	&#125;
        
        ul#menu li a.home&#58;hover, ul#menu li a.home&#58;focus &#123;
		background-position&#58; 0 -60px;	
	&#125;
αυτο τον κωδικα εχω.
μπορει φιλε να τον φιαξεισ?
[/code]

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Selected menu button.

Δημοσίευση από Basilakis » 10 Μαρ 2010 17:53

Δεν θέλεις να προσπαθήσεις εσύ λιγουλάκι με τις οδηγίες που πήρες μπας και τα καταφέρεις μόνος σου και έχεις την ικανοποίηση που προσφέρεται; :)

shortyjr
Δημοσιεύσεις: 66
Εγγραφή: 17 Φεβ 2010 01:49

Selected menu button.

Δημοσίευση από shortyjr » 11 Μαρ 2010 00:41

το εκανα αυτο παιδια οκ.

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες