vb.org Archive - Navbar CSS - Search Box , Magnifying Glass , Advanced Search

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

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

- - Navbar CSS - Search Box , Magnifying Glass , Advanced Search (https://vborg.vbsupport.ru/showthread.php?t=274465)

2fast4ya

11-22-2011 05:57 PM

Navbar CSS - Search Box , Magnifying Glass , Advanced Search

I would like to change the positioning of the Search Box, Magnifying Class Icon, and the "Advanced Search" link in the Navbar. Can't seem to find a place to do that in the StyleVars

Lynne

11-22-2011 06:04 PM

There are no stylevars to position that code. You will need to write some CSS to move it to wherever you want it.

2fast4ya

11-22-2011 06:09 PM

<a href="http://www.audioneeds.com/forums/forum.php?styleid=10" target="_blank">http://www.audioneeds.com/forums/forum.php?styleid=10</a> - the magnifying glass is too far from the search box... I need to bring them a bit closer... Which CSS element would I change? Should it be done in the additional.css file?

Lynne

11-22-2011 06:38 PM

You've set the text box to be 120pxwide, but the span it is in is 147px wide. I'd suggest rewriting your CSS if that isn't what you really want.

2fast4ya

11-22-2011 07:00 PM

hmm, I'm a little confused, I don't think I've played with the text box size or anything quite yet. Everything I've done so far has been through the StyleVar.

Lynne

11-22-2011 07:11 PM

Those are just the default values on all the sites. If you want them closer, then those are the things you will need to change.

HTML Code:

.globalsearch input.textbox {    width: 120px;}

.navbar_search {

    right: -20px;    width: 180px;}

Look at those.

2fast4ya

11-22-2011 07:54 PM

That worked Lynne, thank you very much. You never disappoint.

All times are GMT. The time now is 02:06 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.00959 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 (1)bbcode_html_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (7)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: