Vecchio rinnovato

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

iniziamo le modifiche

cominciamo a smanettare un po' con questi nuovi layout ultra-dinamici.
per il momento ho modificato l'intestazione.
ho messo lo sfondo con le montagne e ho eliminato il colore di sfondo
dovrò modificare l'immagine di sfondo in modo che la parte al di sotto delle scritte sia tutta di un colore per facilitare la lettura.
era una cosa che dovevo fare già nel layout vecchio ma a questo punto tanto vale concentrarsi solo sul nuovo

Etichette: layout