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.

image beside name problem

View previous topic View next topic Go down

Solved image beside name problem

Post by Thatoutlaw on April 25th 2012, 1:50 pm

I tried to put this crown beside my name, but instead it went in a lot of other places as well (as seen in the picture) What am i doing wrong?My forum is here

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

Solved Re: image beside name problem

Post by Sir Chivas™ on April 25th 2012, 2:08 pm

Hi, fellow mate. Hello


May I ask what was the code that you placed in your CSS? It will appear on the bottom, were it says "profile button." but I don't recall appearing next to the Avatar.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: image beside name problem

Post by Thatoutlaw on April 25th 2012, 2:11 pm

Code:

/*mine*/
a[href="/u1"]{     
text-decoration: none !important;   
text-shadow: 0 0 0.5em green, 0 0 0.5em green, 0 0 0.5em green;
 background: url("http://www.womenweb.de/community/images/icon_crown.gif") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

Solved Re: image beside name problem

Post by Sir Chivas™ on April 25th 2012, 3:52 pm

This code will be only for posting:

Code:
.name strong a[href="/u1"]{
       padding-left: 13px;
   text-shadow:0px 2px 13px #f5a911;
       background: url("http://www.womenweb.de/community/images/icon_crown.gif") no-repeat left;}

For homepage:
Code:
.gensmall a[href="/u1"]{
    padding-left: 13px;
    background: url(http://www.womenweb.de/community/images/icon_crown.gif) no-repeat left;}

For shadowing:
Code:

/*mine*/
a[href="/u1"]{     
text-decoration: none !important;   
text-shadow: 0 0 0.5em green, 0 0 0.5em green, 0 0 0.5em green;
padding-left: 19px;
padding-top: 2px;
}

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: image beside name problem

Post by Thatoutlaw on April 25th 2012, 3:56 pm

Ok, thank you. I'm on my iPhone now but I'll give this a try as soon as I get back to my computer.. Will these codes work in chat as well?

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

Solved Re: image beside name problem

Post by Sir Chivas™ on April 25th 2012, 3:57 pm

Do you want the username to be shadowed in the chatbox, as well showing the crown besides the username?

Chatbox:
Code:
#chatbox_members a[href="/u1"]{
  text-decoration: none !important;   
  text-shadow: 0 0 0.5em green, 0 0 0.5em green, 0 0 0.5em green;
  padding-left: 13px;
  background: url(http://www.womenweb.de/community/images/icon_crown.gif) no-repeat left;}

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: image beside name problem

Post by Thatoutlaw on April 25th 2012, 4:18 pm

Yes please. And thanks again

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

Solved Re: image beside name problem

Post by Sir Chivas™ on April 25th 2012, 4:27 pm

If this codes don't work like how you want them, I'll give you different codes to try.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: image beside name problem

Post by Thatoutlaw on April 25th 2012, 7:41 pm

@Sir Chivas™, I put all of the codes in and I still have the image beside my avatar in the member list page. Also it leaves a space for the image in chat but the image isn't there.

@ Rideem3,Your code worked but the only problem with that is it relies on the exact spelling of your name and if I used this method on several members in my forum it could get to be a headache if they started changing they're name Sad (if I under stood that right anyway)


Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

Solved Re: image beside name problem

Post by Thatoutlaw on April 25th 2012, 8:54 pm

sure,if you could provide that code that would be great, this is the group name "g1-clan-leader"

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

Solved Re: image beside name problem

Post by RevexAU on April 27th 2012, 5:21 am

I have edited the codes that it should just fully work without you have to make any changes except adding the Image URL.

Simply copy these to ACP > Display > Colors > CSS Stylesheet

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

Code:
#chatbox_members a[href="/u1"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}

Code:
.gensmall a[href="/u1"]{
    padding-left: 13px;
    background: url(imagedirectlink) no-repeat left;}

This is the code for your group named "Clan Leader"

Code:
a[href="/g1-clan-leader"] {
    background: url(imagedirectlink) no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

RevexAU
Forumember

Posts : 101
Reputation : 4
Language : english

Back to top Go down

Solved Re: image beside name problem

Post by Thatoutlaw on April 27th 2012, 6:51 am

That worked great! Thanks man Smile

Thatoutlaw
Forumember

Posts : 81
Reputation : 2
Language : english

http://Armedoutlawz.fourmotion.com

Back to top Go down

Solved Re: image beside name problem

Post by Jophy on April 27th 2012, 6:53 am

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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