Ads 468x60px

Τετάρτη, 9 Μαρτίου 2016

Drop down Box viewer

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα drop down box το
οποίο μας χρησιμεύει στο να παρουσιάζουμε ξεχωριστά θέματα μέσα από το blog
μας, παραμένοντας όμως σε αυτό!Εάν έχετε χώρο στο blog σας η θέλετε να
εμπλουτίσετε το template σας, και έχετε πολλά blogs, στατικές σελίδες, μεγάλα
κείμενα, φωτογραφίες υψηλής ανάλυσης κτλ κτλ τότε αυτό το drop down box θα σας
φανεί αρκετά χρήσιμο!Δεν καθυστερεί καθόλου το άνοιγμα της σελίδας σας,  γιατί παραμένει
κενό, μέχρι να κλικάρετε κάποια επιλογή!!







και για να το εγκαταστήσετε και εσείς

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
..................................................................................................................................................

<!--CHANGE LINKS BELOW TO YOUR OWN-->
<a href="javascript:jumpto('ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a> |
<a href="javascript:jumpto('
ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a> | <a href="javascript:jumpto('ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a> | <a href="javascript:jumpto('ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a>
<script language="javascript">
<!--

//Drop-down Document Viewer II- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=0
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='<iframe id="external" style="width:95%;height:400px" src="http://www.yahoo.com"></iframe>'

/////NO NEED TO EDIT BELOW HERE////////////

if (displaymode==0)
document.write(iframecode)

function jumpto(inputurl){
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=inputurl
else if (document.all&&displaymode==0)
document.all.external.src=inputurl
else{
if (!window.win2||win2.closed)
win2=window.open(inputurl)
//else if win2 already exists
else{
win2.location=inputurl
win2.focus()
}
}
}
//-->
</script>

...................................................................................................................................................
ΑΛΛΑΓΕΣ

ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ - Εδώ βάζετε το url της διεύθυνση σας!

ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ - Εδώ βάζετε τον τίτλο που θα φαίνεται!

Εάν θέλετε να προσθέσετε και άλλα Links απλά επαναλαμβάνετε την σειρα:

<a href="javascript:jumpto('ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a>

Μόλις τελειώσετε Αποθήκευση και είστε έτοιμοι!! 


Καλή επιτυχία!!! 


Πηγή κώδικα
thanks to dynamicdrive.com



Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog