phpBB.de

Code: Alles auswählen

<!-- EVENT overall_header_headerbar_before -->
			<div class="inner">

			<div id="site-description" class="site-description">
				<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span class="site_logo"></span></a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" 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>
					<a 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>
					</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->
			<!-- EVENT overall_header_searchbox_after -->
          <a id="oc_header" class="oc_header" ><span class="oc_header"></span></a>
			</div>
			<!-- EVENT overall_header_headerbar_after -->

Code: Alles auswählen

.oc_header {
   display: inline-block;
   widht: auto;
   hight: 80px;
   position: right;
   margin-right: 4px;  
   }

/* Site description and logo */

Code: Alles auswählen

.oc_header {
   background-image: url("./images/ocheader.png")
   }

/* Horizontal lists

Code: Alles auswählen

<a id="oc_header" class="oc_header"><span class="oc_header"></span></a>

Code: Alles auswählen

<div class="oc_header"></div>

Code: Alles auswählen

.oc_header {
    background-image: url("./images/ocheader.png");
    height: 80px;
    width: 622px;
}

Code: Alles auswählen

.oc_header {
    float: right;
    margin-right: 5px;
    margin-top: 6px;
}

Code: Alles auswählen

.site-description {
    float: left;
    width: 65%;
}

Code: Alles auswählen

.site-description {
    float: left;
    width: 55%;
}