Cambiare icone

[frank]

Hai provato ad usare il debugger? Se vuoi spostare tutti i tipi di icona allo stesso modo, le icone devono avere tutte la stessa dimensione.

Per spostare l'icona lavora sul -2px

/* Forum list column styles */
dl.icon {
background-position: -2px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}

[systemcrack]

No guarda forse non mi sono spiegato bene.. l'icona del forum va bene li dov'è ma il bordo del forum ci va sopra quindi bisogna trovare il modo di mettere sopra l'icona invece che il bordo. Il secondo problema, quello delle stelline è che quella è un'estensione (la topstats) che richiama lo style delle icone del forum... quindi bisogna attribuirgli un'altro style uguale a quello prima della modifica (modificando leggermente l'estensione).

[frank]

Tu hai un'icona grande, perciò riguardo al primo problema devi modificare questo

e questo:

/* Forum list column styles */
dl.icon {
background-position: -2px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}

[systemcrack]

mmm.. sinceramente ora mi preme mettere a posto le stelline che è la cosa che si vede che stona..

[systemcrack]

..si ti confermo che è come dico io.. ho fatto una prima prova (sbagliata) che muoveva le stelline, ma nella posizione sbagliata.. dopo pranzo vedo di sistemarlo.

[systemcrack]

allora per chi dovesse avere la necessità di spostare le icone dei forums e avesse installato pure la topstat.. per sistemare le stelline dovrà andare nel proprio file css (quello per le modifiche) e dovrà creare una nuova class= per farlo inserite questo:

Codice: Seleziona tutto

/* Icone forum style - by systemcrack
----------------------------------------------------*/

/* Forum list column styles */
dl.iconstar {
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.iconstar dt {
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dl.iconstar dt .list-inner {
	padding-left: 45px;					/* Space for folder icon */
}

dl.iconstar dt, dl.icon dd {
	min-height: 35px;
}

in pratica abbiamo creato una class chiamata iconstar ora troviamo e apriamo:

ext/dmzx/topstats/styles/prosilver/template aprire il file recent_active_body.html e trovate:

Codice: Seleziona tutto

<!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->id="vertical-ticker" <!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->id="news" <!-- ENDIF -->class="topiclist forums">
		<!-- IF S_TS_JSSCROLL or not S_TS_TICKER -->
		<!-- BEGIN recent_active -->
		<li class="row">
		<dl class="icon" style="background-image: url(ext/dmzx/topstats/styles/prosilver/theme/images/starimg.png); background-repeat: no-repeat;">
		<dt>

all'interno trovate <dl class="icon" e trasformatelo in <dl class="iconstar"

Codice: Seleziona tutto

<!-- END recent_active -->
		<!-- ELSEIF S_TS_TICKER -->
		<li class="row">
		<!-- BEGIN recent_active -->
		<dl class="icon" style="background-image: url(ext/dmzx/topstats/styles/prosilver/theme/images/starimg.png); background-repeat: no-repeat;">
		<dt>

all'interno trovate <dl class="icon" e trasformatelo in <dl class="iconstar"

ricaricate i files modificati e cancellate cache del forum e del browser.



P.s.
Grazie Frank!