• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΩΣ ΒΑΖΩ PHOTO GALLERY No 3

PHOTO GALLERY
ΠΩΣ ΒΑΖΩ PHOTO GALLERY ΜΕ ΠΕΡΙΓΡΑΦΗ No 3
Ανοίξτε μία σελίδα στο blogger και πατήστε html. Αντιγράψτε αυτόν τον κώδικα αλλάζοντας τα γαλάζια και πράσινα links των φωτοφραφιών με τα δικά σας και τις αντίστοιχες περιγραφές με τα κίτρινα γράμματα με τις δικές σας περιγραφές. Μπορείτε να αλλάξετε τις διαστάσεις της μικρογραφίας των φωτογραφιών για να χωρούν στο πλάτος της σελίδας σας αλλάζοντας το width="180" & το height="113"
Εννοείται ότι ο κώδικας από το <table> εώς το </table> επαναλαμβάνεται για κάθε νέα γραμμή με 5 φωτογραφίες ή λιγότερες αν αλλάξετε τις διαστάσεις των μικρογραφιών. Δημοσιεύτε την σελίδα και είστε έτοιμοι.


ALONISOS

SKOPELOS

SKIATHOS

KERKYRA

PAXOI

SIVOTA

ITHAKI

LEYKADA

KEFALONIA

ZAKYNTHOS
<table>
<tbody><tr>
<td align="center" width="20%"><a href="http://i.imgur.com/UMQ2IrD.jpg" target="_blank"> <img src="http://i.imgur.com/UMQ2IrDm.jpg" width="180" height="113" /><br />ALONISOS</a></td>

<td align="center" width="20%"><a href="http://i.imgur.com/DgCJJQe.jpg" target="_blank"> <img src="http://i.imgur.com/DgCJJQem.jpg" width="180" height="113" /><br />SKOPELOS</a></td>

<td align="center" width="20%"><a href="http://i.imgur.com/W8LjNt5.jpg" target="_blank"> <img src="http://i.imgur.com/W8LjNt5m.jpg" width="180" height="113" /><br />SKIATHOS</a></td>

<td align="center" width="20%"><a href="http://i.imgur.com/7X4wjWS.jpg" target="_blank"> <img src="http://i.imgur.com/7X4wjWSm.jpg" width="180" height="113" /><br />KERKYRA</a></td>

<td align="center" width="20%"><a href="http://i.imgur.com/kbCkBYe.jpg" target="_blank"> <img src="http://i.imgur.com/kbCkBYem.jpg" width="180" height="113" /><br />PAXOI</a></td>
</tr></tbody></table>

<table>
<tbody><tr>
<td align="center" width="20%"><a href="http://i.imgur.com/uFoNudk.jpg" target="_blank"> <img src="http://i.imgur.com/uFoNudkm.jpg" width="180" height="113" /><br />SIVOTA</a></td>

<td align="center" width="20%"><a href="http://i.imgur.com/o5xkCIk.jpg" target="_blank"> <img src="http://i.imgur.com/o5xkCIkm.jpg" width="180" height="113" /><br />ITHAKI</a></td>

<td align="center" width="20%"><a href="http://i.imgur.com/gCr4ycD.jpg" target="_blank"> <img src="http://i.imgur.com/gCr4ycDm.jpg" width="180" height="113" /><br />LEYKADA</a></td>

<td align="center" width="20%"><a href="http://i.imgur.com/qrKer61.jpg" target="_blank"> <img src="http://i.imgur.com/qrKer61m.jpg" width="180" height="113" /><br />KEFALONIA</a></td>

<td align="center" width="20%"><a href="http://i.imgur.com/fiVofHI.jpg" target="_blank"> <img src="http://i.imgur.com/fiVofHIm.jpg" width="180" height="113" /><br />ZAKYNTHOS</a></td>
</tr></tbody></table>

5 σχόλια:

  1. pes mou se parakalo prin valo ton kodika sto blog pos mporw na strogilepso tis gonies apo tis fotografies xriazete na pirakso kati mesa apo to protupo an exeis thn lusi grapse mou edw...kalo mesimeri!!!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Προσθέτεις 3 γραμμές κώδικα css πρίν τον κώδικα του gallery style. Δες τον νέο κώδικα με την προσθήκη τών τριών γραμμών στην αρχή του εδώ. http://cssdeck.com/labs/zm5m2zgj

      Διαγραφή
  2. to evala alla mou alazei sxedon oles tis foto sto blog egw thelo an ginete sto sygekrimeno widged

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Σβύσε τότε τις 3 γραμμές του κώδικα style και βάλε σε κάθε ένα σύνδεσμο εικόνας την προσθήκη δικού της style μετά το img style="border-radius:10px" Δες το καλύτερα εδώ. http://cssdeck.com/labs/m71rk8r8

      Διαγραφή

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

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