Sorry for creating a new topic but maybe it's just something simple & anybody can help rather than waiting for answer on an old topic.
So I've (with the help of some members) made some style changes on prosilver & running 3.2.2 More in here.
My request is to add link able images(icons) to the additional navigation bar without stretching it and to be aligned to the navbar and not to something else that have to make icons so tiny like 14x14 to not interrupt the default size of the nav bar.
So the question is how to add icons(normal=visible) there without interrupting the nav bar itself?
Any suggestions are welcomed
Let's give it a try, together.
fliper4o wrote: ↑Fri Feb 23, 2018 1:29 pm Hi.
How can I add image + link on navbar
theme/theme_navbar.html
default:
icons are 16x px and still so tiny compare to the nav bar
images are 43x43Code: Select all
<nav class="theme-topnav"> <a href="/">Home</a> <a href="/wiki">Wiki</a> <a href="/forum">Forum</a> <a href="/imageboard">Imageboard</a> <a href="URL"> <img src="images/4chan.png" width="16" height="16" title="4chan"> </a> <a href="URL"> <img src="images/8ch.png" width="21" height="16" title="8chan"> </a> <!-- EVENT overall_header_searchbox_before --> <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH --> <div id="search-box" class="search-box theme-topnav-search" role="search"> <form action="{U_SEARCH}" method="get" id="search"> <fieldset> <input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" /> <button class="button button-search" type="submit" title="{L_SEARCH}"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span> </button> <button href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}"> <i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span> </button> {S_SEARCH_HIDDEN_FIELDS} </fieldset> </form> </div> <!-- ENDIF --> <!-- EVENT overall_header_searchbox_after --> </nav>
Any idea? Images to be bigger and not resizing the nav bar. Like search is aligned.