Galleria di immagini in una sezione

bored

Posted on 28/10/2012, 13:23

+22

.

Advanced Member

Group: M. Onorario

Posts: 4,488

Activity Level: +2

Status: Anonymous

Galleria nel proprio forum
Guida per trasformare una sezione del proprio forum in una galleria di immagini
XIBrm
[Anteprima]

Installazione

Affinchè 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 LAYOUT

SPOILER (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 LAYOUT

SPOILER (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.

Informazioni
~~Il 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>

E' possibile, come indicato nei termini di utilizzo, ridistribuire questa guida sui vostri forum lasciandone inalterati integrità e contenuti/crediti ed inserendo il seguente codice in fondo al messaggio:

HTML

<div class="textinput" style="margin:1px;padding:4px;display:block;text-align:center"><a title="[Nuovo Layout] Galleria nel forum" href="?t=63705114"><b>[Nuovo Layout] Galleria nel forum</b></a>
Realizzata da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6199181">bored</a> del <a title="Forumfree Magazine - Stai al passo con Forumfree!" href="http://ffmagazine.forumfree.it/"><b>ForumFree Magazine</b></a>.
Guida rilasciata sotto una <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Licenza Creative Commons 3.0</a>.</div>

[Nuovo Layout] Galleria nel forum
Realizzata da bored del ForumFree Magazine.
Guida rilasciata sotto una Licenza Creative Commons 3.0.