Jump to content


(3.2.x) How to move search bar to header bar


30 replies to this topic

#1 Broni

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 07:56 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 10h 7m 5s

Posted 16 September 2011 - 04:51 AM

ACP>your_skin>Templates tab>Global Templates>globalTemplate

Find:


Quote


<if test="memberbox:|:$this->memberData['member_id']">


Paste the following right ABOVE it:



Quote

{parse template="quickSearch" group="global" params=""}

Find:


Quote


<div id='branding'>
<div class='main_width'>
<div id='logo'>
<if test="brandingBar:|:ipsRegistry::$applications[ $this->registry->getCurrentApplication() ]['hasCustomHeader']">
{parse template="overwriteHeader" group="{current_app}_global" params=""}
<else />
{parse template="defaultHeader" group="global" params=""}
</if>
</div>
{parse template="quickSearch" group="global" params=""}
</div>
</div>


Comment out/remove line in red.

===============================================

Now you need to adjust CSS settings.

In ipb_styles.css:
Change:


Quote

#search {
margin: 20px 0;
}
to:


Quote

#search {
margin: 5px 0 0 10px;
}

In:


Quote

#content, .main_width {
margin: 0 auto;
min-width: 960px;
width: 87% !important;
}
Change 87% to about 97%

Final look:

Posted Image

===============================================================================

If you prefer to have search bar to the left of user bar.....

Paste this:

Quote

{parse template="quickSearch" group="global" params=""}

right BELOW this:

Quote

<li><a href="{parse url="app=core&amp;module=global&amp;section=register&amp;do=reval" base="public"}" title='{$this->lang->words['resend_val']}'>{$this->lang->words['resend_val']}</a></li>
</if>
</ul>
</div>


#2 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 17 September 2011 - 08:11 PM

wanted to popin here and thank you Broni, about to do the bg color on header bar in test site soon.
greatly appreciate the assistance here.
Dave Macleod
www.davemacleod.net
Conservative Postings.

#3 Broni Re: (3.2.x) How to move search bar to header bar

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 07:56 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 10h 7m 5s

Posted 17 September 2011 - 08:45 PM

You're very welcome :smiley_says_hello:

#4 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 17 September 2011 - 10:42 PM

if you look close at the screenshot (its hard to see) you see the tail end of the work advanced is there in black.
any idea why?

when you hover over it it gos away.
Dave Macleod
www.davemacleod.net
Conservative Postings.

#5 Broni Re: (3.2.x) How to move search bar to header bar

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 07:56 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 10h 7m 5s

Posted 17 September 2011 - 10:52 PM

Link?

#6 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 17 September 2011 - 11:10 PM

www.davemacleod.net i tried both left and right to see if that made difference.
Dave Macleod
www.davemacleod.net
Conservative Postings.

#7 Broni Re: (3.2.x) How to move search bar to header bar

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 07:56 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 10h 7m 5s

Posted 17 September 2011 - 11:36 PM

Do I need to sign in to see search box?
I don't see it now.

#8 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 17 September 2011 - 11:41 PM

yeah I guess moving it there causes that too.
guess I will have to rethink using it there.
I will setup tester account too in a bit for some reason I deleted the one I had.
Dave Macleod
www.davemacleod.net
Conservative Postings.

#9 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 18 September 2011 - 12:39 AM

info pm'ed to you :)
Dave Macleod
www.davemacleod.net
Conservative Postings.

#10 Broni Re: (3.2.x) How to move search bar to header bar

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 07:56 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 10h 7m 5s

Posted 18 September 2011 - 12:48 AM

Search globalTemplate for some standalone word "Advanced".

#11 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 18 September 2011 - 12:58 AM

was actually first thing I tried and had no results.
looking thrugh ipb styles now

only thing there is:

#adv_search {
width: 16px;
height: 16px;
background: url({style_images_url}/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}

wondering if this is native board problem, there were some issues with stuff in tracker for that area. I think I will place test board back to stock skin (probably means reinstall as I have modded default theme lol ) and then move this and see if its native issue.
Dave Macleod
www.davemacleod.net
Conservative Postings.

#12 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 18 September 2011 - 01:25 AM

this is ip issue I think. if you move the bar up there (either side) and change color to white you will see it.
I reset my test board to stock, moved the bar and changed background to white and default theme does this.
Dave Macleod
www.davemacleod.net
Conservative Postings.

#13 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 18 September 2011 - 01:33 AM

if I comment the text indent (was curious why there was text indent there ) whole work shows.
#adv_search {
width: 16px;
height: 16px;
background: url({style_images_url}/advanced_search.png) no-repeat right 50%;
<!-- text-indent: -3000em; -->
display: inline-block;
margin: 4px 0 4px 4px;
}

wonder if there is something in png maybe? not sure where its getting the word itself from.
Dave Macleod
www.davemacleod.net
Conservative Postings.

#14 Broni Re: (3.2.x) How to move search bar to header bar

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 07:56 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 10h 7m 5s

Posted 18 September 2011 - 01:46 AM

I found it.

Global Templates>QuickSearch
Comment out section in red:

<a href='{parse url="app=core&amp;module=search&amp;search_in=<if test="hasSearchApp:|:isset($this->request['search_app']) AND $this->request['search_app']">{$this->request['search_app']}<else />{$this->registry->getCurrentApplication()}</if>" base="public"}' title='{$this->lang->words['advanced_search']}' accesskey='4' rel="search" id='adv_search' class='right'><!--{$this->lang->words['advanced']}--></a>

#15 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 18 September 2011 - 01:48 AM

found it :)

in global templates quicksearch there is following line near top:
<a href='{parse url="app=core&amp;module=search&amp;search_in=<if test="hasSearchApp:|:isset($this->request['search_app']) AND $this->request['search_app']">{$this->request['search_app']}<else />{$this->registry->getCurrentApplication()}</if>" base="public"}' title='{$this->lang->words['advanced_search']}' accesskey='4' rel="search" id='adv_search' class='right'>{$this->lang->words['advanced']}</a>
change

Quote

lang->words['advanced']
to

Quote

lang->words['']
and its fixed
Dave Macleod
www.davemacleod.net
Conservative Postings.

#16 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 18 September 2011 - 01:48 AM

HA posted same time :)
Dave Macleod
www.davemacleod.net
Conservative Postings.

#17 Broni Re: (3.2.x) How to move search bar to header bar

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 07:56 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 10h 7m 5s

Posted 18 September 2011 - 01:50 AM

LOOOOOOOOOOOOOL

#18 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 18 September 2011 - 01:51 AM

I like commenting out better (safer) so did that way :)
Dave Macleod
www.davemacleod.net
Conservative Postings.

#19 Broni Re: (3.2.x) How to move search bar to header bar

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 07:56 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 10h 7m 5s

Posted 18 September 2011 - 01:52 AM

I always do it that way.

#20 dmacleo Re: (3.2.x) How to move search bar to header bar

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 10:56 PM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 27m 47s

Posted 18 September 2011 - 01:58 AM

I try to but sometimes find myself forgetting :(
and that has led to issues in the past, but I also don't mess with skins a lot so hopefully experience will build up better practices LOL
Dave Macleod
www.davemacleod.net
Conservative Postings.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users


This topic has been visited by 30 user(s)