Headergrafik verlinken mit Forumsstartseite

[Cafe]

Hallo,

ich würde gerne die Headergrafik von unserem Forum http://www.caferacer-forum.de mit der Startseiteseite oder Indexseite des Forums verlinken.

Ich habe die Forensuche benutzt, aber die genannten Zeilen gibt es so nicht in meiner overall_header.html und bevor ich das irgendeinen KOT rein schreibe, dachte ich frag mal lieber die Leute, die wissen was sie tun.

Könnte mir da jemand weiterhelfen?

Danke & Gruß
René

[Crizzo]

Hi,

du willst also das ganze: http://www.caferacer-forum.de/styles/we ... hboard.jpg verlinken? Das geht im Prinzip nicht, weil das als Hintergrundbild eingebunden ist und denen kann man kein <a> "verpassen".

Da musst du in der overall_header.html innerhalb von div#dashboard ein <a> einbauen, was du dann über die mögliche Höhe und Breite des Banner aufspannst. Darf sich natürlich nicht mit ul#navigation-top in die Quere kommen.

Der Link sieht dann so aus:

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">[...]</a>

[Cafe]

Hey, danke für die schnelle Antwort. Oder wäre es einfacher das mittige Logo nochmals als verlinkte *.png Grafik darüber zu legen?

Danke und Gruß
René

[Crizzo]

Dann kommst du mit der Grafik und deiner Navigation in die Quere. Das macht mMn keinen Unterschied. Ich würde an deiner Stelle eben auf die Verlinkung der oberen 20px der Grafik verzichten.

[Cafe]

Da musst du in der overall_header.html innerhalb von div#dashboard ein <a> einbauen, was du dann über die mögliche Höhe und Breite des Banner aufspannst. Darf sich natürlich nicht mit ul#navigation-top in die Quere kommen.

Der Link sieht dann so aus:

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">[...]</a>

Ich habe da mal geschaut...hmmm. Könntest Du mir bitte bei der Codeerstellung helfen. Ich komm da nicht mit klar, bzw. ich weiß gar nicht wie das geht.

[HabNurNeFrage]

Finde in overall_header.html <div id="site-description">

Version 1 mit Javascript:

Füge davor ein:

Code: Alles auswählen

<br class="clear" />
<div style="cursor:pointer;hight:160px;width:70%;margin:0 auto;" onclick="location.href='{U_INDEX}';">.</div>
<br class="clear" />

Version 2 mit transparenter gif:

Lade herunter: http://upload.wikimedia.org/wikipedia/c ... parent.gif
Lade bei Dir wieder rauf in Ordner: http://www.caferacer-forum.de/styles/we_universal/theme/images/
Am besten vorher noch umbenennen, weil Großbuchstaben in Dateinamen nicht so schick sind, in trasparent.gif
In meinem folgenden Code ist das Bild entsprechend umbenannt...

Dann füge an eingangs genannter Stelle in overall_header.html davor ein:

Code: Alles auswählen

<br class="clear" />
<div style="width:100%;height:100%;">
<a href="{U_INDEX}"><img style="width:70%;height:100%;" src="{T_THEME_PATH}/images/transparent.gif" alt="{L_INDEX}" /></a>
<br class="clear" />

Man könnte natürlich in beiden Varianten noch hergeghen und ganz sauber css von html trennen und den css-Code in die common.css aufnehmen, aber so ist es übersichtlicher und einfacher ein- und auszubauen...

Die zweite Variante ist sicher etwas schöner ohne Javascript, da sie ggf. die URL im Browser anzeigt, kein Punkt auf der Seite ausgegeben wird und auch mit Scriptbockern funktioniert. Bei veränderter Header-Grafik-Größe müsstest Du obendrein in Variante 1 den den Wert 160px entsprechend anpassen.
Dafür kannst Du im ersten Beispiel ein paar Keywords cloaken (würde ich aber nicht empfehlen)
Es gibt sicher noch 30 weitere Möglichkeiten...

[Cafe]

Vielen Dank für die schnelle Antwort. Ich habe die Version 2 vor

Code: Alles auswählen

<div id="site-description">

eingefügt. Es hat aber das untere Menü, welches man nur sieht, wenn man eingeloggt ist, nach unten verschoben. Das Forum unter der Headergrafik wird plötzlich über die gesamte Breite des Bildschirms angezeigt.

Muss man den Code aus Version 2 vielleicht etwas anders schreiben, wann das Forum eine feste Breite hat?

[HabNurNeFrage]

Sorry, es fehlt ein </div> Abschluss-Tag

Der Code müsste so:

Code: Alles auswählen

<br class="clear" />
<div style="width:100%;height:100%;">
<a href="{U_INDEX}"><img style="width:70%;height:100%;" src="{T_THEME_PATH}/images/transparent.gif" alt="{L_INDEX}" /></a>
</div>
<br class="clear" />

Dann passts wieder...

[Cafe]

Hat fast geklappt. Es wird nur das Untermenü und der Forumstitel nach unten verschoben.

Das sieht dann so aus:
[ externes Bild ]

[HabNurNeFrage]

Hm, dann versuch mal in

<img style="width:70%;height:100%;" src="{T_THEME_PATH}/images/transparent.gif" alt="{L_INDEX}" />

den fett markierten Wert von 100% auf 160px zu ändern. Mit der Höhe in Pixeln kannst Du dann solange rumspielen, bis es passt.
160 sollte aber schon in die richtige Richtung gehen. Deine Header-Grafik ist 190 Pixel hoch und es muss noch die Höhe der Navigation abgezogen werden...