Παρασκευή 29 Ιανουαρίου 2016
Fire Effect on your Blogg Links
Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε πως μπορούμε να
προσθέσουμε ένα hover fire effect στα links και στους τίτλους των αναρτήσεων
που υπάρχουν στην ιστοσελίδα μας!
Το fire effect λειτουργεί όπως όλα τα άλλα hover effects, δηλαδή με το που περάσουμε
τον κέρσορα του ποντικιού μας από πάνω(mouseover)από κάποιο link γίνεται η
ανάδυση κάνοντας τον επισκέπτη - αναγνώστη της σελίδας μας να το προσέξει!
Αντιγράψτε τον ακόλουθο κώδικα
.................................................................................................................................................................
a:hover{text-shadow: 0 0 1.5px #e2e2e2, 0 -5px 4px #ff3, 1.5px -6px 6px #fd3, -2px -8px 9px #f40, 1.5px -10px 10px #f10;text-decoration:none;}
Καλή επιτυχία!!!
Πηγή κώδικα
thanks to bloggerspice.com
Edit by
προσθέσουμε ένα hover fire effect στα links και στους τίτλους των αναρτήσεων
που υπάρχουν στην ιστοσελίδα μας!
Το fire effect λειτουργεί όπως όλα τα άλλα hover effects, δηλαδή με το που περάσουμε
τον κέρσορα του ποντικιού μας από πάνω(mouseover)από κάποιο link γίνεται η
ανάδυση κάνοντας τον επισκέπτη - αναγνώστη της σελίδας μας να το προσέξει!
Εγκατάσταση:
Πρώτα από όλα πρέπει να κάνετε BACK UP TO TEMPLATE ΣΑΣ και μετά:
Αντιγράψτε τον ακόλουθο κώδικα
.................................................................................................................................................................
a:hover{text-shadow: 0 0 1.5px #e2e2e2, 0 -5px 4px #ff3, 1.5px -6px 6px #fd3, -2px -8px 9px #f40, 1.5px -10px 10px #f10;text-decoration:none;}
..................................................................................................................................................................
και...
Πηγαίνετε blogger-->Πρότυπο
Επεξεργασία HTML
κάνετε click μέσα στο template
και πατώντας Ctrl + F ψάχνεται
να βρείτε το: a:hover
Μόλις το βρείτε κάντε επικόλληση τον κώδικα
αντικαθιστώντας το!
Πατήστε Αποθήκευση Προτύπου!
Αυτό ήταν
και...
Πηγαίνετε blogger-->Πρότυπο
Επεξεργασία HTML
κάνετε click μέσα στο template
και πατώντας Ctrl + F ψάχνεται
να βρείτε το: a:hover
Μόλις το βρείτε κάντε επικόλληση τον κώδικα
αντικαθιστώντας το!
Πατήστε Αποθήκευση Προτύπου!
Αυτό ήταν
Καλή επιτυχία!!!
Πηγή κώδικα
thanks to bloggerspice.com
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 σχόλια :
Δημοσίευση σχολίου