Pagina 1 di 4
Bordo intorno all'avatar
Inviato: 23/11/2011, 14:40
da Haku
Ciao ragazzi, avrei bisogno di fare una piccola modifichina al viewtopic.
Vorrei poter inserire un bordo intorno agli avatar degli utenti, che ovviamente prendono la larghezza dell'avatar stesso.
Un esempio (da cui vorrei prendere l'opzione) è sul forum IPB:
http://community.invisionpower.com/topi ... try2197308
(topic preso a caso di esempio)
Re: Bordo intorno all'avatar
Inviato: 23/11/2011, 17:02
da Lady R
Mi dai le info riguardo allo stile che usi?
Comunque è una modifica semplice, appena mi dai info ti dico
ps: guarda qui:
http://davidwalsh.name/create-double-bo ... effect-css
Re: Bordo intorno all'avatar
Inviato: 23/11/2011, 17:55
da Haku
Uso prosilver_se, quindi stile basato su prosilver =)
Non saprei dove mettere mano perchè se l'avatar è più grande o piccolo vorrei si contornasse proprio intorno all'avatar =)
Re: Bordo intorno all'avatar
Inviato: 23/11/2011, 18:15
da Lady R
basta quel codice css applicato all'<img> dell'avatar.
Re: Bordo intorno all'avatar
Inviato: 23/11/2011, 18:16
da Haku
Forse mi sono spiegato male =)
Io vorrei che fosse di default come contorno a ogni avatar degli utenti, e chi lo ha più stretto, piccolo, grande, etc, si ridimensionasse con esso =)
Re: Bordo intorno all'avatar
Inviato: 23/11/2011, 18:24
da Lady R
e io ti ho detto che devi applicare quel css al tag <img> dell'avatar (modificando viewtopic_body) ^.^"
Re: Bordo intorno all'avatar
Inviato: 23/11/2011, 18:31
da Haku
Lady R ha scritto:e io ti ho detto che devi applicare quel css al tag <img> dell'avatar (modificando viewtopic_body) ^.^"
Scusa pensavo non avessi capito ^ç^
Come procedo?
Io pensavo a una cosa del genere.
Nello stylesheet.css in fondo inserisco questo:
Codice: Seleziona tutto
img.double-border {
border:1px solid #ccc; padding:2px; background:#eee;
}
Nel template poi?
Così?
Codice: Seleziona tutto
<!-- IF postrow.U_POST_AUTHOR --><div class="img.double-border"><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --></div><br />
Ho aggiunto i div <div class="img.double-border">.
Re: Bordo intorno all'avatar
Inviato: 23/11/2011, 18:56
da Lady R
img.double-border indica che i tag IMG con classe double-border subiranno gli effetti del CSS assegnato..
Quindi devi dare double-border come classe
Re: Bordo intorno all'avatar
Inviato: 23/11/2011, 20:07
da Micogian
Con riferimento al codice del template devi modificare all'origine la variabile
{postrow.POSTER_AVATAR}
EDIT
Fai così: inserisci nel file content.css questo:
Codice: Seleziona tutto
img.double-border { border:1px solid #000000; padding:3px; background:#eee; }
Ovviamente metti i colori che vuoi (border e background)
Poi, nel file viewtopic.php trova la riga
Codice: Seleziona tutto
'POSTER_AVATAR' => $user_cache[$poster_id]['avatar'],
e sostituiscila con
Codice: Seleziona tutto
'POSTER_AVATAR' => str_replace('<img', '<img class="double-border" ',$user_cache[$poster_id]['avatar']),
Aggiorna la cache.
Re: Bordo intorno all'avatar
Inviato: 24/11/2011, 1:23
da Haku
Ora che ci penso, avevamo fato una modifica agli avatar noi, non complica nulla se non sbaglio...
EDIT:
Intanto ho provato la modifica sul forum di prova, e a quanto pare non va. Solita cache Altervista? <.<