Content: Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Background: Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Pattern: Blank Waves Notes Sharp Wood Rockface Leather Honey Vertical Triangles
Welcome to Design Host

Κάντε εγγραφή τώρα εντελώς δωρεάν για να αποκτήσετε πλήρη πρόσβαση στην κοινότητα μας. Μετά την ολοκλήρωση της εγγραφής θα μπορείτε να συνδεθείτε και να δημιουργήσετε νέα θέματα ή να απαντήσετε στα υπάρχοντα. Επίσης θα μπορείτε να αλλάξετε τις πληροφορίες του προφίλ σας και παράλληλα να επικοινωνείτε με άλλα μέλη μέσω προσωπικών μηνυμάτων και πολλά ακόμα! Αυτό το μήνυμα θα αφαιρεθεί αυτόματα μετά την σύνδεση σας στην κοινότητα μας.

Sign in to follow this  
Followers 0
Anastasis

Decorate you text links with different CSS styles

1 post in this topic

Πρώτα απ'όλα δείτε ένα παράδειγμα εδώ.

CHANGE THE COLOR OF YOUR LINK .


 

κώδικας:
<style type="text/css">
a.color:link {color: #009900}
a.color:visited {color: #009900}
a.color:hover {color: #CC0000}
</style>



CHANGE THE DECORATION OF YOUR LINK .
 

κώδικας:
<style type="text/css">
a.decor:link {color: #FF6600; text-decoration: none}
a.decor:visited {color: #FF6600; text-decoration: none}
a.decor:hover {text-decoration: underline;}
</style>



CHANGE THE DECORATION OF YOUR LINK 2 .
 

κώδικας:
<style type="text/css">
a.decor:link {color: #CC33CC; text-decoration: none}
a.decor:visited {color: #CC33CC; text-decoration: none}
a.decor:hover {text-decoration: underline overline;}
</style>



CHANGE THE BACKGROUND OF YOUR LINK .
 

κώδικας:
<style type="text/css">
a.bg:link {color: #0066FF}
a.bg:visited {color: #0066FF}
a.bg:hover {background: #FFFFFF}
</style>



CHANGE THE SIZE OF YOR LINK .
 

κώδικας:
<style type="text/css">
a.size:link {color: #9900CC}
a.size:visited {color: #9900CC}
a.size:hover {font-size: 12px}
</style>



CHANGE THE FONT OF YOUR LINK .
 

κώδικας:
<style type="text/css">
a.font:link {color: #666666}
a.font:visited {color: #666666}
a.font:hover {font-family:Times New Roman}
</style>
1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0