Pagina 1 di 1

[Risolto]Modificare stile Statistiche

Inviato: 29/11/2011, 19:10
da 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ì:
Immagine

Mi date una mano? :D

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 ^^'

Re: Modificare stile Statistiche

Inviato: 29/11/2011, 20:55
da 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

Re: Modificare stile Statistiche

Inviato: 01/12/2011, 16:16
da artikkk
News?
Interessa anche a me :P

Re: Modificare stile Statistiche

Inviato: 02/12/2011, 0:11
da Haku
Ho risolto ^^
Modifico il titolo del topic.

Re: Modificare stile Statistiche

Inviato: 02/12/2011, 0:31
da artikkk
e come? xD

Re: [Risolto]Modificare stile Statistiche

Inviato: 02/12/2011, 15:02
da Lady R
già scrivi la risposta (io non ricordo più come era finita, hihi )

Re: [Risolto]Modificare stile Statistiche

Inviato: 09/12/2011, 1:44
da 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?

Re: [Risolto]Modificare stile Statistiche

Inviato: 09/12/2011, 21:15
da Lady R
p.stats > strong { background: #E2E2E2; border-radius: 2px; color: #4D4D4D; padding: 4px; }

Re: [Risolto]Modificare stile Statistiche

Inviato: 10/12/2011, 0:41
da Haku
Quel padding mi frega sempre <.<
Avevo intuito ci fosse da aggiungere quello, ma non sono riuscito a provare...è perfetto, grazie mille!

Re: [Risolto]Modificare stile Statistiche

Inviato: 18/12/2011, 11:47
da lenders
Haku ha scritto: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! ;)