Mod to Header Banner Search box

[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)

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]

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

[Hervé]

Thanks a lot,
it does exactly what I expected.

[Administrator]

No problem, glad it looks how you want it to

[Hervé]

Hi,
Just a little detail : is it possible to vertically align the FaceBook logo with the search box ?

and to set it to the right of the box, magnifyer and param wheel like this ?

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]

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.

[Hervé]

The speed you reply is incredible
Next time you wil havve to reply before I ask something
It works as I expected, many thanks.

[Administrator]

I polished my Crystal Ball especially

[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]

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?