Notebook
Siamo lieti di annunciare che il forum è stato ottimizzato per la navigazione da cellulari. Ma è ancora in versione Beta di questa funzionalità pertanto t'invitano a provare sul tuo cellulare. Clicca qui per maggiori informazioni
Switch
Switch Accounts


Cerca
 
 

Risultati per:
 


Rechercher Ricerca avanzata

Parole chiave

Ultimi argomenti attivi
» fsdfwsdfcsdcds<xcvSDFCSDACSDCSDA
How to add an icon before username EmptyDom Mar 17, 2013 5:08 pm Da Niko

» Come presentarsi
How to add an icon before username EmptyGio Dic 27, 2012 1:11 pm Da Niko

» Suono nella chat
How to add an icon before username EmptyGio Gen 26, 2012 5:47 pm Da Niko

» Creare un pannello utente
How to add an icon before username EmptyDom Gen 22, 2012 5:25 pm Da Niko

» Avere una barra sotto al forum
How to add an icon before username EmptyDom Gen 22, 2012 5:13 pm Da Niko

» Verificare la disponibilità dei nomi utente
How to add an icon before username EmptyVen Gen 20, 2012 10:28 am Da Niko

» Modificare le immagini per le password
How to add an icon before username EmptyVen Gen 20, 2012 10:26 am Da Niko

» Modificare la lingua del forum per ogni utente
How to add an icon before username EmptyVen Gen 20, 2012 10:25 am Da Niko

» Modificare il testo di valutazione per le password
How to add an icon before username EmptyVen Gen 20, 2012 10:24 am Da Niko

Ottobre 2024
LunMarMerGioVenSabDom
 123456
78910111213
14151617181920
21222324252627
28293031   

Calendario Calendario

Partner
creare un forum


Non sei connesso Connettiti o registrati

Visualizza l'argomento precedente Visualizza l'argomento successivo Andare in basso  Messaggio [Pagina 1 di 1]

<

How to add an icon before username

Posted by Bénévoles on Ven Dic 23, 2011 12:36 pm


Hi pure-members!
here you are the tutorial...

In this tutorial, you will discover how to put an icon (small image) before any username on your forum, without the glitches that come with the usual code. This is, I believe, to be available for all forum versions.

Here's an example of what I mean:
How to add an icon before username Icon_u10

How to add an icon before username Icon_u11
Step 1:
Navigate to...
Administration Panel → Display → Colors → CSS Style Sheet

Step 2:
Scroll all the way down, if there is already coding there, and paste the following codes -
  • For only posts (not including home page):
    Code: ----------Select content
    .name strong a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}


  • For the chat box:
    Code: ----------Select content
    #chatbox_members a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}


  • There is one more code to add for the home page (the who last posted in this topic username) and the who is online box, but this will cause the same image to appear next to your profile icon throughout your posts:
    Code: ----------Select content
    .gensmall a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}


Step 3:
Once you have chosen the codes you want, please change the "#" character next to /u according to what user you want the icon to appear before. To find out the "#" to replace, go to that user's forum profile, and copy the number after "/u".
Example:
Code: ----------Select content
a[href="/u1"]

/u1 is the founder of the forum, and when you go to his profile, it will be: www.forumlink.com/u1

You can now choose the small image to place before the user name. Simply copy the direct link, and paste the link in the "imagedirectlink" text.

To make two users have icons, simply just paste the same exact code again, changing the number to correspond with his/her profile.

Once you have finished everything, click: How to add an icon before username Icon_ok Submit, and you're done.

If you didn't paste the ".gensmall" link, you now have a non-glitching icon before your username! Wink

https://mods.forumattivo.com

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto  Messaggio [Pagina 1 di 1]

Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.

Forumattivo.com | ©phpBB | Forum gratis di aiuto | Segnala un abuso | Ultime discussioni