vb.org Archive - How to add image to Usergroup markup?

Page 2 of 3

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)

- - How to add image to Usergroup markup? (https://vborg.vbsupport.ru/showthread.php?t=314035)

Elixar

08-31-2014 03:20 AM

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

08-31-2014 03:20 AM

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

Elixar

08-31-2014 03:23 AM

Quote:

Originally Posted by tbworld (Post 2513195)

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

08-31-2014 03:45 AM

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.

Code:

/* 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

08-31-2014 10:30 AM

It does work, just one last thing:

This is happening on the profile:

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

tbworld

08-31-2014 03:49 PM

Added selector for "member profile".

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

Code:

/* 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

09-01-2014 02:04 AM

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

tbworld

09-01-2014 03:16 AM

This should do it. :)

Code:

/* 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

09-01-2014 06:42 PM

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

tbworld

09-01-2014 08:29 PM

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:

Code:

  / * 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

All times are GMT. The time now is 11:10 AM.

Page 2 of 3

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01772 seconds Memory Usage 1,737KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: