Δευτέρα 1 Φεβρουαρίου 2016
Color to Blog links for Rainbow effect
Φίλες και φίλοι γεια σας, έχουμε δει και σε παλαιότερη ανάρτηση με τον ποιο απλό
τρόπο πως μπορούμε να εγκαταστήσουμε στα blog μας, Rainbow effect για τα Links
που έχουμε στην σελίδα μας!Όταν κάνουμε mouseover με τον κέρσορα σε κάποιο link
αρχίζουν και αναβοσβήνουν διάφορα χρώματα!Είναι ένα πολύ καλό τρικ!Σήμερα εδώ
θα δούμε έναν πιο αξιόπιστο τρόπο διότι ο απλός τρόπος με την προσθήκη σαν gadget
δηλαδή, δεν δούλευε σε όλα τα πρότυπα!
Πρώτα από όλα κάνετε BACK UP TO TEMPLATE ΣΑΣ και μετά:
αντιγράψτε τον ακόλουθο κώδικα:
................................................................................................................................................................
και...
Πηγαίνετε blogger-->Πρότυπο
Επεξεργασία HTML
κάνετε click μέσα στο template
και πατώντας Ctrl + F ψάχνεται
να βρείτε το: ]]></b:skin>
Μόλις το βρείτε κάντε επικόλληση τον κώδικα
ακριβώς από ΚΑΤΩ ΤΟΥ!
Πατήστε Αποθήκευση Προτύπου!
Καλή επιτυχία!!!
Πηγή κώδικα
thanks to bloggerspice.com
Edit by
τρόπο πως μπορούμε να εγκαταστήσουμε στα blog μας, Rainbow effect για τα Links
που έχουμε στην σελίδα μας!Όταν κάνουμε mouseover με τον κέρσορα σε κάποιο link
αρχίζουν και αναβοσβήνουν διάφορα χρώματα!Είναι ένα πολύ καλό τρικ!Σήμερα εδώ
θα δούμε έναν πιο αξιόπιστο τρόπο διότι ο απλός τρόπος με την προσθήκη σαν gadget
δηλαδή, δεν δούλευε σε όλα τα πρότυπα!
Δείτε εδώ το DEMO
ΕΓΚΑΤΆΣΤΑΣΗ:
Πρώτα από όλα κάνετε BACK UP TO TEMPLATE ΣΑΣ και μετά:
αντιγράψτε τον ακόλουθο κώδικα:
................................................................................................................................................................
<script type='text/javascript'>..................................................................................................................................................................
//<![CDATA[
var rate = 5;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Rainbow widget by www.bloggerspice.com//
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>
και...
Πηγαίνετε blogger-->Πρότυπο
Επεξεργασία HTML
κάνετε click μέσα στο template
και πατώντας Ctrl + F ψάχνεται
να βρείτε το: ]]></b:skin>
Μόλις το βρείτε κάντε επικόλληση τον κώδικα
ακριβώς από ΚΑΤΩ ΤΟΥ!
Πατήστε Αποθήκευση Προτύπου!
Αυτό ήταν!
Καλή επιτυχία!!!
Πηγή κώδικα
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 σχόλια :
Δημοσίευση σχολίου