flickr

sono riuscito a (re)integrare il flickr badge nella sidebar.
purtroppo non sembra possibile mettere codice nel titolo dei box. peccato altrimenti avrei linkato la pagina delle mie foto.
il trucco per far stare le anteprime su un quadrato è questo pezzetto di codice che va posto tra i tag "style" all'inizio del box

.flickr_badge_image img {
border: 6px solid black!important;
margin: 2%;
float: right;
height: 37%;
width: 37%;

in questo modo, quando viene renderizzato il tag "img" che racchiude ogni thumbnail è modificato con il bordo e i margini che vogliamo.
inoltre l'attributo "float: right;" dispone le anteprime in un insieme di righe che si allungano da destra verso sinistra quando c'è spazio vuoto.
Però mettendo la dimensione delle immagini in percentuale, anche queste si ingrandiranno se c'è più spazio e quindi di fatto non avranno mai la possibilità di disporsi su un'unica riga orizzontale.
Quando invece c'è meno spazio (perché la finestra del browser è più piccola) dovrebbero comparire più righe con meno elementi (anche uno solo) in questo modo l'utente vedrebbe le 4 foto incolonnate ma questo non succede grazie alla dimensione in percentuale delle immagini che le fa rimpicciolire in modo da poter (quasi) sempre disporsi su due righe.
Perché quasi sempre? Perché il bordo nero intorno alle immagini è l'unico elemento con le dimensioni assolute quindi se si prova a rimpicciolire di molto la finestra del browser succede che i bordi neri occupano troppo spazio per consentire alle immagini di stare su due righe e quindi finiranno incolonnate.

adesso il problema è cercare di centrare meglio nella sidebar l'intero blocco con le foto.
non sarà facile

Etichette: flickr hacking

Pubblicato: giovedì, ottobre 05, 2006   0 commenti