Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




4 pop-up-image menu


=>PHOTOS FROM AIGIO BAY <=
Φίλοι bloggers, σήμερα σας έχω ένα pop-up-image menu, δηλαδή ενα κάθετο μενου με τίτλους φωτογραφιών που ανοίγουν σε pop up νεο παραθυρο για να τις δούμε, και δεν πιάναι πολύ χώρο, μιάς και αναπτύσεται όταν πατάμε με τον κέρσορα επάνω του...DEMO βλέπετε από πάνω !
Ο ΚΩΔΙΚΑΣ: (Βάλτε τον όλο σαν gadget HTML/Javascript )

<script type="text/javascript">
//<![CDATA[

function display_image(form) {
selectionname = form.drblogger_ImageName.options[form.drblogger_ImageName.selectedIndex].text;
selection = form.drblogger_ImageName.options[form.drblogger_ImageName.selectedIndex].value;
PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,copyhistory=0,width=800,height=650");
PreView.document.open();
PreView.document.write("<html><head>");
PreView.document.write("<title>Preview</title>");
PreView.document.write("</head><body bgcolor=ffffff text=000000>");
PreView.document.write("<form><center><b><font size=+1>" +
selectionname + "</font></b><hr>");
PreView.document.write("<img hspace=0 vspace=0 " +
"src='" + selection + "'>");
PreView.document.write("<hr><form><input type='button' value='Close' " +
"onClick='window.close()'></form>");
PreView.document.write("</center>");
PreView.document.write("</body></html>");
PreView.document.close();
}
//]]>
</script>

<b>=> ΤΙΤΛΟΣ ΜΕΝΟΥ  <=</b>
<form>
<select name="drblogger_ImageName" onChange="display_image(this.form)" style="font-size:16px;font-family:Times New Roman;font-weight:bold;color:#0040FF;background:#F2F2F2;padding:4px 0 4px 8px;border:2px solid black;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius:8px;-goog-ms-border-radius:8px;text-shadow:1px 1px 1px #eee;">
<option value=" URL EIKONAΣ " selected> ΤΙΤΛΟΣ ΕΙΚΟΝΑΣ
<option value=" URL EIKONAΣ">ΤΙΤΛΟΣ ΕΙΚΟΝΑΣ
<option value=" URL EIKONAΣ">ΤΙΤΛΟΣ ΕΙΚΟΝΑΣ
<option value=" URL EIKONAΣ">ΤΙΤΛΟΣ ΕΙΚΟΝΑΣ
<option value=" URL EIKONAΣ">ΤΙΤΛΟΣ ΕΙΚΟΝΑΣ
<option value=" URL EIKONAΣ">ΤΙΤΛΟΣ ΕΙΚΟΝΑΣ
</select>
</form>

***αλλάξτε τα χρώματα για να ταιριάζουν με τα χρώματα του blog σας
(οι αλλαγες μπορουν να γινουν σε αυτό το σημείο του κώδικα :
<select name="drblogger_ImageName" onChange="display_image(this.form)" style="font-size:16px;font-family:Times New Roman;font-weight:bold;color:#0040FF;background:#F2F2F2;padding:4px 0 4px 8px;border:2px solid black;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius:8px;-goog-ms-border-radius:8px;text-shadow:1px 1px 1px #eee;">

ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

4 σχόλια:

Unknown είπε...

καλημερα . Θέλω να ρωτίσω αν μπορείς να μου πως μπορώ να βάλω ένα τετειο μενού σε ενα post πχ θέλω να βάλω ενα σείριαλ supernatural season 1 και απο κατω θέλω ενα drop down menu me episode 1 - epidose 2 στα οποια θα εχω υπερσυνδέσμους . Μπορείς να με βοηθήσεις πως να το κάνω αυτο ?

pandelees karagiann είπε...

Johnnie, δεν εχω τον χρόνο να βοηθώ μεμονωμένα τον καθε blogger...η βοήθεια που δίνω είναι οι απλές αναρτήσεις μου...

Unknown είπε...

καλησπέρα ...μπορεις να μας πεις πως εχεις βαλει τον mickey και το find as on Facebook????ευχαριστω πολύ!!!!

pandelees karagiann είπε...

Sweet Mommy, σου δινω πιο κατω τον κώδικα, αλλά πρέπει να ξερεις και να βρεις στον πηγαιο κωδικα του μπλογκ σου, που να τον προσθέσεις....

<div class="post-header-line-1">
<img height="111" src=" ΕΔΩ ΘΑ ΒΑΛΕΙΣ ΤΗ ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ ΤΟΥ ΜΙΚΥ" width="75">
<a href="ΕΔΩ ΘΑ ΜΠΕΙ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΣΕΛΙΔΑΣ ΣΟΥ ΣΤΟ FB" target="_blank">
<img height="60" src="ΕΔΩ ΘΑ ΒΑΛΕΙΣ ΤΗ ΔΙΕΥΘΥΝΣΗ ΤΟΥ ΣΚΙΤΣΟΥ ΤΟΥ FB" width="200"></a>
</div>

...δηλαδη , αυτο που βλέπεις με την εικονα του Μικυ και σε στελνει στη σελιδα μου στο fb, είναι ...

<div class="post-header-line-1">
<img height="111" src="https://lh3.googleusercontent.com/-XFjEA3JDxyg/T1Vc4MzBuaI/AAAAAAAADw0/q7VTlaZ8OYo/s111/mickey_mouse%2520%25282%2529.gif" width="75">
<a href="http://www.facebook.com/dr.blogger" target="_blank">
<img height="60" src="https://lh4.googleusercontent.com/-_g87KsGTx80/UfZCrG1FZWI/AAAAAAAAIIE/a-ER21COyFY/s700/FacebookButton.jpg" width="200"></a>
</div>