Unire la tagboard ad una tabella

¬kiros

Posted on 11/7/2010, 08:50

.

User deleted

Tutorial realizzato per: Project Accident - Black Label

In questo tutorial vedremo uno dei modi più semplici e veloci per "integrare" la tagoarb alla tabella del forum.
_IMPORTANTE: Con questo metodo, la tagoard si accorpa alla tabella immediatamente sopra la tagboard stessa. Perciò, se avete 5 tabelle, la tag si troverà all'interno della quinta.

» Step 1 : situazione iniziale
Inizialmente ci troveremo di fronte ad una situazione come quella presente nell'immagine sottostante: tabella e tgboard ben distinte.

» Step 2
Una delle possibiltà per raggiungere il nostro obiettivo, è eliminare la parte "superflua" della tagboard, per poi passare ad unire il restante alla tabella. Eliminiamo quindi l' mback dalla tag, utilizzando questo codice:

CODICE

.tag .mback {display: none}

E ci troveremo ad avere una cosa di questo tipo:

Come avrete sicuramente notato, tutte le immagini della parte superiore della tagboard (appunto, l'mback) sono sparite.

» Step 3
Non ci resta che "unire" la tagboard alla tabella. Come? "Sollevando" la tagboard.
Utilizzando questo codice

CODICE

.tag {margin-top: -NUMpx}

otterremo una traslazione verso l'alto della tagboard.

1) La parola NUM deve essere sostituita da un numero.
2) Il numero di pixel necessari per ottenere l'unione della tagboard alla tabella è variabile; cambia da skin a skin, pertanto potrebbero esser necessarie diverse prove prima di trovare quello giusto. Normalmente si aggira intorno ai 20/30px
3) Il numero inserito deve essere un numero negativo! Se inserite un numero positivo, otterrete si una traslazione della tagboard, ma verso il basso. Pertanto, ricordate di inserire un valore negativo.

» Conclusione
Per concludere, e mostrarvi ciò che ho ottenuto io, partendo dalla situazione iniziale, ed usando questo codice

CODICE

.tag .mback {display: none}
.tag {margin-top: -35px}

sono arrivato ad ottenere questo: