[Risolto]Modificare stile Statistiche

[Haku]

Siccome sto cercando di fare uno stile un pò diverso dalla solita impostazione del prosilver, vorrei affettuare una modifica del genere nelle statistiche, in modo che diventasse così:


Mi date una mano?

EDIT:
Nel sorgente vedo una cosa del genere:

Codice: Seleziona tutto

	<div id='board_stats'>		
		<ul class='ipsType_small ipsList_inline'>
			<li class='clear'>
				<span class='value'>934,996</span>
				Total Posts
			</li>
			<li class='clear'>
				<span class='value'>235,733</span>
				Total Members
			</li>

			<li class='clear'>
				<a hovercard-ref="member" hovercard-id="294566" class="_hovertrigger url fn value" href='http://community.invisionpower.com/user/294566-fgfc820/'>FGFC820</a>
				Newest Member
			</li>
			<li class='clear' data-tooltip="08 Jun 2011">
				<span class='value'>2,413</span>
				Most Online
			</li>
		</ul>

	</div

Però non trovo il relativo css ^^'

[Lady R]

Codice: Seleziona tutto

#board_stats > .value { background: #E2E2E2; border-radius: 1px; color: #4D4D4D; font-weight: bold; }

Questo è il CSS per rendere i dati con sfondo grigio come nello screenshot.

PS. ah ops, avevo capito che quell'HTML era del tuo sito. Nisba, risolviamo su MSN e scriviamo la soluzione poi

[artikkk]

News?
Interessa anche a me

[Haku]

Ho risolto ^^
Modifico il titolo del topic.

[artikkk]

e come? xD

[Lady R]

già scrivi la risposta (io non ricordo più come era finita, hihi )

[Haku]

In fondo a commons.css inserire:

Codice: Seleziona tutto

p.stats > strong { background: #E2E2E2; border-radius: 2px; color: #4D4D4D;  }

Sostituire le statistiche in index_body.html:

Codice: Seleziona tutto

<!-- IF NEWEST_USER -->
	<h3>{L_STATISTICS}</h3>
	<p class="stats">{TOTAL_POSTS} {TOTAL_TOPICS} {TOTAL_USERS} {NEWEST_USER}</p>
<!-- ENDIF -->

con:

Codice: Seleziona tutto

<!-- IF NEWEST_USER -->
	<div align="center"><p class="stats">{TOTAL_POSTS} {TOTAL_TOPICS} {TOTAL_USERS} {NEWEST_USER}</p></div>
<!-- ENDIF -->

Quest'ultimo è il mio codice, modificato come in IPB, e quindi in cima alle altre statistiche.

Lady, se volessi il contenitore grigio leggermente più grande? così che si vedesse anche di più l'arrotondamento?

[Lady R]

p.stats > strong { background: #E2E2E2; border-radius: 2px; color: #4D4D4D; padding: 4px; }

[Haku]

Quel padding mi frega sempre <.<
Avevo intuito ci fosse da aggiungere quello, ma non sono riuscito a provare...è perfetto, grazie mille!

[lenders]

In fondo a commons.css inserire:

Codice: Seleziona tutto

p.stats > strong { background: #E2E2E2; border-radius: 2px; color: #4D4D4D;  }

Sostituire le statistiche in index_body.html:

Codice: Seleziona tutto

<!-- IF NEWEST_USER -->
	<h3>{L_STATISTICS}</h3>
	<p class="stats">{TOTAL_POSTS} {TOTAL_TOPICS} {TOTAL_USERS} {NEWEST_USER}</p>
<!-- ENDIF -->

con:

Codice: Seleziona tutto

<!-- IF NEWEST_USER -->
	<div align="center"><p class="stats">{TOTAL_POSTS} {TOTAL_TOPICS} {TOTAL_USERS} {NEWEST_USER}</p></div>
<!-- ENDIF -->

Quest'ultimo è il mio codice, modificato come in IPB, e quindi in cima alle altre statistiche.

Lady, se volessi il contenitore grigio leggermente più grande? così che si vedesse anche di più l'arrotondamento?

Grazie utilissima!