Banner - Erstellen+Darstellen+Verlinken

"Alles" über Banner

---

Banner erstellt man mit einem Grafikprogramm selber oder man nutzt zur Erstellung einen der im Web inzwischen weit verbreiteten Bannergeneratoren. Diese Generatoren findet man vorzugsweise auf Seiten die Webmasterbedarf anbieten, einige Links zu solchen Seiten findet man auch hier in der Hilfeabteilung dieses Boards.

Auch wenn einige dieser Seiten einen Direktlink zum erstellten Banner zulassen ist es oft eine recht "wackelige" Angelegenheit diesen Direktlink auch zu nutzen, die Server sind oft nicht so besonders zuverlässig oder einfach oft auch sehr langsam. Besser wäre es den erstellten Banner auf den eigenen PC herunterzuladen, den kostenlosen Bilderupload-Dienst von HPM zu nutzen ( http://www.bilder-hochladen.net/ ) und dann den per E-Mail zugestellten Direktlink zu nutzen.

Achtung! Bei diesem Dienst ist es wichtig das Kleingedruckte zu lesen denn dort stehen die möglichen Dateitypen welche von diesem Dienst unterstützt werden (.gif .jpg .png etc....). Benutzt man ein nicht unterstütztes Dateiformat bekommt man lediglich eine "leere" E-Mail zugesandt die ausser ein wenig Werbung keine Pfade zur hochgeladenen Datei enthält.

Banner im Beitrag anzeigen


Einen Banner einfach nur anzeigen lassen wird genauso gehandhabt wie man mit ganz normalen Bildern innerhalb von Beiträgen verfährt:

[img]http://www.PfadZuDeinemWunderschönemBanner/Banner.gif[/img]

---

Banner in der Signatur anzeigen


Um Banner in der Signatur zu haben einfach oben auf Einstellungen klicken, danach auf den dann auftauchenden Menüpunkt Profil bearbeiten & Passwort ändern. In das Feld für die Eingabe der Signatur wird dann die oben in diesem Post bereits erwähnte und auf eigene Bedürfnisse angepasste Zeile eingegeben - andere/eigene URL zur Grafik.

---

Banner in der Signatur zentriert anzeigen


Um den Banner zusätzlich auch noch zu zentrieren muss ein Befehl zum zentrieren im Board eingebaut sein ( ist zur Zeit nicht Standard ). Wie das geht erfährt man hier:
http://www.foreninformation.de/t18f25-Nu...d-benutzen.html

Wenn man alles korrekt eingebaut hat sieht der Befehl zum zentrieren von Bildern/Bannern in der Signatur ( oder auch im Beitrag ) wie folgt aus:

[center][img]http://www.PfadZuDeinemWunderschönemBanner/Banner.gif[/img][/center]

---

Banner in der Signatur zentriert anzeigen und mit einem Link verknüpfen


Zusätzlich zu den bereits genannten Verfahren kann man den Banner dann auch "verlinken" so dass man ihn anklicken kann um weitere Dinge anzeigen zu lassen. Sinnvoll wäre eine eigene HP oder ein eigenes Forum aber auch andere Ereignisse aus dem Web wären vorstellbar.
Die Zeile die hierfür notwendig ist sieht folgendermaßen aus:

[center] [url=http://www.Beispieldomain.de/][img]http://www.PfadZuDeinemWunderschönemBanner/Banner.gif[/img][/url] [/center]

---

Banner - endgültige Version

Der Banner könnte dann in etwa so aussehen:

---

So wie im letzten Beispiel kann man den Banner natürlich auch direkt in einem Beitrag anzeigen lassen, das ist keine spezielle "Signaturformatierung".

---

Banner als festen Bestandteil des Forums anzeigen, Stichwort Werbung.

Abhängig davon WO die Werbung/der Banner sitzen soll wird der Code an folgender Stelle eingefügt:

Admin->Layout->Kopf & Fusszeile-> im Eingabefeld Kopfzeile.... um den Banner über dem Forum anzeigen zu lassen.

Oder:

Admin->Layout->Kopf & Fusszeile-> im Eingabefeld Fusszeile.... um den Banner unter dem Forum anzeigen zu lassen.

Der Code für eine bereits verlinkte Grafik (ein Banner ist nichts weiter als eine Grafik) lautet:

<A HREF="http://www.DieURLZuDerGeleitetwirdBeimKlickAufDieGrafik.de">
<IMG SRC="http://www.DieURLZuDeinerGrafik.de/DeinBild.gif" border="0" ></A><br><br>

Das Gleiche nochmal zentriert - immer mittig, unabhängig von der Bildschirmauflösung:

<center><A HREF="http://www.DieURLZuDerGeleitetwirdBeimKlickAufDieGrafik.de">
<IMG SRC="http://www.DieURLZuDeinerGrafik.de/DeinBild.gif" border="0" ></A></center><br><br>

Code für eine einfache Grafik ohne Verlinkung:
<IMG SRC="http://www.DieURLZuDeinerGrafik.de/DeinBild.gif" border="0">

Für gewöhnlich sind die Grafiken statisch (nicht animiert).
Für animierte Grafiken eignet sich am besten das GIF Format. Namensgebung der Dateien: DeinBild.gif


Mit Flashgrafiken wird es etwas komplizierter und erfordert weitergehende HTML-Kenntnisse.

Eine Bannerseite als festen Bestandteil des Forums anzeigen, Stichwort Werbung.

Das funktioniert mit den beliebten Forenvariablen.

So eine "Bannerseite" könnte beispielsweise so aussehen:
http://www.foreninformation.de/f19-big-T...-Sound-big.html


Unter der Seite können dann ganz normal Themen erstellt werden. Eine kleine Änderung der Positionierung des Codes im Template kann die Themen auch über der Bannerseite anzeigen lassen.

Notwendige Schritte:

1. Eigenes Template - http://www.foreninformation.de/t30f25-Te...bearbeiten.html

2. Template-Element "Forum Ansicht" editieren

3. Den roten Code in das Template-Element einfügen (Der schwaze Teil vom Codebeispiel ist ein Auszug aus dem Standard-Template- Gaia und ProSilver weichen da ab):
{{showlast==false.end}}
<tr class="fwha">
<td width="21">  </td>
<td width="61%">{[name_thread_title]}</td>
<td width="10%" align=center>{[name_sender]}</td>
<td width="6%" align=center>{[name_answers]}</td>
<td width="6%" align=center>{[name_hits]}</td>
<td width="15%" align=right nowrap>{[forum_message_last]}</td>
</tr>
{{var1==true.start}}
<tr class="fth2">
<td colspan="6" class="fth2" align="center">{{var1}}</td>
</tr>
{{var1==true.end}}
{{thread_closed.start}}<img src="{{img_server}}msglock.gif" border=0>{{thread_closed.end}}
{{aend_tag.start}}</a>{{aend_tag.end}}[/b]

4. Das passende Eingabefeld (var1, var2, var3) unter Admin - Foren - Klick auf das gewünschte Forum mit dem HTML-Code für die Darstellung der Seite füllen.


Hinweis: Da das Eingabefeld für die Forenvariablen sehr klein ist sieht man leider bei längerem Code nur jeweils eine Zeile.
Empfehlung: Mit einem externen Texteditor den kompletten Inhalt des Eingabefeldes übernehmen oder neu erstellen, im Texteditor den Inhalt bearbeiten und per Copy&Paste den angepassten Inhalt aus dem Texeditor in das Eingabefeld übertragen. Hat man vorher alles herauskopiert sollte man natürlich das Eingabefeld erstmal komplett leeren sonst hat man alles doppelt und dreifach darin stehen.