Mod to Header Banner Search box

Please post any support questions here. Guest posting is allowed
Hervé
Posts: 9
Joined: Fri Aug 21, 2020 2:18 pm

Mod to Header Banner Search box

Post by Hervé »

Hi,
I'm using Header Banner for a while on https://www.LeForumRecifal.com with the search box on the NavBar.
I would like to add somewhere a FaceBook logo with url to the FB associated page https://www.facebook.com/LeForumRecifal
a nice place would be to the left of the search box like this (or to its right like your clock on your board or elsewhere on the NavBar)
Image
The code to be added is simply
<a href='https://www.facebook.com/LeForumRecifal' title="Page Facebook">
<img src='/Images/facebook_128x128.png' style="width: 32px; height: 32px;"></a>

Can you help me getting this ?
Thanks
Administrator
Site Admin
Posts: 503
Joined: Tue Nov 18, 2014 11:30 am

Re: Mod to Header Banner Search box

Post by Administrator »

Not a problem.
screenshot_486.jpg
(obviously there is no Facebook image showing as its on your server, not mine)


Disable Header Banner, download and unzip the attached and upload it replacing the existing

\ext\hifikabin\headerbanner\styles\prosilver\template\event\overall_header_breadcrumbs_after.html

Enable the extension and check.
overall_header_breadcrumbs_after.zip
You do not have the required permissions to view the files attached to this post.
Hervé
Posts: 9
Joined: Fri Aug 21, 2020 2:18 pm

Re: Mod to Header Banner Search box

Post by Hervé »

Thanks a lot,
it does exactly what I expected.
Administrator
Site Admin
Posts: 503
Joined: Tue Nov 18, 2014 11:30 am

Re: Mod to Header Banner Search box

Post by Administrator »

No problem, glad it looks how you want it to
Hervé
Posts: 9
Joined: Fri Aug 21, 2020 2:18 pm

Re: Mod to Header Banner Search box

Post by Hervé »

Hi,
Just a little detail : is it possible to vertically align the FaceBook logo with the search box ?
Image
and to set it to the right of the box, magnifyer and param wheel like this ?
Image
For information this is the page source code of that part
Thanks !

Code: Select all

	<form action="./search.php" method="get" id="search">
	<fieldset>
		<input name="keywords" id="keyword" type="search" maxlength="128" title="Recherche par mots-clés" class="inputbox search tiny" size="20" value="" placeholder="Recherche…" >
		<button class="button button-search" type="submit" title="Rechercher">
		<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Rechercher</span>
		</button>
		<a href="./search.php" class="button button-search-end" title="Recherche avancée">
		<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Recherche avancée</span>
		</a>
	</fieldset>
</form>
</li>
<li style="float:right"><a href='https://www.facebook.com/LeForumRecifal' title="Page Facebook">
<img src='/images/facebook_128x128.png' style="width: 24px; height: 24px;"></a>
</li>
<li class="rightside responsive-search">
	<a href="./search.php" title="Voir les options de recherche avancée" role="menuitem">
	<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Rechercher</span>
	</a>
</li>
Administrator
Site Admin
Posts: 503
Joined: Tue Nov 18, 2014 11:30 am

Re: Mod to Header Banner Search box

Post by Administrator »

Use the attached to replace the existing file as previously

overall_header_breadcrumbs_after.zip

To adjust the position of the Facebook icon change margin-top: 5px as required purging your BROWSERS Cache after each edit.
You do not have the required permissions to view the files attached to this post.
Hervé
Posts: 9
Joined: Fri Aug 21, 2020 2:18 pm

Re: Mod to Header Banner Search box

Post by Hervé »

The speed you reply is incredible Image
Next time you wil havve to reply before I ask something Image
It works as I expected, many thanks.
Administrator
Site Admin
Posts: 503
Joined: Tue Nov 18, 2014 11:30 am

Re: Mod to Header Banner Search box

Post by Administrator »

I polished my Crystal Ball especially :smt023
Hervé
Posts: 9
Joined: Fri Aug 21, 2020 2:18 pm

Re: Mod to Header Banner Search box

Post by Hervé »

Hi,
Crystal Ball speaking
Something strange in the breadcrumbs of www.LeForumRecifal.com
"Index du forum" opens the link in the same tab
"Accueil" opens the link in a new tab : is it possible to make it open in the same tab also ?
Thanks
Administrator
Site Admin
Posts: 503
Joined: Tue Nov 18, 2014 11:30 am

Re: Mod to Header Banner Search box

Post by Administrator »

It should open in the same tab (I have just checked) Have you altered the code in any way, or have any extensions that change the behaviour of links on your board?