GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr Delicius DIIGO Start.me NETVIBES feedburner

ΨΗΦΙΑΚΟ ΡΟΛΟΪ ΜΕ ΗΜΕΡΟΜΗΝΙΑ ΓΙΑ ΤΟ BLOG ΣΑΣ No 3

DIGITAL CLOCK
ΨΗΦΙΑΚΟ ΡΟΛΟΪ ΜΕ ΗΜΕΡΟΜΗΝΙΑ ΓΙΑ ΤΟ BLOG ΣΑΣ No 3
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα ψηφιακό ρολόϊ με ημερομηνία στο blog σας. Μπορείτε να αλλάξετε το χρώμα του background αλλάζωντας τον κωδικό χρώματος #173377; με όποιο χρώμα σας αρέσει. Το ίδιο ισχύει και για το χρώμα κειμένου το ρυθμίζετε αλλάζωντας τον κωδικό χρώματος #FFFFFF; Η γραμματοσειρά και το μέγεθός της ρυθμίζονται αλλάζωντας το font: 13px Arial; Τέλος το πάχος και το χρώμα του περιγράμματος του κουτιού του ρολογιού ρυθμίζεται αλλάζωντας το border:1px solid #FBBB22;
Ο κώδικας μπαίνει απλά σαν gadget σε όποιο σημείο του blog σας θέλετε να εμφανίζεται. Αν θέλετε μπορείτε όμως να εμφανίζεται και στατικά στην πάνω αριστερή γωνία του blog σας αρκεί να προσθέσετε εντός του .clockstyle τρείς ακόμα εντολές {position:fixed;top:0px;left:0px;}. Εννοείται ότι θα αποκρύψετε την navbar του blogger για να εμφανιστεί σε αυτήν την θέση.

<style>
.clockstyle {background-color:#173377;border: 1px solid #FBBB22;padding:3px;color:#FFFFFF; font: 13px Arial;display:inline;}
</style>
<script>
tday=new Array("Κυριακή","Δευτέρα","Τρίτη","Τετάρτη","Πέμπτη","Παρασκευή","Σάββατο");
tmonth=new Array("Ιανουαρίου","Φεβρουαρίου","Μαρτίου","Απριλίου","Μαΐου","Ιουνίου","Ιουλίου","Αυγούστου","Σεπτεμβρίου","Οκτωβρίου","Νοεμβρίου","Δεκεμβρίου");
function GetClock(){
var d=new Date();
var nday=d.getDay(),ndate=d.getDate(),nmonth=d.getMonth(),nyear=d.getYear();
if(nyear<1000) nyear+=1900;
var nhour=d.getHours(),nmin=d.getMinutes(),nsec=d.getSeconds(),ap;
if(nhour==0){ap=" am";nhour=12;}
else if(nhour<12){ap=" am";}
else if(nhour==12){ap=" pm";}
else if(nhour>12){ap=" pm";nhour-=12;}
if(nmin<=9) nmin="0"+nmin;
if(nsec<=9) nsec="0"+nsec;
document.getElementById('clockbox').innerHTML=""+tday[nday]+", "+ndate+", "+tmonth[nmonth]+", "+nyear+" "+nhour+":"+nmin+":"+nsec+ap+"";}
window.onload=function(){GetClock();
setInterval(GetClock,1000);}
</script>
<div id="clockbox" class="clockstyle">
</div>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".