-
.[Nuovo Layout] Galleria nel forum
Realizzata da bored del ForumFree Magazine.
Guida rilasciata sotto una Licenza Creative Commons 3.0.Galleria nel proprio forum
Guida per trasformare una sezione del proprio forum in una galleria di immagini
[Anteprima]
InstallazioneAffinchè compaia la miniatura dell'immagine presente nel post, è necessario inserire la spunta nell'opzione Auto-Thumbnails della sezione (la trovate in Amministrazione
Funzioni Aggiuntive Allegati)
Andate in Amministrazione Grafica Codice HTML Codice HTML che sarà mostrato nella sezione
Scegliete la sezione dove volete mettere la galleria e spuntate Nascondi nelle discussioni, ora incollate questo codice (fate attenzione a prelevare quello compatibile con il layout che avete attualmente installato nel vostro forum):
NUOVO LAYOUTSPOILER (clicca per visualizzare)HTML<style>/* Modificare le sezioni del forum come una galleria - http://ffmagazine.forumfree.it/?t=63705114 */
.forum .skin_tbl {border: 0; background: none; box-shadow: none; border-radius: 0}
.forum .mainbg {padding: 0; border-radius: 0; background: none}
.forum .mback, .forum .annuncio, .forum .title, .forum .big_list .aa, .forum .big_list .yy, .forum .big_list .zz, .forum .big_list .bb .pages2 {display: none !important}
.forum .big_list {box-shadow: none}
.forum .big_list > li {display: inline-block; border-radius: 15px; width: 178px; padding: 5px; margin: 5px}
.forum .big_list .bb {background: none; width: 100%; text-align: center; padding: 0}
.forum .xx {width: 100%; margin: 0 auto}
</style>
.forum .big_list > li: Identifica i vari box della galleria. Modificando gli attributi (border-radius, width, margin, ...) potete personalizzarne lo stile.
VECCHIO LAYOUTSPOILER (clicca per visualizzare)HTML<style>/* Modificare le sezioni di un forum come una galleria - http://ffmagazine.forumfree.it/?t=63705114 */
.forum table.main6 {border-spacing: 0}
.forum .skin_tbl tr:first-child, .forum .skin_tbl tr:last-child, .forum .mleft, .forum .mright, .forum .title, .forum .main6 tr:first-child, .forum .main6 tr:last-child,
.forum .aa, .forum .bb b, .forum .ww, .forum .xx, .forum .cc, .forum .yy, .forum .zz, .forum .small {display: none}
.forum .mainbg {background: none}
.forum .main6 tr {display: inline-block; width: 160px; height: 130px; margin: 10px; border-radius: 10px; background: #FFF; border: 1px solid #000}
.forum .bb {width: 160px; text-align: center; background: none} .forum .web {display: block; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.forum .web a {font-weight: bold} .desc {margin-top: 5px}
</style>
.forum .main6 tr: Identifica i vari box della galleria. Modificando gli attributi (border-radius, width, margin, background ...) potete personalizzarne lo stile.
InformazioniIl codice è compatibile solamente con il Nuovo Layout
UPDATE 12/01/2013: Estesa compatibilità anche al Vecchio Layout
Credits
Il ForumFree Magazine non pretende crediti obbligatori con link e banner da inserirsi sul vostro forum. Tuttavia, dal momento che il codice ha richiesto uno sforzo non indifferente, chiunque volesse inserirli può trovarli qui di seguito (è fatto invece severo divieto di rimuovere i crediti presenti nel codice):HTML<a href="http://ffmagazine.forumfree.it/?t=63705114">[Nuovo Layout] Galleria nel forum</a> creato da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6199181">bored</a>[Nuovo Layout] Galleria nel forum
Realizzata da bored del ForumFree Magazine.
Guida rilasciata sotto una Licenza Creative Commons 3.0.
.
Dark