vb.org Archive - How to 'float' edited online image?

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

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - How to 'float' edited online image? (https://vborg.vbsupport.ru/showthread.php?t=308413)

afmarko99

02-15-2014 04:04 PM

How to 'float' edited online image?

1 Attachment(s)

With help I was able to change the online status icon to a custom image. However, the image needs to be centered or 'float' in the center. I'm sure I just need to add some coding?

See link for reference:
http://forum.withwingslikeeagles.net...me-and-my-life

I also attached an image.

Thanks

Seven Skins

02-15-2014 05:01 PM

If you want to vertical align in the middle inline with user name you can add the css code below to your additional.css template.

PHP Code:


		
			
img.onlinestatus {
    top: 0 !important;
}

If you want that in the next line then you have edit a template.

afmarko99

02-15-2014 05:12 PM

Quote:

Originally Posted by Seven Skins (Post 2481384)

If you want to vertical align in the middle inline with user name you can add the css code below to your additional.css template.

Perfect, that fixed the problem.

I still have a space between the top line with the username/online status and the user's forum title. Do you know how to fix that as well?

Thank you so much for your help.

--------------- Added [DATE]1392488046[/DATE] at [TIME]1392488046[/TIME] ---------------

By the way I just visited and added your site as a bookmark. I will contact you if I ever need a skin.

Seven Skins

02-15-2014 05:17 PM

Try this:

PHP Code:


		
			
.postbitlegacy .userinfo .username_container {
    margin-bottom: 4px;
}

Adjust 4px value to your choice.

Thanks for adding the bookmark.

afmarko99

02-15-2014 05:37 PM

Thank you very much man.

All times are GMT. The time now is 02:31 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01194 seconds Memory Usage 1,717KB 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 (2)bbcode_php_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: