Υπερσύνδεσμοι σε CSS

Τρίτη, 25 Μαΐου 2010
Εκτύπωση Αποστολή
[x] Αποστολή σε φίλο





Αποστολή Σε Φίλο


Με την CSS μπορείτε να αλλάξετε το προκαθορισμένο χρώμα των συδνέσμων σε μια ιστοσελίδα. Σίγουρα οι χρωματικές επιλογές δεν ταιριάζουν πάντα με αυτές που ο κάθε φυλλομετρητής υιοθετεί. Για να μην αλλάζετε το χρώμα κάθε συνδέσμου χωριστά, η CSS παρέχει τέσσερεις κλάσεις που ρυθμίζουν το χρώμα των συνδέσμων.

Όχι υπογράμμιση

<style type="text/css">
<!--
A:link {text-decoration: none}
-->
</style>
Αν αντιγράψετε το παραπάνω κώδικα μεταξύ των ετικετών <head></head> στην σελίδα σας, ο κώδικας θα αφαιρέσει όλες τις υπογραμμίσεις από τους συνδέσμους. Αν θέλετε να εφαρμοστεί σε όλες τις σελίδες σας απλώς γράψτε την κλάση στο εξωτερικό αρχείο CSS. Το text-decoration δέχεται τις εξής σταθερές:
A:link {text-decoration: blink} <!-Το κείμενο αναβοσβήνει-->
A:link {text-decoration: line-through} <!-Το κείμενο θα διαγράφεται με μια γραμμή. -->
A:link {text-decoration: overline} <!-Κάθε γραμμή κειμένου θα έχει μια γραμμή πάνω της -->
A:link {text-decoration: underline} <!-Κάθε γραμμή κειμένου θα είναι υπογραμμισμένη -->
Συχνά τα link, visited, active and hover είναι όλα μαζί προκαθορισμένα σε ένα κώδικα όπως φαίνετε από κάτω:
<style type="text/css">
<!--
A:link {text-decoration: none} <!-Οι υπογραμμίσεις έχουν αφαιρεθεί από τα links. -->
A:visited {color: red } <!-Τα Visited links θα γίνονται κόκκινα. -->
A:active {color: #CCCCCC } <!-- Active links θα γίνονται γρι-->
A:hover {color: yellow } <!-Όταν το ποντίκι σου δείχνει σε ένα link το χρώμα του θα γίνεται κίτρινο. -->
-->
</style>

Add to Delicious Add to digg Add to Facebook Follow to Twitter
(Δεν υπάρχουν σχόλια)
Web Development, Web Design & SEO - Webdev Zone
Web Development, Web Design & SEO