Guten Morgen zusammen,
ich habe seit längerem vor dieses "Problem" in meinem Forum zu lösen aber es bisher nicht hinbekommen und hoffe nun auf die fachmännische Hilfe von euch!
Ich arbeite mit diversen Unterforen die jeweils unterschiedliche Stile haben.Diese haben alle ein einheitliches Logo oben links und ein fachspezifisches oben rechts.
Ich bette das Spielerheim Logo ganz normal im Stil ein. In diesem beispielhaften Fall nehme ich das Cities Skylines Logo zur Hand. Dieses wird über folgenden CSS Code im Stil eingebettet.
/* additional settings */
@media only screen and (min-width: 801px) {
#pageHeader {
background-image:url("@{style_image_path}logo_cities_skylines.png");
background-position: right 0px Top 5px;;
background-repeat: no-repeat;
}
}Dazu verbinde ich noch einen "header" Template in dem ich den Link für das Cities Skylines Logo hinterlege (Zeile 18 - 25).
<a id="top"></a>
<header id="pageHeader" class="{if $__wcf->getStyleHandler()->getStyle()->getVariable('useFluidLayout')}layoutFluid{else}layoutFixed{/if}{if $sidebarOrientation|isset && $sidebar|isset} sidebarOrientation{@$sidebarOrientation|ucfirst}{if $sidebarOrientation == 'right' && $sidebarCollapsed} sidebarCollapsed{/if}{/if}">
<div>
<nav id="topMenu" class="userPanel">
<div class="{if $__wcf->getStyleHandler()->getStyle()->getVariable('useFluidLayout')}layoutFluid{else}layoutFixed{/if}">
{hascontent}
<ul class="userPanelItems">
{content}
{include file='userPanel'}
{event name='topMenu'}
{/content}
</ul>
{/hascontent}
{include file='searchArea'}
</div>
</nav>
<div id="logo" class="logo">
<a href="http://www.spielerheim.de/index.php/Board/197-Cities-Skylines-Forum/">
{if $__wcf->getStyleHandler()->getStyle()->getPageLogo()}
<img src="{$__wcf->getStyleHandler()->getStyle()->getPageLogo()}" alt="" />
{/if}
{event name='headerLogo'}
</a>
</div>
{event name='headerContents'}
{include file='mainMenu'}
{event name='afterMainMenu'}
<nav class="navigation navigationHeader">
{include file='mainMenuSubMenu'}
<ul class="navigationIcons">
<li id="toBottomLink"><a href="{$__wcf->getAnchor('bottom')}" title="{lang}wcf.global.scrollDown{/lang}" class="jsTooltip"><span class="icon icon16 icon-arrow-down"></span> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
<li id="sitemap" class="jsOnly"><a title="{lang}wcf.page.sitemap{/lang}" class="jsTooltip"><span class="icon icon16 icon-sitemap"></span> <span class="invisible">{lang}wcf.page.sitemap{/lang}</span></a></li>
{if $headerNavigation|isset}{@$headerNavigation}{/if}
{event name='navigationIcons'}
</ul>
</nav>
</div>
</header>
<div id="main" class="{if $__wcf->getStyleHandler()->getStyle()->getVariable('useFluidLayout')}layoutFluid{else}layoutFixed{/if}{if $sidebarOrientation|isset && $sidebar|isset} sidebarOrientation{@$sidebarOrientation|ucfirst}{if $sidebarOrientation == 'right' && $sidebarCollapsed} sidebarCollapsed{/if}{/if}">
<div>
<div>
{capture assign='__sidebar'}
{if $sidebar|isset}
<aside class="sidebar"{if $sidebarOrientation|isset && $sidebarOrientation == 'right'} data-is-open="{if $sidebarCollapsed}false{else}true{/if}" data-sidebar-name="{$sidebarName}"{/if}>
<div>
{event name='sidebarBoxesTop'}
{@$sidebar}
{event name='sidebarBoxesBottom'}
</div>
</aside>
{if $sidebarOrientation|isset && $sidebarOrientation == 'right'}
<script data-relocate="true">
//<![CDATA[
$(function() {
new WCF.Collapsible.Sidebar();
});
//]]>
</script>
{/if}
{/if}
{/capture}
{if !$sidebarOrientation|isset || $sidebarOrientation == 'left'}
{@$__sidebar}
{/if}
<section id="content" class="content">
{event name='contents'}
{if $skipBreadcrumbs|empty}{include file='breadcrumbs'}{/if}Die Box für den Link liegt nun aber auch über dem Spielerheim.de Logo. Ziel soll es sein, dass bei Klick auf das Spielerheim.de Logo aber auf die Hauptseite gewechselt wird und nicht wie aktuell auf das jeweilige Unterforum für das Spiel. Wer hat eine Idee?
