Immagine personalizzata nel campo profilo

[Astro86]

dopo molte prove ci sono riuscito nell'impresa

wurra!.PNG

ringrazio tutti per il supporto, il problema più grande e stato stabilire i pixel di distanza da una icona all'altra, ma una volta svelato il mistero e stato facile...

[alex75]

Adesso tornerebbe utile anche a me... in soldoni, come hai risolto?

[alex75]

ok risolto...
ovviamente il metodo di sir-xiradorn è quello corretto e più pulito.
Io ho fatto in maniera più semplice e meccanica
Tenendo conto che l'icona generica che compare per i campi profilo personalizzati è "pm-icon" ho visto che l'icona assegnata al campo profilo personalizzato assume il nome del campo stesso; quindi se ad esempio il campo si chiamasse telefono l'icona sarà identificata come "telefono-icon".
Da qui in poi con un pò di css il gioco è semplicissimo

Codice: Seleziona tutto

.telefono-icon {
	background-image: url("./images/tel.gif");
         }

copiamo la gif da 18x14 px nella cartella theme/images ed abbiamo finito.
così via per altre eventuali icone...
la modifica l'ho fatta per mia comodità sotto forma di estensione; se servisse a qualcuno, la rifinisco un pò e la posto.

[frank]

Io più che altro sarei dell'idea di averle tutte visibile come in questo forum.

Schermata 2015-10-28 alle 10.10.34.png

[Astro86]

ok risolto...
ovviamente il metodo di sir-xiradorn è quello corretto e più pulito.
Io ho fatto in maniera più semplice e meccanica
Tenendo conto che l'icona generica che compare per i campi profilo personalizzati è "pm-icon" ho visto che l'icona assegnata al campo profilo personalizzato assume il nome del campo stesso; quindi se ad esempio il campo si chiamasse telefono l'icona sarà identificata come "telefono-icon".
Da qui in poi con un pò di css il gioco è semplicissimo

Codice: Seleziona tutto

.telefono-icon {
	background-image: url("./images/tel.gif");
         }

copiamo la gif da 18x14 px nella cartella theme/images ed abbiamo finito.
così via per altre eventuali icone...
la modifica l'ho fatta per mia comodità sotto forma di estensione; se servisse a qualcuno, la rifinisco un pò e la posto.

Inizialmente ho fatto anche io cosi ma non mi veniva fuori l'icona... alla fine ho fatto come ha spiegato Sir

Io più che altro sarei dell'idea di averle tutte visibile come in questo forum.

Schermata 2015-10-28 alle 10.10.34.png

dovrebbe bastare aprire viewtopic_body.html e praticamente modificare tutto questo pezzo

Codice: Seleziona tutto

		<!-- IF not S_IS_BOT and .postrow.contact -->
			<dd class="profile-contact">
				<strong>{L_CONTACT}{L_COLON}</strong>
				<div class="dropdown-container dropdown-left">
					<a href="#" class="dropdown-trigger"><span class="imageset icon_contact" title="{postrow.CONTACT_USER}">{postrow.CONTACT_USER}</span></a>
					<div class="dropdown hidden">
						<div class="pointer"><div class="pointer-inner"></div></div>
						<div class="dropdown-contents contact-icons">
							<!-- BEGIN contact -->
								{% set REMAINDER = postrow.contact.S_ROW_COUNT % 4 %}
								<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (postrow.contact.S_LAST_ROW and postrow.contact.S_NUM_ROWS < 4)) -->
								<!-- IF REMAINDER eq 0 -->
									<div>
								<!-- ENDIF -->
									<a href="<!-- IF postrow.contact.U_CONTACT -->{postrow.contact.U_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.contact.NAME}"<!-- IF $S_LAST_CELL --> class="last-cell"<!-- ENDIF --><!-- IF postrow.contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
										<span class="contact-icon {postrow.contact.ID}-icon">{postrow.contact.NAME}</span>
									</a>
								<!-- IF REMAINDER eq 3 or postrow.contact.S_LAST_ROW -->
									</div>
								<!-- ENDIF -->
							<!-- END contact -->
						</div>
					</div>
				</div>
			</dd>
		<!-- ENDIF -->

ma onestamente non saprei dove mettere le mani... unica cosa che potrei esserne sicuro e che <div class="dropdown hidden"> è il div con la classe che regola il tooltip (quello che ti si apre quando clicchi sulla icona)