Pagina 1 di 1

Aumentare altezza bg_list

Inviato: 30/11/2011, 1:36
da Haku
Ragazzi, come aumento l'altezza dell'immagine bg_list? Mi servirebbe farla più alta e ingrandire anche il font al suo interno ^^

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 1:31
da Haku
Posso fare un UP? ^^

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 7:04
da Micogian
Penso che tu debba lavorare sulla classe "forabg".
Il problema è che poi sballi tutto se aumenti la dimensione del font.

Potresti fare questa modifica direttamente nel template:

Codice: Seleziona tutto

<div class="forabg" style="padding: 5px; font-size: 1.5em;">
vedi che risultato hai. Questo almeno riguarda solamente quel "forabg" che normalmente ha un padding: 0 5px;, cioè 0 in verticale e 5 in orizzontale. Con padding: 5px hai 5px in entrambi i lati ma già l'aumento del font dovrebbe aumentare la dimensione del bg_list.

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 12:50
da Haku
Ciao Mico, grazie della risposta =)

Ho un bg_list di dimensioni precise, sarebbe meglio metterlo con queste?

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 13:06
da Micogian
Attenzione, vediamo di capire cos'è il "bg_list".
Il "forumbg" è quello che noi vediamo come un riquadro contornato da una striscia arrotondata agli spigoli e con la parte superiore che sembra una fascia dove va inserita la descrizione della tabella.
Non è così.
In effetti è una tabella costituita nella parte superiore dall'immagine bg_list.gif (o png) e una parte inferiore costituita da una tabella colorata.
A questa tabella di fondo viene sovrapposta una o più tabelle (la class "row") che sono rappresentate da tabelle di colore chiaro dove viene inserito il testo.
In definitiva sono due tabelel, una sottostante che da l'impressione di un bordo e una(o più) sovrapporte che creano le tabelle interne.
Quindi non è la dimensione di bg_list che conta ma il padding o il margin.

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 13:12
da Haku
Non lo sapevo O_o

File forumlist_body?

Grazie della spiegazione, una cosa nuova appresa (anche se un pò in ritardo).

Però, in questo momento mi è salito un dubbio.
Se io quindi volesse l'altezza di questa immagine, di una precisa dimensione, proprio non si può?
Guardando le informazioni del gb_list, le dimensioni sono di 10x32. Pensavo si potessero modificare ^^

EDIT:
Risultato:
Immagine

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 14:21
da Micogian
Se modifichiamo il font-size di "forabg" o "forumbg" aumentiamo il font anche all'interno della tabella, quindi per i titoli deila tabella forumbg bisogna intervenire sulla dimensione del font prevista dalla classe "header" (in content.css), sempre che si voglia che cambi su tutte le tabelle, altrimenti si interviene su quella specifica tabella.

Codice: Seleziona tutto

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 14:30
da Haku
Ovviamene mi serve che il font cambi in tutte le categorie =)

Proverò più tardi a penna torno a casa ;)

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 18:48
da Haku
Ecchime =)

Ehm...non ho capito che modifica devo fare :S

Re: Aumentare altezza bg_list

Inviato: 03/12/2011, 19:07
da Micogian
Senza toccare i css devi aprire il template interessato (viewforum_body.html), trovare la parte di codice:

Codice: Seleziona tutto

<!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH -->
		<div class="forumbg<!-- IF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) --> announcement<!-- ENDIF -->">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
e modificare la class="header" così:

Codice: Seleziona tutto

<li class="header" style="font-size: 1.8em;">
L'altezza dovrebb eregolarsi da sola altrimenti bisogna agire sulla class="forumbg"

Codice: Seleziona tutto

<div class="forumbg<!-- IF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) --> announcement<!-- ENDIF -->" style="padding: 5px;">