Pagina 1 di 1
Ridimensionare colonna autore/post
Inviato: 03/01/2012, 22:03
da El_Rey
Ciao a tutti
eccomi con il mi primo quesito.
Sto creando un forum o almeno ci sto provando. Tutto liscio fino ad ora ma adesso ho un piccolo problema.
Uso come tema AcidTechRed e come da oggetto devo ridimensionare la colonna AUTORE (farla più grande) e diminuire quella del post.
Un grazie anticipato a tutti coloro che mi aiuteranno.
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 10:52
da Tiger
la colonna AUTORE (farla più grande)
APRI CONTENT.CSS
TROVA:
Poster profile
Avrai questo blocco da personalizzarti
Codice: Seleziona tutto
/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}
diminuire quella del post.
Sempre in content.css
trova:
Ti troverai da personalizzarti quest'altro blocco:
Codice: Seleziona tutto
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 11:26
da El_Rey
Non ho quel file ma stylesheet.css
Provato a dargli un occhiata ma non trovo nulla...
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 11:48
da Micogian
AcidTech è di derivazione subsilver2 e quindi ha un solo file CSS, stylesheet.css, appunto.
Nel file css ci dovrebbe essere la dimensione delle colonne. Se tu inserissi il link al Forum sarebbe più semplice per noi, ci sono centinaia di stili, non possiamo conoscerli tutti.
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 12:51
da El_Rey
Link aggiunto..
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 13:21
da Tiger
Leggendo il tuo sorgente vedo questo:
Quuindi nello stylesheet la classe interessata che serve a te dovrebbe essere
Forse anche questa:
Questo e' per quanto concerne il profilo utente nel topic.....
Riguardo la classe del Post dovrebbe essere questa.
Dico dovrebbe perche' ho dato un occhiata al tuo codice sorgente
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 13:55
da Micogian
In questo stile non è assegnata una dimensione alla colonna "Autore", occupa lo spazio necessario al contenuto mentre per il resto viene data una dimesnione del 100%
Codice: Seleziona tutto
<tr>
<th>Autore</th>
<th width="100%">Messaggio</th>
</tr>
Se nel primo <th> ci mettiamo una dimensione allora abbiamo una diversa divisione dello spazio.
Bisogna provare, mettendo o una percentuale o una dimensione fissa.
Ma poi bisogna agire anche sul contenuto della colonna "Autore" perchè mi pare che il contenuto venga centrato.
La modifica va fatta in viewtopic_body.html
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 14:34
da Tiger
Non sarebbe piu' semplice aggiungere una dimensione variabile direttamente nello stylesheet?
Questo e' il codice che usa lo stile:
Colonna Autore
Codice: Seleziona tutto
.postauthor {
color: #B62723;
font-size: 12px;
margin-bottom: 3px;
font-weight: bold;
}
Tabella post:
Codice: Seleziona tutto
.postbody {
font-size: 12px;
line-height: 1.4em;
margin: 3px 0;
}
?
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 15:03
da Micogian
Perchè le classi "postauthor" e "posbody" si riferiscono rispettivamente al nome dell'utente e al testo del post, non allo spazio dei rispettivi box.
Il codice sorgente di un topic è questo:
Codice: Seleziona tutto
<table class="tablebg" width="100%" cellspacing="0">
<tr>
<th>Autore</th>
<th width="100%">Messaggio</th>
</tr>
<tr class="row1">
<td align="center" valign="top" class="row">
<a name="p3"></a>
<div class="postauthor">Sidus</div>
<div class="postdetails">
<br /><b>Iscritto il:</b> ieri, 22:30<br /><b>Messaggi:</b> 2
</div>
<img src="./styles/acidtechred/theme/images/spacer.gif" width="120" height="1" alt="" />
</td>
<td width="100%" height="25" class="row" valign="top">
<div style="float: right;"></div>
<div class="postsubject"><a href="./viewtopic.php?p=3#p3"><img src="./styles/acidtechred/imageset/icon_topic_latest.gif" width="13" height="9" alt="Messaggio" title="Messaggio" /></a> Prima iscritta!</div>
<div class="postbody">Sono Sidus e scrivo da Milano, visto che di elettronica qualcosa capisco e qualcosa meno sono sicura che su questo forum potrò sia dare un mio contributo sia imparare qualcosa di interessante! <img src="./images/smilies/icon_e_smile.gif" alt=":)" title="Smile" /></div>
<br clear="all" /><br />
</td>
</tr>
<tr class="row1">
<td class="postbottom" align="center">ieri, 22:36</td>
<td class="postbottom postbuttons" valign="middle">
<div style="float: right">
</div>
<a href="./memberlist.php?mode=viewprofile&u=32"><img src="./styles/acidtechred/imageset/it/icon_user_profile.gif" width="50" height="13" alt="Profilo" title="Profilo" /></a>
</td>
</tr>
<tr>
<td class="spacer" colspan="2" height="1"><img src="./styles/acidtechred/theme/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
<tr class="row2">
<td align="center" valign="top" class="row">
<a name="p4"></a>
<div class="postauthor" style="color: #AA0000">El_Rey</div>
<div class="posterrank">Amministratore</div><div class="postavatar"><img src="./download/file.php?avatar=2_1325630051.jpg" width="128" height="128" alt="Avatar utente" /></div>
<div class="postdetails">
<br /><b>Iscritto il:</b> ieri, 21:20<br /><b>Messaggi:</b> 2
</div>
<img src="./styles/acidtechred/theme/images/spacer.gif" width="120" height="1" alt="" />
</td>
<td width="100%" height="25" class="row" valign="top">
<div style="float: right;"></div>
<div class="postsubject"><a href="./viewtopic.php?p=4#p4"><img src="./styles/acidtechred/imageset/icon_topic_latest.gif" width="13" height="9" alt="Messaggio" title="Messaggio" /></a> Re: Prima iscritta!</div>
<div class="postbody">Benvenuta Sidus!! <img src="./images/smilies/icon_e_wink.gif" alt=";)" title="Wink" /></div>
<br clear="all" /><br />
</td>
</tr>
<tr class="row2">
<td class="postbottom" align="center">ieri, 22:38</td>
<td class="postbottom postbuttons" valign="middle">
<div style="float: right">
</div>
<a href="./memberlist.php?mode=viewprofile&u=2"><img src="./styles/acidtechred/imageset/it/icon_user_profile.gif" width="50" height="13" alt="Profilo" title="Profilo" /></a>
</td>
</tr>
<tr>
<td class="spacer" colspan="2" height="1"><img src="./styles/acidtechred/theme/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
<tr>
<td class="cat" colspan="2" align="center"><form name="viewtopic" method="post" action="./viewtopic.php?f=2&t=2"><span class="gensmall">Visualizza ultimi messaggi:</span> <select name="st" id="st"><option value="0" selected="selected">Tutti i messaggi</option><option value="1">1 giorno</option><option value="7">7 giorni</option><option value="14">2 settimane</option><option value="30">1 mese</option><option value="90">3 mesi</option><option value="180">6 mesi</option><option value="365">1 anno</option></select> <span class="gensmall">Ordina per</span> <select name="sk" id="sk"><option value="a">Autore</option><option value="t" selected="selected">Ora di invio</option><option value="s">Titolo</option></select> <select name="sd" id="sd"><option value="a" selected="selected">Crescente</option><option value="d">Decrescente</option></select> <input class="btnlite" type="submit" value="Vai" name="sort" /></form></td>
</tr>
</table>
Essendo uno style "subsilver2" e quindi che usa i <table>, dal momento che stabilisci la dimensione delle due prime colonne il resto della tabella ha gli stessi spazi.
Anch'io preferirei usare i css ma in questo style, per me un pò antiquato, si usano i <table>.
Se il primo <th> lo modifico in
<th width= 20%>, o con una dimensione fissa, dovrebbe funzionare, anche se lo considero un "orrore".
Visto che è all'inizio, consiglierei di abbandonare "subsilver2" che non credo abbia molto futuro e passare a uno stile di derivazione prosilver, almeno questo è quello che farei io.
Re: Ridimensionare colonna autore/post
Inviato: 04/01/2012, 15:16
da Tiger
Essendo uno style "subsilver2" e quindi che usa i <table>, dal momento che stabilisci la dimensione delle due prime colonne il resto della tabella ha gli stessi spazi.
Ora mi e' tutto chiaro,Grazie.
Visto che è all'inizio, consiglierei di abbandonare "subsilver2" che non credo abbia molto futuro e passare a uno stile di derivazione prosilver, almeno questo è quello che farei io.
Concordo pienamente