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.

How to put a picture on the left or right of the username?

View previous topic View next topic Go down

Solved How to put a picture on the left or right of the username?

Post by David2011 on January 11th 2011, 1:35 am

Background Image:
Code:
{background-image:url('Image');}

How to put a picture on the left or right of the username?

How to put an image that covers the username?


Last edited by iorio on January 12th 2011, 3:44 am; edited 1 time in total

David2011
Forumember

Male Posts : 127
Reputation : 0
Language : Español - English
Location : Argentina

Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by Guest on January 11th 2011, 8:25 am

Code:
a[href="/u1"]{background-image:url(Image) no-repeat left;
padding-left: 17px;}
Code:
a[href="/u1"]{background-image:url(Image);}

Guest
Guest


Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by David2011 on January 11th 2011, 3:32 pm

It created the space, but can not see the image.


Edit: Works fine, just was missing some symbols. Smile
Code:
('image');

There is a problem, the image is repeat. Confused



David2011
Forumember

Male Posts : 127
Reputation : 0
Language : Español - English
Location : Argentina

Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by Guest on January 11th 2011, 3:55 pm

did u added "no-repeat left;"?

Guest
Guest


Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by David2011 on January 11th 2011, 4:23 pm

Yes..
Code:
{background-image:url('http://img837.imageshack.us/img837/3849/muequito.png'); no-repeat left;padding-left: 17px;}

David2011
Forumember

Male Posts : 127
Reputation : 0
Language : Español - English
Location : Argentina

Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by panterua on January 11th 2011, 4:41 pm

iorio wrote:Yes..
Code:
{background-image:url('http://img837.imageshack.us/img837/3849/muequito.png') no-repeat left;padding-left: 17px;}
before ; of background rule:
Code:
{background-image:url('http://img837.imageshack.us/img837/3849/muequito.png') no-repeat left;padding-left: 17px;}

panterua
Forumember

Male Posts : 90
Reputation : 110
Language : Spanish, English
Location : Uruguay

http://mudreadlocks.superforo.net/u8

Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by David2011 on January 11th 2011, 4:48 pm

No, not working properly.

If I remove the symbol, I can not see the image.
Code:
{background-image:url('http://img837.imageshack.us/img837/3849/muequito.png') no-repeat left;padding-left: 17px;}




David2011
Forumember

Male Posts : 127
Reputation : 0
Language : Español - English
Location : Argentina

Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by Guest on January 11th 2011, 4:51 pm

Code:
a[href="/u1"]{
background-image:url('http://img837.imageshack.us/img837/3849/muequito.png');
background-repeat:no-repeat;
background-position: left;
padding-left: 17px;
}

Guest
Guest


Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by panterua on January 11th 2011, 4:54 pm

iorio wrote:No, not working properly.
If I remove the symbol, I can not see the image.
Code:
{background-image:url('http://img837.imageshack.us/img837/3849/muequito.png') no-repeat left;padding-left: 17px;}

delete "left"
Code:
{background-image:url('http://img837.imageshack.us/img837/3849/muequito.png') no-repeat;padding-left: 17px;}
it interrupts the code (in this case), by default the background is pointing at the left, which is not necessary the 'left'

panterua
Forumember

Male Posts : 90
Reputation : 110
Language : Spanish, English
Location : Uruguay

http://mudreadlocks.superforo.net/u8

Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by David2011 on January 11th 2011, 5:56 pm

@Gangstar15 wrote:
Code:
a[href="/u1"]{
background-image:url('http://img837.imageshack.us/img837/3849/muequito.png');
background-repeat:no-repeat;
background-position: left;
padding-left: 17px;
}

It works perfectly, but errors occur in the profile.



David2011
Forumember

Male Posts : 127
Reputation : 0
Language : Español - English
Location : Argentina

Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by Guest on January 11th 2011, 6:16 pm

Because the profile icon and the avatar has the same link for the users (:
You need to delete the View profile icon from the template:
Code:
{postrow.displayed.PROFILE_IMG}
but you can delete it from the avatar (: as the this CSS code is buggy (:
we use javascript (:
I posted
here

Guest
Guest


Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by David2011 on January 11th 2011, 7:21 pm

Remove this template..
Code:
{postrow.displayed.PROFILE_IMG}

I prefer not to remove the avatar, the image will be there if there is no other way Confused


The image on the left will not let me add a background image to the user name, I can put the two images? Smile

Edit: I'm going to use the ranges to that the image is to the left.


David2011
Forumember

Male Posts : 127
Reputation : 0
Language : Español - English
Location : Argentina

Back to top Go down

Solved Re: How to put a picture on the left or right of the username?

Post by Sanket on January 12th 2011, 12:02 pm

Since this thread is marked solved, I will lock this thread.


Sanket Smile


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

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