• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Using helper spans

Brogan

XenForo moderator
Staff member
#3
What other helper spans do you want to utilise?

I haven't actually checked which ones are available.
 

Trombones13

Well-known member
#4
Wait...did I add that myself? o_O Looking at Chrome's editor, I have on my site a span class="helper" right above div class="avatarHolder," but it's not here on XF. If possible, I'd like to have a helper class to put an image (like the snow was placed in the header) over the avatar block. Hopefully that makes sense. :)
 

Shelley

Well-known member
#5
I added the following in my extra.css to get the following effect.

Code:
#messageList .postbit1 {
background: transparent url('@imagePath/xenforo/gradients/headphones.png') no-repeat;
display: block;
height: 100px;
left: 180px;
position: absolute;
top: 300px;
width: 140px;
}
Though I never had any helper span in message_user_info I inserted mine at the bottom. And the output is the following (below) I remember you talking about headphones so assumed.

Untitled-3.png
 

Shelley

Well-known member
#7
I would personally leave the Arrow in. It wouldn't be too much work to re-size the headphones so that it covers the arrow. There is one problem though, I haven't spent any time nor figured out how to get the headphones displaying in each post of the thread, only the first post. If maybe someone could help here or I could look into it further once I get some time.

Edit: Almost there. I just need to fix the gap issue. It's now displaying in each post in the thread.
 

Attachments