Rahmen um verlinkte Bilder legen ?

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Benutzeravatar
derkubi
Mitglied
Beiträge: 666
Registriert: 19.10.2007 12:39
Wohnort: Wangerooge
Kontaktdaten:

Rahmen um verlinkte Bilder legen ?

Beitrag von derkubi »

Hallo

Ist es möglich um per img-bbcode verlinkte Bilder einen Rahmen zu legen ? Als Beispiel mal ne Fotomontage :

http://de-wangeroogers.de/bilder/thumbtopic.jpg

Das ist eigentlich der Rahmen vom Highslide&Attachment Mod , wäre cool wenn Fotos schon so im Beitrag stehen würden .
Liebe Helfer , jaaaaa ich habe die Such-Funktion benutzt , manchmal weiß ich nur nicht die richtigen Schlüsselwörter oder bin zu doof. Tips , Links ?
Benutzeravatar
derkubi
Mitglied
Beiträge: 666
Registriert: 19.10.2007 12:39
Wohnort: Wangerooge
Kontaktdaten:

Re: Rahmen um verlinkte Bilder legen ?

Beitrag von derkubi »

Hab mal selber was gebastelt , so hab ich meinen Rahmen und noch mehr . Es gibt verschiedene BBCodes um z.B. ein Bild zu verkleinern ( thumb ) , nebeneinander darstelle ( table ) oder mit Highslide anzeigen zulassen ( hsimg , Highslide-Mod wird benötigt ) , die habe ich mal in einem BBCode miteinander kombiniert :

BBCode

Code: Alles auswählen

[images={NUMBER1}x{NUMBER2},{TEXT}]{URL}[/images]
HTML Replacement

Code: Alles auswählen

<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" style="border: #000000 solid 8px" width="{NUMBER1}" height="{NUMBER2}" alt="Bild verkleinert - Klick für größere Anzeige" title="{TEXT} - Bild verkleinert - Klick für größere Anzeige" /></a><div class="highslide-heading" style="text-align: center">{TEXT}</div>
Anwendung

Code: Alles auswählen

[images=WIDTHxHIGHT,Bildtext]Bild-URL[/images]
Beispiel

Code: Alles auswählen

[images=240x180,Nettes Bild]http://www.meineseite.de/bilder/nettesbild.jpg[/images]
Was kann man damit nun anfangen :

Man stellt ein Bild per Link ein , es hat einen schwarzen Rahmen , Man kann ihm einen Mouseover-Text zuweisen , nach Klick öffnet es sich mit dem Highslide-Mod . Stellt man mehrere BBcodes in eine Reihe , werden auch die Bilder nebeneinander angezeigt , dabei kann natürlich jedes Bild seine eigene Größe haben und die Slideshow-Funktion geht auch .

Möchte man , daß der Bildtext von Attachments Bildern im Highslide-Popup angezeigt wird , mache man folgendes :

Öffne attachment.html

finde :

Code: Alles auswählen

<div class="highslide-heading"></div>
ersetze mit :

Code: Alles auswählen

 <div class="highslide-heading" style="text-align: center">{_file.COMMENT}</div>
Demo : http://www.de-wangeroogers.de/viewtopic ... =7&start=0
Liebe Helfer , jaaaaa ich habe die Such-Funktion benutzt , manchmal weiß ich nur nicht die richtigen Schlüsselwörter oder bin zu doof. Tips , Links ?
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“