ΠΩΣ ΒΑΖΩ PHOTO GALLERY ΜΕ ΠΕΡΙΓΡΑΦΗ No 3
Ανοίξτε μία σελίδα στο blogger και πατήστε html. Αντιγράψτε αυτόν τον κώδικα αλλάζοντας τα γαλάζια και πράσινα links των φωτοφραφιών με τα δικά σας και τις αντίστοιχες περιγραφές με τα κίτρινα γράμματα με τις δικές σας περιγραφές. Μπορείτε να αλλάξετε τις διαστάσεις της μικρογραφίας των φωτογραφιών για να χωρούν στο πλάτος της σελίδας σας αλλάζοντας το width="180" & το height="113".
Ανοίξτε μία σελίδα στο 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>
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!!!
ΑπάντησηΔιαγραφήΠροσθέτεις 3 γραμμές κώδικα css πρίν τον κώδικα του gallery style. Δες τον νέο κώδικα με την προσθήκη τών τριών γραμμών στην αρχή του εδώ. http://cssdeck.com/labs/zm5m2zgj
Διαγραφήto evala alla mou alazei sxedon oles tis foto sto blog egw thelo an ginete sto sygekrimeno widged
ΑπάντησηΔιαγραφήΣβύσε τότε τις 3 γραμμές του κώδικα style και βάλε σε κάθε ένα σύνδεσμο εικόνας την προσθήκη δικού της style μετά το img style="border-radius:10px" Δες το καλύτερα εδώ. http://cssdeck.com/labs/m71rk8r8
Διαγραφήauto einai bravo!!!done
ΑπάντησηΔιαγραφή