GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

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

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


<style>
.clockStyle {background-color:#173377;border: 1px solid #FBBB22;padding:3px;color:#FFFFFF; font: 20px Arial;display:inline;}
</style>
<div id="clockDisplay" class="clockStyle">
<script>
function renderTime() {
var currentTime = new Date();
var diem = "AM";
var h = currentTime.getHours();
var m = currentTime.getMinutes();
var s = currentTime.getSeconds();
setTimeout('renderTime()',1000);
if (h == 0) {h = 12;
} else if (h > 12) {h = h - 12;
diem="PM";}
if (h < 10) {h = "0" + h;     }
if (m < 10) {m = "0" + m;}
if (s < 10) {s = "0" + s;     }
var myClock = document.getElementById('clockDisplay');
myClock.textContent = h + ":" + m + ":" + s + " " + diem;
myClock.innerText = h + ":" + m + ":" + s + " " + diem;}
renderTime();
</script>
</div>
<br/>
<style>
.dateStyle {background-color:#173377;border: 1px solid #FBBB22;padding:3px;color:#FFFFFF; font: 20px Arial;display:inline;}
</style>
<div id="dateDisplay" class="dateStyle">
</script>
<script type="text/javascript"><!--
var date = new Date();
var d  = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(day + "/" + month + "/" + year);
 //--></script>
</div>

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

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

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

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.