Παρασκευή 23 Σεπτεμβρίου 2016
Text Hover Effect with Shadow
Φίλες και φίλοι γεια σας, σε αυτήν την ανάρτηση θα δούμε πώς λειτουργεί ένα γνωστό
τρικ με ένα πολύ ωραίο εφέ,το Text Hover Effect with Shadow στο οποίο μόλις περάσουμε
τον κέρσορα πάνω από μια λέξη η κείμενο που θα έχουμε ορίσει εμείς αυτομάτως ένα εφέ
σκιάς σχηματίζεται στην συγκεκριμένη λέξη η πρόταση που έχουμε ορίσει!Χρησιμεύει στο να τονίζουμε σημεία
σε κείμενα που οι αναγνώστες μας
θέλουμε να
προσέξουν, και όπου αλλού θέλετε
να τονίσετε κάτι!Για να δείτε
πως λειτουργεί περάστε τον κέρσορα
μέχρι την αρχή του κώδικα πιο κάτω....
<style type="text/css">
#rachmath:hover .rachma, #rachmath.hover_effect .rachma {text-shadow: 0 0 10px #000}
</style>
<div id="rachmath">
<div class="rachma" id="rachmath">
ΕΔΩ ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ
</div>
</div>
.................................................................................................................................
ΑΛΛΑΓΕΣ
10px Αυξάνοντας το 10ρχ μειώνεται η ένταση της σκιάς!!
#000 Εδώ αλλάζετε το χρώμα της σκιάς!!
Μόλις τελειώσετε πατήστε Αποθήκευση και είστε έτοιμοι!!
Καλή επιτυχία!!!!
Πηγή κώδικα
Edit by
τρικ με ένα πολύ ωραίο εφέ,το Text Hover Effect with Shadow στο οποίο μόλις περάσουμε
τον κέρσορα πάνω από μια λέξη η κείμενο που θα έχουμε ορίσει εμείς αυτομάτως ένα εφέ
σκιάς σχηματίζεται στην συγκεκριμένη λέξη η πρόταση που έχουμε ορίσει!Χρησιμεύει στο να τονίζουμε σημεία
σε κείμενα που οι αναγνώστες μας
θέλουμε να
προσέξουν, και όπου αλλού θέλετε
να τονίσετε κάτι!Για να δείτε
πως λειτουργεί περάστε τον κέρσορα
μέχρι την αρχή του κώδικα πιο κάτω....
ΚΑΛΩΣΗΡΘΑΤΕ ΣΤΟ BLOG ΜΟΥ ΚΑΙ ΚΑΛΗ ΔΙΑΜΟΝΗ.ΕΛΠΙΖΩ ΟΙ ΚΩΔΙΚΕΣ ΚΑΙ ΤΑ
ΠΡΟΓΡΑΜΜΑΤΑ ΠΟΥ ΒΡΙΣΚΕΤΑΙ ΕΔΩ ΝΑ ΣΑΣ ΕΙΝΑΙ ΧΡΗΣΙΜΑ!!!
Η εγκατάσταση είναι απλή...
η
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
η
στο html section της εκάστοτε ανάρτησης
και επικολλάτε τον ακόλουθο κώδικα-->
.............................................................................................................. ..........................
Η εγκατάσταση είναι απλή...
η
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
η
στο html section της εκάστοτε ανάρτησης
και επικολλάτε τον ακόλουθο κώδικα-->
.............................................................................................................. ..........................
<style type="text/css">
#rachmath:hover .rachma, #rachmath.hover_effect .rachma {text-shadow: 0 0 10px #000}
</style>
<div id="rachmath">
<div class="rachma" id="rachmath">
ΕΔΩ ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ
</div>
</div>
.................................................................................................................................
ΑΛΛΑΓΕΣ
10px Αυξάνοντας το 10ρχ μειώνεται η ένταση της σκιάς!!
#000 Εδώ αλλάζετε το χρώμα της σκιάς!!
Μόλις τελειώσετε πατήστε Αποθήκευση και είστε έτοιμοι!!
Καλή επιτυχία!!!!
Πηγή κώδικα
Edit by
Εγγραφή σε:
Σχόλια ανάρτησης
(
Atom
)
Smart Defrag 2
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Smart Defrag 2 ένα από τα καλύτερα προγράμματα ανασυγκρότησης των σκληρών μας δίσκων...
Auto Scrolling Recent Posts
Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε τις πρόσφατες αναρτήσεις μας...
Free YouTube Uploader
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Free YouTube Uploader το οποίο μας επιτρέπει...
Social media
Γειά σας τα gadgets και widgets για τα social media δεν έχουν πλέον τελιωμό και σε αυτήν την ανάρτηση θα δούμε...
Back to top button
Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας βοηθά έτσι ώστε...
Sitemap Widget
Γειά σας,σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο και χρήσιμο Sitemap widget το οποίο μας δείχνει μαζεμένες σε μία σελίδα...
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .
0 σχόλια :
Δημοσίευση σχολίου