εισαι σε αυτη την σελιδα, τωρα

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

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

Απάντηση
glaros
Δημοσιεύσεις: 24
Εγγραφή: 17 Οκτ 2011 13:05

εισαι σε αυτη την σελιδα, τωρα

Δημοσίευση από glaros » 23 Νοέμ 2012 11:27

καλημερα
εχω το εξης θεμα:
κανω ενα menu με χρηση list.
θελω ομως ο χρηστης μου να ξερει σε ποια σελιδα ειναι, π.χ. προσθετωντας πισω απο την ονομασια της καθε σελιδας, ενα bacground .

ξερει κανεις εαν αυτο που λεω γινεται;

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

εισαι σε αυτη την σελιδα, τωρα

Δημοσίευση από ideal » 23 Νοέμ 2012 14:51

Αν καταλαβα καλα θελεις εχοντας ενα ul list πχ

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

<ul>
<li><a...>LinkA</a></li>
<li><a...>LinkB</a></li>
<li><a...>LinkC</a></li>
</ul>
οταν καποιος πατησει στο Link A να αλλαζει το bg του LinkA σωστα; Αν ειναι ετσι φτιαξε ενα class π.χ. selected οπου θα οριζεις νεες ιδιοτητες background και θα το βαλεις μεσα στο <li> της ενεργης σελιδας.
.selected{
background:red;
}
Παραδειγμα οταν ειναι ενεργη η σελιδα linkA:

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

<ul>
<li class="selected"><a...>LinkA</a></li>
<li><a...>LinkB</a></li>
<li><a...>LinkC</a></li>
</ul>
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

glaros
Δημοσιεύσεις: 24
Εγγραφή: 17 Οκτ 2011 13:05

εισαι σε αυτη την σελιδα, τωρα

Δημοσίευση από glaros » 23 Νοέμ 2012 15:13

σε ευχαριστω. ειχα βρει παραδειγματα αλλα μονο χαρη στη δικη σου εξηγηση, μπορεσα να καταλαβω
ideal έγραψε:Αν καταλαβα καλα θελεις εχοντας ενα ul list πχ

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

<ul>
<li><a...>LinkA</a></li>
<li><a...>LinkB</a></li>
<li><a...>LinkC</a></li>
</ul>
οταν καποιος πατησει στο Link A να αλλαζει το bg του LinkA σωστα; Αν ειναι ετσι φτιαξε ενα class π.χ. selected οπου θα οριζεις νεες ιδιοτητες background και θα το βαλεις μεσα στο <li> της ενεργης σελιδας.
.selected{
background:red;
}
Παραδειγμα οταν ειναι ενεργη η σελιδα linkA:

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

<ul>
<li class="selected"><a...>LinkA</a></li>
<li><a...>LinkB</a></li>
<li><a...>LinkC</a></li>
</ul>

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

εισαι σε αυτη την σελιδα, τωρα

Δημοσίευση από ideal » 24 Νοέμ 2012 11:04

Καλη επιτυχια σε αυτο που ετοιμαζεις.
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

Απάντηση

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

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

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