Headerlogo mit Link versehen / URL ReWrite

[Dusti]

@Kirk
ich habs so wie du beschrieben hast gemacht, aber jetzt ist das ganze logo verschwunden!
muss ich da noch was anderes ändern?

EDIT:
ich würde es gerne so haben wie auf dieser Seite: http://www.caferacer-forum.de/
Dort sieht der Code so aus:

Code: Alles auswählen

	<div id="header">
		<div id="dashboard">
			<ul id="navigation-top">
				<li><a href="./memberlist.php?mode=leaders" title="Das Team">Das Team</a></li> 
				<li><a href="./directory.php" title="Links" style="color:#DF0101;"><strong>Links</strong></a></li>
				<li><a href="./search.php" title="Zeigt die erweiterten Suchoptionen an">Suche</a></li> 
				<li><a href="./faq.php" title="Häufig gestellte Fragen">FAQ</a></li>
				
					<li><a href="./impressum.php" title="Impressum" accesskey="l">Impressum</a></li>
					<li><a href="./ucp.php?mode=register" title="Registrieren">Registrieren</a></li>
					<li><a href="./ucp.php?mode=login" title="Anmelden" accesskey="l">Anmelden</a></li>
				
			</ul>
	
			<span><a href="./index.php" title="Foren-Übersicht" id="bannerlink"></a></span>
	
			<div id="site-description">
				<h1><a href="./index.php" title="Foren-Übersicht">caferacer-forum.de</a></h1>
				<p>Das markenübergreifende Forum für Cafe Racer</p>
			</div>
			
			<ul id="navigation-bottom">
			<li></li>
			
			</ul>
		</div>
	</div>

Desweiteren finde ich noch in dem Link http://www.caferacer-forum.de/style.php ... g=de_x_sie
Folgende Einträge:

Code: Alles auswählen

#bannerlink {
clear: right;
float: right;
width:100%;
height: 163px;
}
#bannerlink span {
position: absolute;
left: -9999px;
right: -9999px;
} 

Allerdings weis ich nicht, wo das stehen soll, bzw. wo ich das hinzufügen soll.

[Talk19zehn]

Oh ein neuer Wunsch, soweit war ich nun zeitlich nicht angekommen.

Hm, - dennoch zum vorherigen Beitrag, bevor du den neueren Wunsch äußertest:

Browser findet die Grafik und gibt sie aus:
A)

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}"><img src="./styles/we_universal/imageset/site_logo.gif" alt="" /></a>

B)

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}"><img src="http://e-blogger.sytes.net/phpbb3/styles/we_universal/imageset/site_logo.gif" alt="" /></a>

Setze den Link testweise mal nach <div id="dashboard"> ein.

Und belasse es mal dabei: --> TEST

Code: Alles auswählen

#header {
   background: #292c2f;
   width: 100%;
   left: 0;
   position: absolute;
}

Was mich wundert, via Firebug wird auf deiner Seite in meinem Test das Title-Attribut nicht gefunden.

Und wieder "wech". Beste Grüße euch beiden.


====
Edit: sieht nach dem neuen Wunsch und dessen Umsetzung, laut der zuvor geannten Quelle, auch bei dir gut aus und wie ich sehe, hast du in der #Header wieder background: #292c2f; gesetzt und transparent entfernt.

[Kirk]

Mach es so:
Öffne: root/styles/we_universal/template/overall_header.html
Finde:

Code: Alles auswählen

			<div id="site-description">
				<h1><a href="{U_INDEX}" title="{L_INDEX}">{SITENAME}</a></h1>
				<p>{SITE_DESCRIPTION}</p>
			</div>

Davor einfügen:

Code: Alles auswählen

			<span><a href="{U_INDEX}" title="{L_INDEX}" id="bannerlink"></a></span>

Öffne: root/styles/we_universal/theme/common.css
Finde:

Code: Alles auswählen

#bar {
	height: 40px;
	padding: 0 20px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}

Davor einfügen:

Code: Alles auswählen

#bannerlink {
    clear: right;
    float: right;
    height: 163px;
    width: 100%;
}
#bannerlink span {
    left: -9999px;
    position: absolute;
    right: -9999px;
}

Zum Schluß deinen Theme/Template und Browsercache leeren!

[Dusti]

@Kirk
Ja geil, Danke, das wars gewesen!
nun klappt alles so wie es soll (wie ich es will)

[floodx]

Hallo,

schließe mich hier einfach noch mal an, denn ich habe das gleiche Anliegen und nutze auch den gleichen Style.

Leider enthält die overall_header.html und common.css nicht mehr den identischen Code wie bei Kirks Lösung vor 2 Jahren. Natürlich habe ich versucht es trotzdem aus meiner Logik heraus korrekt zu ersetzen:

Habe das genannte

Code: Alles auswählen

<span><a href="{U_INDEX}" title="{L_INDEX}" id="bannerlink"></a></span>

Vor diesem Teil eingefügt:

Code: Alles auswählen

<div class="inventea-sitename">
				<h1><a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITENAME}</a></h1>
				<span>{SITE_DESCRIPTION}</span>
			</div>

In der common.css habe ich die zwei #bannerlink Anweisungen einfach am Ende eingefügt. Was genau könnte noch fehlen?

Also ich möchte grundsätzlich den Banner klickbar machen und damit ein Link auf die Foren-Übersicht ermöglichen. Cache habe ich nach der Aktion auch geleert.

[Talk19zehn]

Hi floodx, du beziehst dich auf phpBB-3.0 oder 3.1?

[floodx]

Ja ich nutze die aktuelle Version 3.1.4.

Ich habe gerade festgestellt, dass der Banner jetzt doch verlinkt, aber nur ungefähr die obere Hälfte des Banners. Muss ich da noch etwas drüber legen bzw. liegt da schon etwas drüber und ich muss nur den anklickbaren Bereich vergrößern?