css Hyperlink Styles

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

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

Απάντηση
Άβαταρ μέλους
hik-hok
Reporter
Δημοσιεύσεις: 3571
Εγγραφή: 09 Μαρ 2003 10:45
Τοποθεσία: Agrrrrrrrrrr...... γάβ γάβ!!
Επικοινωνία:

css Hyperlink Styles

Δημοσίευση από hik-hok » 27 Μάιος 2003 23:16

χρησιμοποιώντας css (έτσι λέγονται ?) άλλαξα την εμφάνιση στα link σε μία σελίδα.
A:hover {color: ffffff;
background: GRAY;
TEXT-DECORATION: none}
ερώτηση πώς μπορώ να έχω 2 διαφορετικά style ?

ξέρω οτι πρέπει να δώσω "όνομα" π.χ.

.type1 A:hover κλπ κλπ


μετά πώς το "ενεργοποιώ" στο link ?


muchas gracias

Άβαταρ μέλους
Cha0s
SysAdmin
Δημοσιεύσεις: 10242
Εγγραφή: 28 Ιούλ 2001 03:00

css Hyperlink Styles

Δημοσίευση από Cha0s » 27 Μάιος 2003 23:34

<a href="link.php" class="onoma_css">LINK</a>

kai ama thes na to kaneis aply to css se ena aplo keimeno pou den einai se paragraph mporeis etsi>

<span class="onoma_css">Keimeno mpla mpla mpla</span>

Άβαταρ μέλους
iNDEFiX
Honorary Member
Δημοσιεύσεις: 2569
Εγγραφή: 20 Δεκ 2002 00:48
Τοποθεσία: κλειστή λόγω έργων
Επικοινωνία:

css Hyperlink Styles

Δημοσίευση από iNDEFiX » 28 Μάιος 2003 13:20

Mporeis na to petyxeis kanontas reference se kathe style adistixa:

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

.link1 &#123; font-family&#58; Arial; font-size&#58; 11px;color&#58; #233AE9 &#125;

A.link1,
A&#58;visited.link1 &#123;color&#58; #233AE9; text-decoration&#58; none&#125;
A&#58;hover.link1  &#123;color&#58; #A0A7E1; text-decoration&#58; underline&#125;
A&#58;link.link1     &#123;color&#58; #233AE9; text-decoration&#58; none&#125;


.link2 &#123; font-family&#58; Arial; font-size&#58; 11px;color&#58; #233AE9 &#125;

A.link2,
A&#58;visited.link2 &#123;color&#58; #233AE9; text-decoration&#58; none&#125;
A&#58;hover.link2  &#123;color&#58; #A0A7E1; text-decoration&#58; bold&#125;
A&#58;link.link2     &#123;color&#58; #233AE9; text-decoration&#58; none&#125;

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27616
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

css Hyperlink Styles

Δημοσίευση από cordis » 21 Ιούλ 2003 22:10

στο css αρχείο βάζεις πχ stylefile.css:

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

/* General page style. The scroll bar colours only visible in IE5.5+ */
a&#58;link,a&#58;active,a&#58;visited,a.postlink&#123;color&#58;#006699;text-decoration&#58;none&#125;
a&#58;hover&#123;color&#58;#dd6900;text-decoration&#58;underline&#125;

/* titles for the topics&#58;could specify viewed link colour too */
.topictitle&#123;font-size&#58;11px;font-weight&#58;bold&#125;
a.topictitle&#58;visited&#123;color&#58;#5493b4&#125;
a.topictitle&#58;hover&#123;color&#58;#dd6900&#125;
μέσα στο head του html σου βάζεις:

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

<link rel="stylesheet" href="stylefile.css" type="text/css">
και μετά:

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

<a href="index.php">index</a>
<a href="topic.php" class="topictitle">topic</a>
περισσότερα μπορείς να βρεις εδώ:
http://www.w3.org/MarkUp/Guide/Style
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Απάντηση

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

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

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