How to add image to Usergroup markup?

[Elixar]

Like this?

https://vborg.vbsupport.ru/external/2014/08/3.png

I did it with the HTML IMG tags, but when I try to add a space to it, it won't work.

[tbworld]

You will need to show your code so we can see what you are doing or pass a usable link. :)

[Elixar]

As far as the markup I'm using?

[tbworld]

As far as the markup I'm using? Yes, please.

Or a link to the page. We can pull the markup and CSS from there. :)

[Elixar]

I added it and it works:

<img src="http://wwwlinkher.com/jpg" border="0">

However when I go to my profile, the A goes to the left of my name.

[tbworld]

I am sure your CSS is incorrect, for what you are trying to do.
Sorry, I really cannot help without more information or a link to this page on your site. :(

[Elixar]

I am sure your CSS is incorrect, for what you are trying to do.
Sorry, I really cannot help without more information or a link to this page on your site. :(

I've PM'ed you the link. :)

[tbworld]

Give this a try. :)

Add to the bottom of your "additional.css" template in your correct style.

/* Position Username Indicator */
.postbitlegacy .userinfo .username_container img {
margin-left: 5px; /* Adjust Accordingly */
}

/* Position On-line Status Indicator */
img.onlinestatus {
left: 8px;
top: 5px;
}

[Elixar]

I don't believe that anything has changed. :confused:

[tbworld]

I don't believe that anything has changed. :confused:

You may have grabbed the wrong information, as I first posted the wrong CSS. Compare my post to your "additional.css" entry. I have already tested it on your board, it should work.

[Elixar]

I see that the A has moved in the thread locations, but it lacks the space in Who's Online, and is on the left side on the profile. Also, the online indicator is like super out there. :D

[tbworld]

The above CSS is for the "Postbit" template. I Just looked at your board and it is already applied.

[Elixar]

The above CSS is for the "Postbit" template. I Just looked at your board and it is already applied.

It is, but I'm also looking for the space to be applied in all cases if it's possible.

[tbworld]

Where did you apply the img tag universally to the username?

--------------- Added 30 Aug 2014 at 22:59 ---------------

This might work. :)

Add to the bottom of your "additional.css" template in your correct style.

/* Position Username Indicator */
.postbitlegacy .userinfo .username_container img,
.username img {
margin-left: 5px;
}

/* Position On-line Status Indicator */
img.onlinestatus {
left: 8px;
top: 5px;
}

[Elixar]

It does work, just one last thing:

This is happening on the profile:

https://vborg.vbsupport.ru/external/2014/08/1.png

[tbworld]

Added selector for "member profile".

Add to the bottom of your "additional.css" template in your correct style.

/* Position Username Indicator */
.postbitlegacy .userinfo .username_container img,
.username img, .member_username {
float: none; margin-left: 5px;
}

/* Position On-line Status Indicator */
img.onlinestatus {
left: 8px;
top: 5px;
}

[Elixar]

Hey dude, thanks so much for your help. Unfortunately it looks like it didn't change sadly. :(

[tbworld]

This should do it. :)


/* Position Username Indicator */
.postbitlegacy .userinfo .username_container img,
.username img,
#sidebar_container.member_summary .blocksubhead img {
float:none; margin-left:5px;
}

/* Position On-line Status Indicator */
img.onlinestatus {
left:8px; top:5px;
}

[Elixar]

Awesome, it works. Question though, how do you get it to when you hover over the image, it says Admin?

[tbworld]

This is done by adding text to the "title" attribute of the element in which you want the tooltip to appear.

For example on "your" postbit template:

/ * Elongated for clarity -- Not actual code as the "// comment" is not HTM, and should be removed */
<span
title = "Administrator" // Add the text "Administrator" as tool-tip
style = "color:#FF0000;">
<b>Elixir</b>
</span>
In reality you will wish to use a template variable to report information via a tooltip.

See ... for reference:
http://www.w3schools.com/tags/att_global_title.asp

[Elixar]

This is done by adding text to the "title" attribute of the element in which you want the tooltip to appear.

For example on "your" postbit template:

/ * Elongated for clarity -- Not actual code as the "// comment" is not HTM, and should be removed */
<span
title = "Administrator" // Add the text "Administrator" as tool-tip
style = "color:#FF0000;">
<b>Elixir</b>
</span>
In reality you will wish to use a template variable to report information using a tooltip.

See ... for reference:
http://www.w3schools.com/tags/att_global_title.asp

Um whodawut. :D

[Elixar]

Bump.

[tbworld]

Um whodawut. :D

I have no idea what this means, sorry :(

[ozzy47]

He means he has no clue what you are talking about. :)

[tbworld]

He means he has no clue what you are talking about. :)

Thanks @Ozzy47, I have never been a slang guy. I guess that is obvious now. :)
He should re-ask his question, and/or what part he didn't understand as I do not know how to assist him at this point.

The question was "How do you", not "can you do this for me", but maybe he wanted the later. Clarity on the question would help. :)