Bilder neben den Logos

Huhu!

Ich habe schon danach gesucht, aber leider nicht das Passende gefunden. Sollte es doch was geben tuts mir leid.

Also ich würde gerne rechts und links neben dem Logo Bilder haben. Ich habe schon ein bisschen was versucht, aber leider klappt es nicht.
Wäre schön, wenn jemand helfen könnte.

Liebe Grüße

Hallo NymphadoraTonks.

Kannst du bitte mal einen Screen machen und hier einstellen damit man mal sieht, wo du genau die Grafiken einsetzen willst, ggf. zeigst du noch auf, wo du wie und welche Veränderung versucht hast vorzunehmen.

Liebe Grüße
Rüdiger

https://i.servimg.com/u/f39/18/94/59/96/forum_12.jpg

Ich hoffe man kann sich das so anschauen. Also die Bilder sollen dahin, wo die Kreuze sind. Eben direkt rechts und links vom Logo.

Ich hatte mal in den Templates geschaut, bei Overall_header. Hatte zum Test was eingefügt... Aber jetzt etwas ersetzten oder so, da traue ich mich noch nicht so ran.

Das kann man gut erkennen, danke für deine Rückmeldung.
Ich sehe mir das bei dir kurz an und melde mich dann entsprechend wieder hier via Edit.

Edit:
Damit du die Grafiken nebeneinander bekommst ist es wichtig, das du wie folgt vorgehst:

- AB - Anzeige - Templates - Allgemeines - overall_header

In dem Abschnitt <!-- BEGIN switch_logo_left --> ersetzt du folgenden Eintrag:

<!-- BEGIN switch_logo_left -->
                                         <td><a href="/forum"><img vspace="1" border="0" alt="TheWalkingDead-RPG" id="i_logo" src="https://i.servimg.com/u/f39/18/94/59/96/twd_rp14.jpg">></a></td>
<!-- END switch_logo_left -->

Und setzt statt dessen folgenden Eintrag ein:

<td><a href="/forum"><img id="i_logo" vspace="1" border="0" alt="TheWalkingDead-RPG" src="https://i.servimg.com/u/f39/18/90/10/42/1181010.png">
                                                                  <td><img id="i_logo" vspace="1" border="0" alt="TheWalkingDead-RPG" src="https://i.servimg.com/u/f39/18/94/59/96/twd_rp14.jpg"></td>
                                                                  <td><img id="i_logo" vspace="1" border="0" alt="TheWalkingDead-RPG" src="https://i.servimg.com/u/f39/18/90/10/42/1181010.png"></a></td>

Ich habe als Beispiel die Grafik "Erledigt-Icon" genommen, die du dann gegen deine eigene Grafik ersetzt.


Ich hoffe, ich konnte dir damit helfen.

Liebe Grüße
Rüdiger

Herzlichen Dank für die Hilfe! Ich werde das gleich mal ausprobieren!

Gerne, bitte gebe dann eine Rückmeldung ob alles geklappt hat...

Liebe Grüße
Rüdiger

Also ich habe das jetzt ausprobiert. Ich habe die Stelle, die ich ersetzen soll, so gar nicht gefunden und habe dann, das was stattdessen da war ersetzt. Es hat aber leider nicht geklappt...

Ich sehe mir das bei dir mal eben mit Firebug an.

Also, du öffnest wie ich bereits schrieb den Template overall_header laut:

Rüdiger schrieb:- AB - Anzeige - Templates - Allgemeines - overall_header

Im Template suchst du nun, den Abschnitt:

Rüdiger schrieb:<!-- BEGIN switch_logo_left -->

Dieser Abschnitt müsste sich in der unbearbeiten Version in Zeile 255 bis Zeile 259 befinden.

Da du noch bevor ich die Lösung schrieb, dein Logo in "center" gesetzt hast, befindet sich theroritisch dein Banner nun im Abschnitt

<!-- BEGIN switch_logo_center -->

Den Abschnitt findest du genau darunter, unter dem Abschnitt <!-- BEGIN switch_logo_left -->
Und fühgst statt deinem bisherigen Bannereintrag den von mir oben genannten Eintrag...

Rüdiger schrieb:<td><a href="/forum"><img id="i_logo" vspace="1" border="0" alt="TheWalkingDead-RPG" src="https://i.servimg.com/u/f39/18/90/10/42/1181010.png">
                                                                 <td><img id="i_logo" vspace="1" border="0" alt="TheWalkingDead-RPG" src="https://i.servimg.com/u/f39/18/94/59/9/twd_rp14.jpg"></td>
                                                                 <td><img id="i_logo" vspace="1" border="0" alt="TheWalkingDead-RPG" src="https://i.servimg.com/u/f39/18/90/10/4/1181010.png"></a></td>

Liebe Grüße
Rüdiger

okay. Habe nochmal geschaut und jetzt funktioniert alles super. Vielen lieben Dank für die Hilfe und Mühe!

Liebe Grüße!

Warte bitte noch mal. Wir haben noch eine Lösung, die eventuell besser geeignet ist.
Du hast nämlich jetzt einen großen Nachteil.
Rüdiger wird sich nochmal melden und dir noch einen anderen Vorschlag machen und dir auch den Nachteil erklären.
Die Andere Lösung könnte dir besser gefallen und auch besser aussehen.

Oh okay. Super, dann mach ich jetzt erstmal nichts. Bzw. das was ich schon gemacht habe kann ich ja wieder ändern.

Wie #Frank bereits geschrieben hat, gibt es noch eine besser Lösung.
Diese Lösung muss ich mir selbst erstmal genauer ansehen und auch hier, wie #Frank schrieb, werde ich mich zeitnah wieder melden und bitte dich da um kurz um Geduld..., danke Dir.

Liebe Grüße
Rüdiger

Ja ist gar kein Problem. Freue mich ja über Vorschläge und Hilfe.

So, weiter geht es.

Was #Frank angessprochen hat, so gibt es wirklich eine wesentlich besser Alternative als die Grafiken über die Templates einzusetzen so wie wir es gestern getan haben.
Du kannst bequemer und sicherer weitere Grafiken in frei stehende Module einsetzen, die frei positionierbar sind.
Anhand der Positionseingabe eines frei stehenden Moduls ist es dir möglich, im Headerbereich die Grafik dahin zu platzieren, wohin du es haben möchtest.
Dabei kannst du selbst Grafiken über dein Banner legen, du kannst die Grafik in eine Rotationsstellung bringen, da stehen dir viele Möglichkeiten offen.

Nun ist die Frage, warum über ein frei schwebendes Modul.

Der Nachteil bei der Grafiksetzung über die Templates besteht darin, das je nach Auflösung der Headerbereich (Banner & zusätzliche Grafik) total verzerren, dass sieht bzw. sah nicht wirklich schön aus wobei auch der von mir aufgezeigte Weg schon richtig war.
Der Vorteil bei einem frei stehenden Modul ist, das gleich bleibende Aussehen, egal in welcher Auflösung ein User dein Forum besucht, es passt sich immer der jeweiligen Auflösung an.
Und, wie bereits angesprochen, lässt sich die Grafik dann auch frei positionieren.
Ein weiterer Vorteil was für diese Option spricht ist, dass sich ohne großen Aufwand (Templateänderung) die Grafik austauschen lässt.

Du siehst, dass die Vorteile gegenüber meiner gestrigen Lösung überwiegen und kann diesen Lösungsweg ebenfalls klar empfehlen.

Im Folgenden Link wird dir aufgezeigt, wie du ein frei stehendes Modul erstellst und das frei stehende Modul mittels Positionsangaben dahin positionierst, wo du die Grafik hingesetzt haben möchtest.
https://hilfe.forumieren.com/t30848-bb3-freistehendes-index-modul

Ich zeige dir zusätzlich mal eben auf, was ich getan habe...
Ich habe Grafik 1 auf die rechte Headerseite positioniert...



Das Ergebnis sieht dann wie folgt aus...



Der entsprechende Moduleintrag hierfür lautet...

<div style="position: absolute; top: 100px; right: 250px; z-index: 10000;">
  <a href="https://servimg.com/view/18901042/18" class="postlink" target="_blank" rel="nofollow"><img src="https://i.servimg.com/u/f39/18/90/10/42/halbba13.png" alt="" border="0" /></a>  
</div>

Nun wolltest du ja sowohl links als auch rechts vom Banner eine Grafik positioniert haben, also habe ich ein weiteres frei stehende Modul erzeugt mit folgendem Modulinhalt:

<div style="position: absolute; top: 100px; left: 250px; z-index: 10000;">
   <a href="https://servimg.com/view/18901042/18" class="postlink" target="_blank" rel="nofollow"><img src="https://i.servimg.com/u/f39/18/90/10/42/halbba13.png" alt="" border="0" /></a>  
</div>

Nun erhalte ich folgendes Ergebnis:



Worauf du achten solltest ist, dass du die rechte Grafik mit right und die linke Grafik mit left gefolgt von der individuellen Positionsangabe ansprichst.

Nochmal der Eintrag rechte Grafik:

<div style="position: absolute; top: 100px; right: 250px; z-index: 10000;">
  <a href="https://servimg.com/view/18901042/18" class="postlink" target="_blank" rel="nofollow"><img src="https://i.servimg.com/u/f39/18/90/10/42/halbba13.png" alt="" border="0" /></a>  
</div>

Und nochmal der Eintrag linke Grafik:

<div style="position: absolute; top: 100px; left: 250px; z-index: 10000;">
   <a href="https://servimg.com/view/18901042/18" class="postlink" target="_blank" rel="nofollow"><img src="https://i.servimg.com/u/f39/18/90/10/42/halbba13.png" alt="" border="0" /></a>  
</div>

Ich habe als Beispiel mal kurz deinen Banner ausgeliehen, bekommst ihn auch wieder zurück...
Als zusätzliche Grafik habe ich wie man sieht, die unseres Grafikservices genommen.

Ich sehe es wie #Frank, es ist eine bessere Option es auf diese Weise zu lösen.

Denke daran, das du für jede Grafik ein neues frei stehendes Modul erstellst.

Liebe Grüße
Rüdiger

So hallo!

Also ich muss sagen, dass ich diese Variante auch viel besser finde und man kann dies ja sogar nicht nur im Headerbereich nutzen. Ich hätte ja gar nicht gedacht, dass so viel noch mit den Modulen möglich ist.
Außerdem finde ich es auch viel besser, dass man es so einfacher bearbeiten kann.

Also wirklich vielen dank für die Hilfe und vor allem die ganze Mühe die du/ihr euch gegeben habt!

Liebe Grüße

Sehr gerne und bitteschön, dafür sind wir da.
Ich muss dir da wirklich zustimmen, es lässt sich anhand der Module emens viele Möglichkeiten was das Styling, die Positionierung usw. angeht, ausschöpfen.
Leider war ich gestern nicht auf die Idee gekommen, hier gilt der Dank nochmal klar an #Frank.
Du kannst ja jetzt mal ein wenig herum probieren und wünsche dir viel Spaß dabei und viel Erfolg mit deinem Forum.

Sollte nun alles nach deinen Wünschen klappen, so vergesse bitte nicht das Icon zu setzen...

Liebe Grüße
Rüdiger

Dann gebe ich noch ein extra Dank an #Frank. Ja ich denke funktioniert und wie du schon sagst, ich werde erstmal etwas rum probieren.

Liebe Grüße