What style is this?

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: What style is this?

Post by Hanakin »

change

Code: Select all

.theme-topnav-search .button-search-end {
	border-right: 0;
}
to

Code: Select all

.theme-topnav-search .button-search-end {
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
}
fliper4o
Registered User
Posts: 267
Joined: Wed Mar 23, 2011 8:15 pm
Contact:

Re: What style is this?

Post by fliper4o »

Works wonderful.
Thank you, very much!
fliper4o
Registered User
Posts: 267
Joined: Wed Mar 23, 2011 8:15 pm
Contact:

Re: What style is this?

Post by fliper4o »

Hi.
How can I add image + link on navbar
theme/theme_navbar.html
default:
Image
icons are 16x px and still so tiny compare to the nav bar
Image

Code: 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>
images are 43x43
Image

Any idea? Images to be bigger and not resizing the nav bar. Like search is aligned.
Post Reply

Return to “[3.2.x] Styles Support & Discussion”