Sezioni Orizzontali in tutto il Forum

-spiker

Posted on 24/10/2013, 23:05

+8

.

Senior Member

Group: Team

Posts: 12,737

Likes: +150

Status: Anonymous

Sezioni Orizzontali in tutto il forum
Sezioni Orizzontali in tutto il forum, a blocchi di 2 o più sezioni
Esempio

Per avere delle sezioni orizzontali in tutto il forum è necessario istallare questo codice in Amministrazione > Colori e Stili

CODICE

/* SEZIONI ORIZZONTALI - by -spiker */
.board .big_list > * {width: 50%; display: inline-block; height: 130px !important; }
.board .aa {width: 10%}
.board .bb {width: 86%}
.board .desc {overflow: auto; height: 50px}
.board .zz, .board .yy {width: 98%; text-align: center !important}
.board .zz div, .board .yy div {display: inline-block; padding: 0 3px}

.board .zz .where, .board .zz .who {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 120px !important; margin-bottom: -5px}

.board .title {display: none}

♦ Personalizzazione del codice:
Il codice è stato creato sulla Skin di Base, pertanto potrebbe richiedere qualche modifica nel vostro forum (ovvero la modifica di qualche valore).

.board .big_list > * identifica le singole sezioni.
E' impostato al 50%, ciò significa che avrete 2 blocchi affiancati per riga.
Per avere più blocchi nella stessa riga è necessario diminuire la % (modificate il valore per vedere il risultato).
Height vi serve per fare tutte le sezioni della stessa altezza.

.board .aa identifica la cella On/Off.

.board .bb identifica il .web e il .desc
Al .desc è stato aggiunto uno scrool per evitare un' altezza spropositata della sezione.
Per modificare l'altezza agite sul height di .board .desc.
Per rimuovere lo scrool cancellate l'intera stringa di .board .desc.

La somma delle % di .aa e .bb non deve superare il 96%

.board .zz, .board .yy identificano rispettivamente, le discussioni con l'autore e il numero delle risposte/discussioni.
L'unico parametro da modificare è text-align (ovvero l'allineamento del testo).

.board .zz div, .board .yy div serve per allineare tutto su una riga, non va modificato.

.board .zz .where, .board .zz .who tronca un nick/titolo lungo in modo da far restare tutto in un'unica riga.
Potete modificare max-width (ovvero la lunghezza massima che un titolo/nick può raggiungere prima di essere troncato).
Il margin-bottom vi serve per allineare il titolo della discussione con il resto. Tale valore varia da skin a skin, ergo provate diversi valori finchè non avrete l'allineamento.

.board .title nasconde Forum, Statistiche e Ultimi Discussioni sotto al .mback

Per nascondere il numero di discussioni e risposte, aggiungete al codice:

CODICE

.board .yy {display: none}

Per problemi aprite un topic nella sezione Support e postate il link del forum su sui avete istallato il codice così da potervi aiutare.

Tutoril per lo Skin Factory dalla sottoscritta.

Edited by -spiker - 1/6/2014, 20:02