Tre è il numero perfetto!

KSJHopkins

Posted on 4/10/2012, 16:24

User deleted

Ciao! Allora avrei tre problemi da risolvere riguardo il forum che sto creando utilizzando però una skin già esistente poichè è perfetta per ciò che vorrei realizzare. La sto arricchendo ovviamente con piccolezze utili al mio scopo finale senza "rovinare" la sua forma iniziale. Il forum è questo (lo sto usando come prova per poi inserire tutti i codici su un altro forum già esistente e sempre di mia proprietà) http://artprova.forumcommunity.net/. I tre problemi che ho al momento sono i seguenti:

1) Tabella: con il generatore di tabelle la mia tabella rimane per forza rigida. Io vorrei creare una tabella che abbia due righe, nella prima riga abbia due colonne e nella seconda riga abbia tre colonne. Il problema è che col generatore di tabelle di forumcommunity se io metto due colonne sopra e tre sotto le celle si adattano al contenuto e interferiscono tra di loro in maniera piuttosto fastidiosa lasciando buchi oppure inserendo un testo lungo una colonna lunghissima e impossibile da gestire e da leggere. La mia prima domanda è quindi: come fare a creare una tabella nella quale possa avere le caratteristiche prima descritte senza che le celle interferiscano tra di loro in modo eccessivo? (In pratica vorrei una tabella dello stile di questa http://asprova.forumfree.it/ dove ogni cella è a se)

2) Targhette a lato destro: mi è piaciuta molto l'idea delle targhette che hai usato nella tua ultima skin Exotica e mi piacerebbe utilizzarla come se fosse un menù. Ho provato ad usare i codici ma il problema è che più di sei targhette non riesco a metterle, iniziano a sistemarsi una sopra l'altra e quindi non si possono cliccare. Io in tutto dovrei metterne 19!

3) Trasparenza: questo forum di prova possiede la parte centrale grigia sulla quale "appoggiano" le varie sezioni, tabella e tag. Ho provato a mettere la trasparenza ma diventa trasparente non solo la parte grigia ma anche sezioni, logo, tag e tabella, insomma tutto ciò che sta sopra la parte grigia. Questa cosa della trasparenza non so ancora se farla o meno ma mi piacerebbe vedere l'effetto finale per capire se mi può piacere oppure se distrarrebbe troppo.

Le richieste sono molte, me ne rendo conto XD spero di non darti troppo disturbo o di occuparti troppo tempo e soprattutto spero di essere stata chiara nella spiegazione. Se ti serve potere entrare nel sito come admin fammelo sapere e ti abilito.
Ovviamente metterò i crediti e ringraziamenti finali al termine del lavoro.

Grazie in anticipo.

JackGaunt

Posted on 4/10/2012, 17:43

User deleted

non dovrebbe essere difficile!
però ora non ho tempo, appena posso ti aiuto!
poi un'altra cosa, MA DA DOVE HAI PRELEVATO I CODICI DEI LABEL LATERALI?

KSJHopkins

Posted on 4/10/2012, 22:04

User deleted

No problem ^^
Gli ho presi dalla tua skin infatti ho messo i credit.
Probabilmente dovevo chiederti l'autorizzazione prima, ti chiedo scusa. Se è un problema li tolgo e inserisco qualcos'altro.

JackGaunt

Posted on 4/10/2012, 23:47

User deleted

non avevo notato i credits, allora vanno benissimo così.
domani ti risolvo il tutto.

JackGaunt

Posted on 5/10/2012, 09:35

User deleted

1) intendi qualcosa del genere?

2) nel tuo codice html hai qualcosa del genere:

HTML

<a style="background:url(http://i50.tinypic.com/2ptzasy.png); color:#000000; top:100px" href="http://hogwartsflorin.forumfree.net/" class="label">La Nostra Hogwarts</a>
<a style="background:url(http://i45.tinypic.com/34yxwds.png); color:#000000; top:130px" href="http://ravenclaw.forumfree.net/" class="label">Corvonero</a>
<a style="background:url(http://i48.tinypic.com/232yh3.png); color:#000000; top:160px" href="http://gryffindor.forumfree.net/" class="label">Grifondoro</a>
<a style="background:url(http://i50.tinypic.com/2e5v1ao.png); color:#000000; top:190px" href="http://slytherinstale.forumfree.net/" class="label">Serpeverde</a>
<a style="background:url(http://i46.tinypic.com/u1n3q.png); color:#000000; top:220px" href="http://tassorossohogwarts.forumfree.net/" class="label">Tassorosso</a>
<a style="background:url(http://i47.tinypic.com/14l0pav.png); color:#000000; top:250px" href="http://duellantiflo.forumfree.it/" class="label">Duellanti</a>
<a style="background:url(http://i47.tinypic.com/2u9hh68.png); color:#000000; top:250px" href="http://hogwartstime.forumfree.net/" class="label">Hogwarts Time</a>
<a style="background:url(http://i48.tinypic.com/18od8j.png); color:#000000; top:250px" href="http://quidditch.forumfree.net/" class="label">Quidditch</a>
<a style="background:url(http://i45.tinypic.com/spu6q0.png); color:#000000; top:250px" href="http://consigliodocenti.forumfree.it/" class="label">Professori</a>

in cui devi modificare la proprietà top dal sesto link in poi, passando da 250px a dimensioni successive, alumentando sempre di 30px!
alla fine devi avere tipo 100, 130, 160, 190, 220, 250, 280, 310, 340, 370, ....

3) puoi banalmente crearti un'immagine trasparente e metterla come sfondo, oppure aggiungere ai css qualcosa tipo:
#centrale {
margin: auto;
width: 70%;
background-color: rgba(219, 225, 230, 0.5);
}

(potresti non vedere l'effetto se non lo metti abbastanza in fondo tra colori e stili)

Edited by JackGaunt - 5/10/2012, 10:56

KSJHopkins

Posted on 5/10/2012, 10:24

User deleted

CITAZIONE (JackGaunt @ 5/10/2012, 10:35)

1) intendi qualcosa del genere?

Si esatto intendo proprio una cosa del genere però mi sono dimenticata di dire che nella seconda riga le colonne se è possibile dovrebbero avere lo spazio per il sottotitolo.

Per il resto mi è tutto chiaro, grazie mille ^^

JackGaunt

Posted on 5/10/2012, 15:16

User deleted

beh allora o fai una terza riga uguale alla seconda però più bassa magari!!

HTML

<table cellspacing="0" cellpadding="0">

<tr>
<td colspan="50%">cella11</td>
<td colspan="50%">cella12</td>
</tr>

<tr>
<td colspan="33%">cella21</td>
<td colspan="33%">cella22</td>
<td colspan="33%">cella23</td>
</tr>

<tr>
<td colspan="33%">sottotitolo21</td>
<td colspan="33%">sottotitolo22</td>
<td colspan="33%">sottotitolo23</td>
</tr>

</table>

cella11	cella12
cella21	cella22	cella23
sottotitolo21	sottotitolo22	sottotitolo23

da decorare a tuo gusto ovviamente^^

KSJHopkins

Posted on 6/10/2012, 16:26

User deleted

Uhm...i sottotitoli li preferivo in mezzo ovvero fra la riga 1 e 2, ho provato ma non ci sono riuscita, o meglio sono riuscita ma si concentravano tutti sulla prima colonna della seconda riga oppure succedevano cose strane che non so bene spiegarti XD inoltre ho provato a formattarle con la grafica della skin ma appunto non riuscivo a metterle come dovrebbero.
Suggerimenti?

Al momento il codice della tabella è così:

SPOILER (clicca per visualizzare)

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0">

<tr>
<td class="mleft_top"></td>
<td><table class="mback" width="100%" cellpadding="0" cellspacing="0">

<tr>
<td class="mback_left"></td>
<td class="mback_center"><div class="mtitle">Titolo</div></td>
<td class="mback_right"></td>
</tr>

</table></td>
<td class="mright_top"></td>
</tr>

<tr>
<td class="mleft"></td>
<td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">

<tr>
<td colspan="50%"></td>
<td colspan="50%"></td>
</tr>

<tr>
<td colspan="33%"></td>
<td colspan="33%"></td>
<td colspan="33%"></td>
</tr>

</table></td>
<td class="mright"></td>
</tr>

<tr>
<td class="mleft_bottom"></td>
<td><table class="msub" width="100%" cellpadding="0" cellspacing="0">

<tr>
<td class="msub_left"></td>
<td class="msub_center"> </td>
<td class="msub_right"></td>
</tr>

</table></td>
<td class="mright_bottom"></td>
</tr>

</table>

Edited by KSJHopkins - 6/10/2012, 17:57

JackGaunt

Posted on 6/10/2012, 17:07

User deleted

prova così

SPOILER (clicca per visualizzare)

HTML

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

<div class="mtitle">TITOLO</div>

</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="0" cellspacing="0">

<tr>
<td colspan="50%">cella11</td>
<td colspan="50%">cella12</td>
</tr>

<tr>
<td colspan="33%">sottotitolo21</td>
<td colspan="33%">sottotitolo22</td>
<td colspan="33%">sottotitolo23</td>
</tr>

<tr>
<td colspan="33%">cella21</td>
<td colspan="33%">cella22</td>
<td colspan="33%">cella23</td>
</tr>

</table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>

TITOLO

cella11	cella12
sottotitolo21	sottotitolo22	sottotitolo23
cella21	cella22	cella23

8 replies since 4/10/2012, 16:24 137 views

Tre è il numero perfetto!

✓ risolto