MyBB.de Forum
CSS-Klassen in Forenbeschreibung - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: CSS-Klassen in Forenbeschreibung (/thread-37516.html)

CSS-Klassen in Forenbeschreibung - Tintenklecks - 02.11.2020

Hallo ihr Lieben,

der Klecks hätte nach langer Zeit (was daran liegt dass eure Software so toll funktioniert) gern mal wieder ein Problem, bzw. eine Frage. 

Ich möchte gern Bilder in meine Forenbeschreibungen einbinden. Dazu habe ich mich bisher beholfen indem ich Style-Tags in die Beschreibungsfelder eingebettet habe. Das sieht dann z.B. so aus: 

Code:
<div style><a href="https://forum1.lost-chronicles.net/forumdisplay.php?fid=146" ><img src="https://forum1.lost-chronicles.net/images/sonstiges/BilderStartseite/Event.png" width="557" height="135"
style="filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; khtml-opacity:0.8; opera-opacity:0.8;" alt="Residenzen" title="Inplaybereich für Events und Plots"></a></div>


Da ich aber jetzt auch ein Theme ohne Bilder erstellen möchte, hätte ich das gern mittels CSS-Klassen gelöst. Dazu habe ich in der Global.CSS folgende Klasse erstellt: 


Code:
.forumstyle1 {
background: url(images/sonstiges/BilderStartseite/Event.png);
width:557px
height:135px
filter:alpha(opacity=70); /* IE */
opacity:0.7; /* allgemein */
-moz-opacity:0.7; /* Mozilla */
-khtml-opacity:0.7; /* KTHML */
-opera-opacity:0.7; /* Opera */
}


In der Forenbeschreibung sieht es dann so aus:

Code:
<div class="forumstyle1"><a href="https://forum1.lost-chronicles.net/forumdisplay.php?fid=146"></a></div>


Allerdings bekomme ich dann im Forum kein Bild angezeigt. Jetzt die Frage aller Fragen: Was mache ich falsch? Gehört das überhaupt in die Global.CSS rein oder muss ich das woanders machen? 

Wär prima wenn da jemand nen Tipp hätte Smile

Liebe Grüße vom Klecks

RE: CSS-Klassen in Forenbeschreibung - Schnapsnase - 02.11.2020

Beispiel:

Code:
.forumstyle1 a {
display: inline-block;
width: 100px;
height: 100px;
background: url(images/sonstiges/BilderStartseite/Event.png);
}


RE: CSS-Klassen in Forenbeschreibung - Tintenklecks - 03.11.2020

Schnapsnase! 

Wie immer mein Held, danke schön!  Big Grin