[phpBB2] Tabbelenreihenhintergrund

[Taikon]

Hallihallo, ich mach mich momentan auch ran an unser Forum für unseren Clan.
Hab schon viel geschaut und gesucht im Forum, dass problem bei der Sache ist
das ich zwar meist ne Lösung finde, die aber so beschrieben ist das sie nur einer mit
besserer Erfahrung umsetzen kann.

Jetzt geht es mir aber hauptsächlich um:


Die rot eingekastelten Bereiche möchte ich gerne einzeln mit einem eigenen Hintergrundbild versehen
allerdings wie soll ich das machen?

Diesen CSS Code hatte ich bereits gefunden und ausprobiert, dass ergebnis war leider nicht sichtbar..

Code:

td.row2, td.row3, .row3Right {
    background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter13.jpg");
}

Ich hoffe jemand kann mir weiter helfen, vielen dank im vorraus!
Lg Taikon

[Günther]

Hallo und herzlich Willkommen, du bist neu hier im Forum. Mache dich bitte zunächst mit den hiesigen Forenregeln vertraut. Viele Antworten findest du auch in der Wissenssammlung "Lexi Help" Klick einfach auf das Bild Solltest du keine für dich passende Antwort in der Suchfunktion (Link in der Navigation) oder bei "Lexi Help" gefunden haben, dann eröffne pro Frage ein neues Thema. Ich wünsche dir hier im Forum viele Informationen und guten Erfolg mit deinem Forum

Um den Modulen ein Hintergrundbild hinzuzufügen, füge in dein CSS-Stylesheet unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
folgenden Code ein:

Code:

#left .row1, #right .row1 {
  background-image: url("BILDURL");
}

Für die Kategorietabelle findest du über die Suchfunktion passende Codes, z.B.:
https://hilfe.forumieren.com/t38013-phpbb2-hintergrund-tabellenreihe#248764
https://hilfe.forumieren.com/t17248-bilder-in-kategorien-einsetzen#105929
Mit Firebug kannst du dir ansehen, welche Klassen (.row1, .row2 etc.) sich auf welche Spalten beziehen, oder du siehst dir einfach in der Praxis die Auswirkungen an.

Sollte ein Code keine Wirkung zeigen, können wir uns die Ursache dafür nur genau ansehen, wenn du deine Startseite (vorübergehend) auch für Gäste einsehbar machst.

Liebe Grüße
Günther

[Taikon]

Vielen Dank, hatte diese links alle schon durchgekuckt und auch alles gemacht, wurde allerdings nicht übernommen.

Nun hab ich aber gemerkt das dies erst übernommen wurde als ich noch einen Code hinzugefügt habe. Der neue wurde nich übernommen dafür der alte.
Es hat zwar jetzt alles geklappt aber ich frage mich wieso das erst mit so einer extra wurst klappt?

Mal mein code:
[color=#ff0000]

Code:

td.row1 {
    background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter12.jpg");
}[/color]
td.row1 {
    background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter12.jpg");
}
td.row2, td.row3, .row3Right {
    background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter13.jpg");
}
______

Erst als ich das Rot makierte doppelt machte funktionierte aufeinmal alles.
Als ich diese aber weglies funktionierte nur:

Code:

td.row2, td.row3, .row3Right {
    background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter13.jpg");
}

Auch der Hintergrund der Module hat erst funktioniert nach der extra Wurst.
Bitte um erklärung, dann bin ich soweit beholfen =).

Mein Forum sollte normal öffentlich erreichbar sein: http://shnc.forumieren.eu/

[Günther]

Leider sehe ich als Gast auch weiterhin nur die Loginmaske, wenn ich dein Forum aufrufe.
Um das zu ändern, musst du (vorübergehend) in den Forenbefugnissen eines Forums festlegen, dass auch Gäste dieses sehen können.

[Taikon]

Stimmt hatte ich nicht gesehen danke, sollte nun funkionieren =)

[Günther]

Gut, danke.

Der Grund für dein Problem ist die Art, wie du dein Stylesheet strukturieren wolltest:

Code:

Striche entfernen:
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides, td.row3Right, th.thRight, th.thLeft {
    border: medium none;
}
___________________________________________________________________________________________________
Kategorie Seitenstreifen entfernen:
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
  border: none !important;
}
___________________________________________________________________________________________________
Modul Hintergrund:
#left .row1, #right .row1 {
  background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter12.jpg");
}
___________________________________________________________________________________________________
Forenanzeige Seitenstreifen entfernen:
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides, td.row3Right, th.thRight, th.thLeft {
    border: medium none;
}
___________________________________________________________________________________________________
Themen/Kategorie Trennungsstreifen weg:
.forumline.index-cats {
    background-color: transparent;
}
___________________________________________________________________________________________________
Themen/Beiträge/NeueBeiträge Hintergrund:
td.row1 {
    background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter12.jpg");
}
td.row1 {
    background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter12.jpg");
}
td.row2, td.row3, .row3Right {
    background-image: url("http://i55.servimg.com/u/f55/16/59/47/48/hinter13.jpg");
}
____________________________________________________________________________________________
Kategoiekopfschrift mit Glow:
a.gen, a.genmed, a.gensmall, .nav a, .maintitle h1, .maintitle + br + span.gen {
    color: #1A1A1A;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 0 0 4px #D2D2D2, 0 0 3px #FFFFFF;
}

In einem Stylesheet dürfen auf keinen Fall Text oder Striche einfach so zwischen den CSS-Codes eingesetzt werden.  

Kommentare dürfen in CSS nur folgendermaßen eingesetzt werden:
http://wiki.selfhtml.org/wiki/CSS/Syntax#Kommentare

[Taikon]

Alles klar, hab mich schon gewundert vielen lieben Dank!
Setzte mich erst seit kurzen mit CSS auseinander und benutze auch schon den
Firebug allerdings blick ich noch nicht so ganz durch.
Deshalb wollt ich lieber mal übersichtlich gestalten, jetzt weiß auf jedenfall weshalb auch die anderen codes nicht funktionierten, vielen dank nochmals!

[Günther]

Gerne.
Kommentare sind sehr hilfreich, insofern hattest du schon eine sinnvolle Idee. Nur musst du sie eben auch CSS-valide gestalten, um die Codes nicht zu stören.
-closed-