Guten Tag, ich möchte gerne neben meinem Banner, eine Grafik einbauen, wo wenn man drauf klickt, auf eine verlinkung kommt.
Wie mache ich das, das neben dem Logo noch ein Banner ist, mit verlinkung?
mfg,
Danke im Voraus
Guten Tag, ich möchte gerne neben meinem Banner, eine Grafik einbauen, wo wenn man drauf klickt, auf eine verlinkung kommt.
Wie mache ich das, das neben dem Logo noch ein Banner ist, mit verlinkung?
mfg,
Danke im Voraus
-eine neue templategruppe anlegen
-template "header" da rein kopieren und bearbeiten
nach Zeile 26 (inhalt [b][/b] {event name='headerLogo'} </a>...also NACH dem </a> )
einfach so ungefähr einfügen ..
<div class="meinzweitbanner"><a href="http://deinlinkzudemesführensoll"><img src="http://deinlinkdergrafik" alt="einAlternativtext"/></a></div>
dann weist du die templategruppe dem Stil zu ..
ggf. den Templatecache leeren, falls noch nix angezeigt wird...
und im CSS des Stils kannst du dann dein Teil zurechtschieben
wohin es halt soll ... ..zb. So
Welches verzeichnis, wenn ich eine Template gruppe anlege?
Das ist egal, schreib einfach nen Namen ein, den du da gern haben möchtest ....und mit dem Banner in Verbindung bringst
Das Board legt ja den Ordner dann extra für die Templategruppe frisch an
Okey ich habe soweit alles eingefügt,
ZitatAlles anzeigendann weist du die templategruppe dem Stil zu .. ggf. den Templatecache leeren, falls noch nix angezeigt wird...und im CSS des Stils kannst du dann dein Teil zurechtschiebenwohin es halt soll ... ..zb. So Quellcode
/*Zweitbanner*/
.meinzweitbanner {
left: 1080px;
position: absolute;
top: 50px;
z-index: 10;
}
Wie tue ich das?
...findest du alles, wenn du dich im ACP und bei den Stilen umschaust
Okey Vielen Dank!
Und jetzt muss ich nur das 1080p z.B. zu 1000 machen, damit es weiter links ist?
Ja, genau, nur die Zahlen halt noch ändern, bis es passt.. bissl rumprobieren
joa, ok, danke für den Tip... ich hatte einiges ausprobiert und bei mir funzte das mit absolute iwie am einfachsten.. aber test ich demnächst, wenn ich mal wieder so was mache, aus
Habe mein Beitrag schon gelöscht, denn dass geht bei einer DIV nicht, hatte den HTML Code von dir missverstanden, mit relativ würde dass nur gehen wenn <a ...> direkt gefolgt vom ersten Banner kommen würde, aber mit DIV wird es darunter gesetzt und so muss dann doch absolute verwendet werden. Die class könnte man in diesem Fall direkt in <img .. einfügen.
Sorry ich hatte dein Beitrag nicht gesehen, sonst hätte ich mein Beitrag nicht gelöscht, sondern bearbeitet.
Aber absolute bringt so seine Probleme mit, weil immer eine Fixe Stelle bestimmt wird und dieses oft bei unterschiedlichen Bildschirmauflösungen von der Position anders ausfallen würde.
Denn vergibst du 1000px sind diese immer gegeben und dass ganz egal ob eine Bildschirmbreite aus 1920Pixel besteht oder nur 1200Pixel hat.
Ich würde daher kein DIV verwenden sondern direkt alles so:
<a href="http://deinlinkzudemesführensoll"><img class="meinzweitbanner" src="http://deinlinkdergrafik" alt="einAlternativtext"/></a>
Also direkt gefolgt nach dem LOGO.
<a ...Logo...></a> <a ... BannerZwei...></a>
Dann könnte man deine CSS Deklaration mit relativ verwenden und mit margin-left: 15px;.
Dann steht der zweite Banner dahinter und wird mit margin-left vom Logo aus nach rechts verstellt.
MH, naja.. ich hab nie behauptet, dass ich coden könnte
Ich hatte das hier mal erfragt, wie man das macht und dann wurde mir das so erklärt und auch die Stelle im Template..
aber ich probier das gern auch mal so aus, bloss immo brauch ichs persönlich nicht
dennoch Danke man lernt ja nie aus
Sollte auch keine Kritik sein und war auch nicht böse gemeint.
War nur ein Verbesserungsvorschlag.
Nachdem ich schon 105 Erweiterungen geschrieben habe, hat man da schon einiges durch getestet.
magin-left: 15px;
also das margin nehme, überlappen sich die logos komplett.
dann musst du auch margin schreiben und nicht magin ..maggi ist was anderes
ausserdem, les bitte noch mal... das mit margin-left, sollte dann genommen werden, wenn du position: relative; machst ... also bitte, entweder so wie ichs dir gab, ODER so wies Coolman erklärte.. aber kein Mischdings ...
hier kannst du dich auch noch bissl durchlesen: https://www.woltlab.com/www.css4you.de
Hallo,
habe bei nun auch dank des Themas hier einen 2ten Banner im Header.
Jedoch passt es noch nicht so ganz.
Ich möchte ihn bei mir auf der Seite ganz rechts haben, was ja auch bereits geklappt hat, sobald der Bildschrim aber kleiner wird, passt er sich nicht der Größe an.
Was muss ich da noch Ändern?
Wenn Du in Deiner Deklaration festlegst, dass die Grafik absolut positioniert und 900px vom linken Bildschirmrand angezeigt wird, darf Dich das doch nicht wundern. Mir liegt jetzt gerade eine häufig von Black Rider gemachte Aussage auf der Zunge, aber ich verkneife sie mir.
Ich persönlich würde spontan das Teil vom rechten Bildschirmrand aus positionieren (right: 2%;), damit es bündig mit den anderen Inhalten wird, eine Höchstbreite für a in Prozent angeben und diese zu 100% durch das Bild ausfüllen lassen. Sollte das nicht funktionieren, kann man weitersehen.
Gruß norse
Nun bin ich verwirrt. Eine Grafik bzw. ein Div mit darinliegender verlinkter Grafik mit text-align positionieren? Ich hab´s zwar nicht probiert, aber ich habe da so meine Zweifel.
Gruß norse
Mit dem Tipp von norse hab ich es hinbekommen.
Hin und wieder braucht man halt nur ein Anstupser...
Nun bin ich verwirrt. Eine Grafik bzw. ein Div mit darinliegender verlinkter Grafik mit text-align positionieren? Ich hab´s zwar nicht probiert, aber ich habe da so meine Zweifel.
Geht aber trotzdem...
Damit habe ich ich schon Menüs, Logos zentriert, rechtsbündig und linksbündig gemacht.
Mit dem Tipp von norse hab ich es hinbekommen.
Hin und wieder braucht man halt nur ein Anstupser...
Habe ich gesehen, trotzendem verschiebt sich dass ganze bei einer bestimmten Bildschirmauflösung, da die Angabe als Prozent nicht 100% ist.
Aber kannst auch so lassen, denn die Leute mit einem kleinen Bildschirm werden es nie wiesen dass der Banner normalerweise Bündig auf der Ecke sitzen sollte.
Gruß Coolman
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!