The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

User Name Change into Image

View previous topic View next topic Go down

User Name Change into Image

Post by reinforcez on 15/12/2011, 12:01

Hello i want to ask something about user name
Is It Possible to change it to an image ?
i know a code like =
Code:

a[href="/u1"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
but the user name still appear inside the image,
can i make the use name dissapear and there's just an image there ?
like =
from

Spoiler:

become like this !

Spoiler:

and is it possible too like the "user group" change to an image like that too ?

thanks.

reinforcez
Forumember

Female Posts : 31
Reputation : 1
Language : Indonesian
Location : At Home

http://lostsagaforum.indonesianforum.net/

Back to top Go down

Re: User Name Change into Image

Post by Guest on 15/12/2011, 20:25

Using this tutorial you can do this: http://help.forumotion.com/t90311-how-to-add-an-icon-before-username
Before this line:
Code:
background: url(imagedirectlink) no-repeat left;
add:
Code:
font-size: 0px !important;

Full example:
Code:
.name strong a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;
    font-size: 0px !important;
}

Guest
Guest


Back to top Go down

Re: User Name Change into Image

Post by reinforcez on 16/12/2011, 15:13

well, the text is dissapear but the image wont showup

i tried change the code to

Code:
a[href="/u#"]{
            padding-left: 13px;
            background: url(imagedirectlink) no-repeat left;
            font-size: 0px !important;
        }

but it's still the same.

is it the image ?
im using this image
format png , size 81 x 24 px

reinforcez
Forumember

Female Posts : 31
Reputation : 1
Language : Indonesian
Location : At Home

http://lostsagaforum.indonesianforum.net/

Back to top Go down

Re: User Name Change into Image

Post by jsjullia on 16/12/2011, 22:54

Hello,
i want to change his forum name and secondly change to display the image. I do not know what to do? www.gtrecycling.com

jsjullia
New Member

Posts : 5
Reputation : 1
Language : english

Back to top Go down

Re: User Name Change into Image

Post by Guest on 16/12/2011, 22:58

1. That site doesn't a forumotion forum.
2. Create your own topic (only if problem is related to forumotion).
Mr. Green

Guest
Guest


Back to top Go down

Re: User Name Change into Image

Post by Musubi on 17/12/2011, 01:24

Gassy wrote:1. That site doesn't a forumotion forum.
2. Create your own topic (only if problem is related to forumotion).
Mr. Green

I attempted this to see if it worked or not, It doesn't show the image when you post. I don't know if its because I use phpbb3 or not Razz

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Re: User Name Change into Image

Post by reinforcez on 19/12/2011, 10:09

so.... there's no code to make an user name into image ?
is been few days already and i've still got no reply's

reinforcez
Forumember

Female Posts : 31
Reputation : 1
Language : Indonesian
Location : At Home

http://lostsagaforum.indonesianforum.net/

Back to top Go down

Re: User Name Change into Image

Post by Nera. on 22/12/2011, 18:15

http://tiki.makingforum.com/ lol!

Step 1: AP > Display > Colors > CSS and add this:

Code:
a[href="/u1"] {
    font-size: 0px;
}

Step 2: AP > Modules > JS managment & mark where you want it to display.

Code:
/* Kruna ispred nicka administratora. By BubbleDreams 2011 -
AdminCentar.net . Nemoj uklanjati copyright! Don't remove copyright! */
$(function() {
if($('a[href="/u1"] span strong')){
            $('a[href="/u1"] span strong').before('<img src="http://i1128.photobucket.com/albums/m481/Final-Moogle/Sanae20Flower.png" border="0" />');
    }
});

Change the image in the script ofcourse.

A friend of mine gave me the idea and works perfecty. You can login with your username and a picture will be displayed. Very Happy

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum