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.

Display an image insted of an username?

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Display an image insted of an username?

Post by Scouts Mom on December 18th 2011, 2:54 am



Her username appears in its true text forum on profiles and such but in posts, it appears as . Is this possible for me to do it on my own Forumotion forum?

I know how to make ranks into images so this made me curious.


Last edited by Hollybell on December 31st 2011, 10:35 pm; edited 1 time in total

Scouts Mom
Forumember

Female Posts : 34
Reputation : 2
Language : English
Location : Great Britain

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Musubi on December 18th 2011, 3:13 am

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


Place it in CSS Stylesheet Hello


edit; if that doesn't help, http://help.forumotion.com/t90311-how-to-add-an-icon-before-username

if you're using phpbb3 or higher, read below the thread, there's different codes for those forums.

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Scouts Mom on December 18th 2011, 3:21 am

Doesn't seem to be working for me at the moment but I'll keep trying.
Thank you for trying though, it means a lot. ^_^

Scouts Mom
Forumember

Female Posts : 34
Reputation : 2
Language : English
Location : Great Britain

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Musubi on December 18th 2011, 3:24 am

Hollybell wrote:Doesn't seem to be working for me at the moment but I'll keep trying.
Thank you for trying though, it means a lot. ^_^

Anytime Razz


oh i'm sorry, I think I gave you the phpbb3 code....:/

Here's the phpbb2.

For posts only
Code:
.name strong a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}


For the chatbox (if you have it);
Code:
#chatbox_members a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}


To show the image on the homepage;
Code:
.gensmall a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by tommycoo on December 18th 2011, 4:12 am

can this for invision and punbb to ?

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Musubi on December 18th 2011, 4:17 am

@tommycoo wrote:can this for invision and punbb to ?

Check the link I posted above, it has a CSS code specifically for those Wink

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by FL.ux on December 18th 2011, 4:18 am

Phantom321 wrote:
Hollybell wrote:Doesn't seem to be working for me at the moment but I'll keep trying.
Thank you for trying though, it means a lot. ^_^

Anytime Razz


oh i'm sorry, I think I gave you the phpbb3 code....:/

Here's the phpbb2.

For posts only
Code:
.name strong a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}


For the chatbox (if you have it);
Code:
#chatbox_members a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}


To show the image on the homepage;
Code:
.gensmall a[href="/u#"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}

are the green texts the part you should change/?? Question

FL.ux
Forumember

Male Posts : 842
Reputation : 18
Language : I hope I could be a FM staff :'(
Location : I shall fly to the subterranean sky.

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Musubi on December 18th 2011, 4:20 am

@pidot; yes. I believe you need to edit the imagedirectlink to "imagedirectlink" I could be wrong, but try it if it doesn't work at first.

I think you guys have to make your own topic too Razz

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by tommycoo on December 18th 2011, 5:32 am

nopess .. the code is not working in PUNBB

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Musubi on December 18th 2011, 6:11 am

@tommycoo wrote:nopess .. the code is not working in PUNBB

Did you check the link to find the specific code for it?

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by danangmuabanvn on December 18th 2011, 7:33 am

thanks!

danangmuabanvn
New Member

Posts : 2
Reputation : 1
Language : vietnam

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Scouts Mom on December 18th 2011, 3:57 pm

Would that replace the text of a username to an image though? I just feel that it is telling me how to reposition an avatar above or below it and the image used in the link provided has confused me a little as to what was being changed. I tried out the code and made the changes needed but they are still not working. I think I broke my internet. ; n ;

Scouts Mom
Forumember

Female Posts : 34
Reputation : 2
Language : English
Location : Great Britain

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Mike on December 18th 2011, 4:15 pm

Maybe her username is an image on signup?

like on the username field it'd be:
Code:
<img src="link">

someone try it

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Scouts Mom on December 18th 2011, 4:24 pm

It's not allowing more characters into it and I've tried using TinyURL for it too.
Code:
<img src="http://tinyurl.com/bwo5jdw">
(For example)

Scouts Mom
Forumember

Female Posts : 34
Reputation : 2
Language : English
Location : Great Britain

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Musubi on December 18th 2011, 6:55 pm

Drogba921 wrote:Maybe her username is an image on signup?

like on the username field it'd be:
Code:
<img src="link">

someone try it

does that belong in the CSS stylesheet?

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Guest on December 18th 2011, 7:08 pm

Drogba921, Hollybell, Phantom321, so the correct code is:
Code:
<img src="link" />
Respect the XHTML. Razz
Also, to know. That code doesn't help too much. Use this code in javascript management:
Code:
$(function(){
   $('.name strong a[href="/u#"]').html('<img src="link" />');
}

The basic read here - http://help.forumotion.com/t90311-how-to-add-an-icon-before-username Don't follow this tutorial, I show you this because the CSS Selectors, for all versions.

Well, to hide the name of user, add in CSS Stylesheet:
Code:
.name strong a[href="/u#"] {
font-size: 0px;
}

I gave this only for topic author because she use phpBB2. Wink


Last edited by Gassy on December 18th 2011, 7:09 pm; edited 1 time in total

Guest
Guest


Back to top Go down

Solved Re: Display an image insted of an username?

Post by tommycoo on December 19th 2011, 1:18 am

Phantom321 wrote:
@tommycoo wrote:nopess .. the code is not working in PUNBB

Did you check the link to find the specific code for it?
yes i have .. i use all code u given

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Scouts Mom on December 19th 2011, 2:26 pm

Still no luck yet. I'm not too sure what I could be doing wrong...
Is it working for anyone else?

Scouts Mom
Forumember

Female Posts : 34
Reputation : 2
Language : English
Location : Great Britain

Back to top Go down

Solved Re: Display an image insted of an username?

Post by reinforcez on December 19th 2011, 10:04 pm

no . and i've tried to make a topic too in http://help.forumotion.com/t101468-user-name-change-into-image

but still got no replys

reinforcez
Forumember

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

http://lostsagaforum.indonesianforum.net/

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Scouts Mom on December 20th 2011, 1:17 am

The example I gave was from VBulletin...
Maybe it just isn't possible on Forumotion at the moment?

Scouts Mom
Forumember

Female Posts : 34
Reputation : 2
Language : English
Location : Great Britain

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Musubi on December 20th 2011, 1:23 am

Hollybell wrote:The example I gave was from VBulletin...
Maybe it just isn't possible on Forumotion at the moment?

It should work :/, the problem is that its hard to make the username vanish....But if you can ever do that, you can just add the image (with image resizing of course)

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Nera. on December 22nd 2011, 12:15 pm

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

Solved Re: Display an image insted of an username?

Post by Musubi on December 22nd 2011, 4:08 pm

@Nera. you can still see the username a bit Razz

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Nera. on December 22nd 2011, 4:09 pm

Where? No you can't. Only on profiles.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Musubi on December 22nd 2011, 4:27 pm

@Nera. wrote:Where? No you can't. Only on profiles.

In the main page Confused Its under the username, i don't think its a hassle though

Musubi
Forumember

Male Posts : 75
Reputation : 2
Language : English

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Nera. on December 22nd 2011, 4:29 pm



What the fuck ?!?

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Display an image insted of an username?

Post by ReDMizT on December 22nd 2011, 4:46 pm

all code are posted here is not working in phbb2 i try all can someone help us? please i want this also

ReDMizT
Forumember

Male Posts : 178
Reputation : 4
Language :
Location :

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Nera. on December 22nd 2011, 4:48 pm

@ReDMizT wrote:all code are posted here is not working in phbb2 i try all can someone help us? please i want this also

Is that right? Hmmm...

Here, working perfectly on phpBB2 http://tiki.makingforum.com/ Wink

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Display an image insted of an username?

Post by ReDMizT on December 22nd 2011, 4:50 pm


Is that right? Hmmm...

Here, working perfectly on phpBB2 http://tiki.makingforum.com/ Wink

ahmm i try the code that you have given it apears no image


Last edited by ReDMizT on December 22nd 2011, 4:53 pm; edited 1 time in total

ReDMizT
Forumember

Male Posts : 178
Reputation : 4
Language :
Location :

Back to top Go down

Solved Re: Display an image insted of an username?

Post by Nera. on December 22nd 2011, 4:52 pm

That is not possible, unless you did not activate the JS on your forum. I'm using the same code form this post.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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