(News)bilder mit Fließtext

silencerdeluxe · *Last edited by silencerdeluxe : 25.09.2008 at 12:11.*

Wer seine News mit einem (Kategorie)Bild aufwerten möchte, um den der Text fliesst, der kann mit folgendem BB-Code das ganze verwirklichen!

Ergebnis nach Anpassungen:
beispiel.gif

Anleitung:

* Gehe ins Admin-Control-Panel -> Eigene BB-Codes => BB-Code hinzufügen
* Titel : Bild mit rechtsumlaufendem Text
* Tag : imgr
* einzufügender Code :

Code:

  <img src="{param}" style="float:left; width:auto; margin-right:10px; margin-bottom:10px;" alt="" />

* Bei Beispiel folgenden Code einfügen :

Code:

 [imgr]images/misc/whos_online.gif[/imgr] TEXT TEXT TEXT TEXT TEXT TEXT

* {option} verwenden : Nein
* Schaltflächen-Grafik (Optional) : Könnt ihr folgende Grafik verwenden -> imgr.gif <- und dann in dem Feld den Pfad zu dieser Grafik angeben

Mit dem Tag [imgr]Grafik[/imgr] kannst du nun Bilder rechts umfließen lassen, für vbcms einfach noch ein paar Newsbilder designen und auf den Webspace legen, und den Benutzern mit Newsrechten an die Hand geben!

Da ich keine grösseren Grafiken mit wenig Text benutze, ist die folgende Änderung bei mir eher unwichtig gewesen, ansonsten ist eine Templateänderung nötig, da bei einer sehr großen Grafik und zeitgleich recht wenig Text die Signatur nach oben neben das Bild gezogen wird.

Suche im Postbit(_legacy) Template folgenden Code:

Code:

<!-- sig -->
            <div>

und ändere diesen wie folgt ab:

Code:

<!-- sig -->
<div style="clear:both;">

Die Anleitung ist von einem anderen Benutzer bei vbulletin-germany.org gepostet worden, ich dachte gerade für vbcms ist dies eine wichtige Anpassung und gehört hier auch nochmal erklärt

hcmagix

Das ganze geht auch mit linksbündig. imgl.gif

dazu einfach den Parameter auf rechts ändern sowie natürlich die Bezeichner und Grafik anpassen.

Quote:


	style="float:right;

Dann isses perfekt

*Christian*

Wirlich schönes Tutorial zumal es auch schon oft Thema hier war und viele Probleme mit dem erstellen des BBCodes hatten.

Ich hoffe, dass das nun besser wird.

Solch kleine Dinge machen die Arbeit für alle leichter.

Obi-Wan

okay, dann mal eine Frage an die Cracks, wie man es mit BBcode schaft, einen "externen" Link im vbcms im gleichen Fenster zu öffnen.

Dazu habe ich folgendes programmiert:

Titel: URL im gleichen Fenster öffnen
BB Code Tag: [urln=option][/urln]
Einzufügender Code: <a href="{param}" />
Beispiel: [urln="http://www.meisterkuehler.de"]www.meisterkuehler.de[/urln]
Beschreibung: Zeigt einen URL Link im gleichen Fenster an. Besonders wichtig für vbcms Navigationseinträge

{option} verwenden: JA
Tag entfernen, wenn es nicht verwendet wird: JA
BB-Code innerhalb dieses BB-Codes deaktivieren: JA
Smileys innerhalb dieses BB-Codes deaktivieren: JA
automatischen Zeilenumbruch innerhalb dieses BB-Codes deaktivieren: JA

Leider funktioniert das ganze nicht, warum weiß der Geier ... wer kann mir einen Tipp geben ?

*Christian*

Das ist kein gültiger HTML Code den du da schreibst:

2 Möglichkeiten, Quick & Dirty:

Code:

<a href="{param}">{param}</a>

oder mit Option

Code:

<a href="{option}">{param}</a>

Der BBCode Tag ist auch nicht korrekt, in deinem Fall müsstest du:

Code:

urln

eintragen.

Lies dir am besten die Adminstrations-Hilfe zu den einzelnen Punkten durch, es ist ziemlich gut erklärt.

RolandCP

Der Code mit recht- und linksbündig funktioniert ja soweit gut. Allerdings ist bei der Verwendung dieser Tags in den ersten Zeilen einer News anschliessend die Listenansicht des CMS-Moduls zerstört. Jeder Content wird nur noch als Sub-Content des neueren angezeigt.

gersultan

für Logos bei den News empfehle ich generell eine einheitliche Größe. Nett sind dann eben auch standardisierte Logos die ein Newsposter schnell und intuitiv einbinden kann.

Bei unserem Newsportal brauch ein Newsposter nur [logo]Microsoft[/logo] einzugeben, dann erscheint auf der rechten Seite das entsprechende (für unsere Seite angepasste) Logo. Wenn ihr Logos als Kategorieanzeige verwenden wollt, dann empfehle ich den Weg des 'Logo-Codes'.

Beispielansicht auf: Portal - Gamer-Oase.de - Foren

Der Code wäre:

<div style="float: right; margin-left: 5px"><img src="Mit_dem_Pfad_zu_den_Grafiken_ersetzen{param}.jpg" alt="News Logo" style="width:200px; hight:120px;" /></div>

Für Logos auf der linken Seite wäre dies entsprechend:

<div style="float: left; margin-right: 5px"><img src="Mit_dem_Pfad_zu_den_Grafiken_ersetzen{param}.jpg" alt="News Logo" style="width:200px; hight:120px;" /></div>

Hinweis: margin-left (oder right) geben die Lücke zwischen Grafik und Text an

Der BB-Code:

Titel: Logo für News
BB Code Tag: logo
einzufügender Code: <div style="float: right; margin-left: 5px"><img src="Mit_dem_Pfad_zu_den_Grafiken_ersetzen{param}.jpg" alt="News Logo" style="width:200px; hight:120px;" /></div>
oder entsprechend der für die linke Seite - siehe oben

Beispiel: [logo]RA3[/logo]
Beschreibung: Setzt das passende Logo in die News
{option} verwenden: NEIN
Rest: JA

com

Guten Tag!

Danke für diese Beschreibungen!

Funktioniert soweit alles recht gut - bis auf:

Wenn ich den BB-Code verwende - damit Links nicht per "_blank" geföffnet werden - finde ich unschön, das die gesamte URL angezeigt wird - wie kann dies optimiert werden - ich würde gerne das Wort "Kontaktformular" verlinken.

Danke!

Jessy

*Christian*

Die Links kommen bestimmt aus dem vBulletin oder? Di bindest du doch mit [url]http://www.vbdesigns.de/vbcms-tutorials/... ein, die haben immer target="_blank", da bleibt nur einen eigenen URL BBCode anzulegen, der ohne target="_blank" ist.

gersultan

Der BB-Code sollte wie folgt aussehen (basierend auf den Ansatz von Obi-Wan):

Quote:

Originally Posted by Obi-Wan


	Titel: URL im gleichen Fenster öffnen BB Code Tag: urln Einzufügender Code: <a href="{param}" >{option}</a> Beispiel: [urln=http://www.forum.de/sendmessage.php]Kontaktformular[/urln] Beschreibung: Zeigt einen URL Link im gleichen Fenster an. Besonders wichtig für vbcms Navigationseinträge {option} verwenden: JA Tag entfernen, wenn es nicht verwendet wird: JA BB-Code innerhalb dieses BB-Codes deaktivieren: JA Smileys innerhalb dieses BB-Codes deaktivieren: JA automatischen Zeilenumbruch innerhalb dieses BB-Codes deaktivieren: JA

beduino

Image right and left working fine

[first post]
tks !

joao barroca
aka beduino

WeserInfo

Christian,

ist das schon Standard bei der Artikelerstellung in der Contentverwaltung ?

Ich habe das o.g. jetzt mal nicht gemacht. Mein Ergebnis ist aber auch wie auf dem Anhang zu sehen.

Oder habe ich was übersehen ?