Wie fügt man ein Link im Logo Banner der Kopfzeile ein?
Ich wollte, dass wenn man auf das Logo (eine Art Banner) klickt, zur Hauptseite kommt.
http://ammatour.xobor.de/
Das Bild habe ich bei Farben&Hintergrundbild Global > Hintergrundbild der Kopfzeile hochgeladen.
Da kann man aber kein HTML code hineinschreiben.
Eigentlich soll der ganze div tag div.usercontent ein Link werden (Business Template)
Wo schreibe ich was rein. (Ich kann eigentlich kein HTML)
#2 RE: Wie fügt man ein Link im Logo Banner der Kopfzeile ein?
#5 RE: Wie fügt man ein Link im Logo Banner der Kopfzeile ein?
#6 RE: Wie fügt man ein Link im Logo Banner der Kopfzeile ein?
Ich hab Olafs code mal hineinkopiert.
Da ist ja auch noch der Google Translater in der Kopfzeile.
Wenn ich den code über den Code von Google Translator einfüge sieht alles einwandfrei aus, ausser, daß Google Translator dann weg ist.
Deshalb muss ich deinen Code darunter einfügen.
So:
2
3
4
5
6
7
8
<div id="google_translate_element" align="center"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<a href="http://ammatour.xobor.de/"><img src="https://files.homepagemodules.de/b603646/a_4_c6010ab9.jpg" style="height:80px; min-width:100%; position:absolute;"></a>
Aber dann sieht es nicht richtig aus. Nämlich so:
Wie konntest du wissen daß der Banner 1500 px breit ist? Ich habe den nämlich extra etwas breiter gemacht für Leute, die einen grossen Bildschirm haben, so dass der nicht wiederholt wird. Ich hatte ihn nämlich erst zu klein gemacht und dann hat er sich auf meinem Bildschirm wiederholt (nebeneinander).
Wenn ich die Grafikadresse gegen wahlfreie Buchstaben austausche, dann sieht es normal aus. Der Link fängt dann aber schon bei der Navileiste an und hört in der Mitte des Banners auf. Ist also etwas "nach unten gerutscht".
Mit dem anderen Code ging es fast einwandfrei. Hat wunderbar geklappt. ABER: Nur ca 20 px in der Mitte des Banners wurden über die gesamte Breite verlinkt. Nicht die gesamten 80 px Höhe
Und nun kommt es: Wenn ich die Grafik Adresse nehme, die Olaf im Code hatte, dann sieht es genau so aus wie mit dem Code von Olaf (und wie hier auf dem Bild.
<a href="http://ammatour.xobor.de" style="width:100%;display:block;"><img src="https://files.homepagemodules.de/b603646/a_4_c6010ab9.jpg" width="Xpx" height="Xpx"/></a>
Also liebe Leute, um es etwas zu vereinfachen, bevor hier noch jemand ausflippt 
Ein klickbares Banner, dass einen auf die Hauptseite führt, egal was man sonst noch im Header (Kopfzeile eingebaut hat geht so, wie Olaf sagt:
Ist nur ein Beispiel, hier könnt Ihr ganz einfach die Grösse des Banners eingeben:
<a href="http://www.garten-der-poesie.de/"><img width="550px" src="http://www.abload.de/img/banner-poesieausgesch7bsqf.png"border="0"title="Logo Made by Gustl Streitbürger & Helmuth Winkelhahn 2010 " alt="Banner by Helmuth Winkelhahn"></img></a>
Das erste ist Euer Link zum Forum, das zweite ist der Bildlink Eures Banners.
Ganz egal, was Du noch im Header hast Kaliash, irgendwo hast beim kopieren etwas vergessen, entweder < oder >
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
Zitat von Kailash im Beitrag #6
Da ist ja auch noch der Google Translater in der Kopfzeile.
Wenn ich den code über den Code von Google Translator einfüge sieht alles einwandfrei aus, ausser, daß Google Translator dann weg ist.
Das habe ich nicht beachtet.
Eine kleine CSS Class dazugefügt und schon ist Dein Translator wieder da.
Hier der komplette Code mit Deinem Translator:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="google_translate_element">
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
multilanguagePage: true}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<a href="http://ammatour.xobor.de/"><img src="https://files.homepagemodules.de/b603646/a_4_c6010ab9.jpg" style="height:80px; min-width:100%;
position:absolute;"></a>
<style type="text/css">
#google_translate_element {
position:absolute;
top:0px;
left:45%;
z-index:200;
}
</style>
Gruß
Olaf
@Shogun
Wenn du den code, den ich in einer früheren Nachricht eingefügt habe anguckst, wirst du sehen, dass ich nichts vergessen habe.
Hier noch mal. CTR+A und CTRL+C und dann CTRL+V
2
3
4
5
6
7
8
<div id="google_translate_element" align="center"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<a href="http://ammatour.xobor.de/"><img src="https://files.homepagemodules.de/b603646/a_4_c6010ab9.jpg" style="height:80px; min-width:100%; position:absolute;"></a>
Das reultat ist dieses hier:
Danke Olaf! Kaum dass du deinen letzten Beitrag gepostet hattest, wollte ich gerade jubelnd verkünden, dass ich es geschafft habe, mein Logo erfolgreich zu verlinken.
Der Dank gebührt dir und Shogun! Dir für das Script, das du bereits gestern für Kailash zur Verfügung gestellt hattest – und Shogun für die einfache Erklärung, wie man dein Script zu verstehen hat. Beides zusammen hat es mir schließlich ermöglicht, ein passendes Script für meine Bedürfnisse zusammen zu schustern.
Das Ergebnis sieht so aus (ganz ähnlich wie jenes Script, dass du vorhin für mich gepostet hattest):
<a href="http://www.neverface.com/forum.php"><div style="position:absolute; top:27px; left:460px;"><img src="https://files.homepagemodules.de/b214495/bhnetfiles-kmuq-6-1679.gif" border="0" title="Zum Neverface Hauptbereich" alt="Neverface Logo NEU 191 x 43.gif"></img></div></a>
Der Klickbereich ist damit leicht außerhalb des Logos – und das ist perfekt so! Verlinkt wird auf die Forum Übersicht (heißt bei mir "Hauptbereich").
Was das Element "border='0'" bewirkt habe ich nicht nachvollziehen können. Wenn ich es testweise aus dem Script entferne rutscht aber die Navigationsleiste über die Kopfzeile nach oben
. Also lasse ich das Element natürlich drin stehen.
Ich bedanke mich ganz, ganz herzlich für eure Hilfe!! Ist genau so geworden, wie ich es mir gewünscht habe!
Grüße und eine schöne Woche
Tausendstern
Liebhaber des Business Templates
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!