Forum Topic Transparent

[Myrdin75]

Guten Abend

Ich möchte bei meinem Forum ( http://www.waechter-des-nordens.de/index.php ) alle Topic Hintergründe Transparent machen. Kann mir da einer helfen Ich finde, wie immer, nicht was ich suche.

Habe das prosilver Style installiert.

[Myrdin75]

Ok hier hab ich alleine die Lösung gefunden!

hierzu muss man die colour.css volgender maßen ändern:
Suche das:

Code: Alles auswählen

ul.forums {
	background-color: #eef5f9;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

Und ersetze es mit dem:

Code: Alles auswählen

ul.forums {
	background-color: transparent;
	background-image: transparent;
}

Suche dann das:

Code: Alles auswählen

.forabg {
	background-color: #0011b1;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

Und ersetze das mit:

Code: Alles auswählen

.forabg {
	background-color: transparent;
	background-image: transparent;
}

Dann müsst ihr noch die Schrift und Linkfarbe evt. ändern und schon sieht gut aus....

Das ganze gilt für das Standart Prosilver Style

[Michel_61]

Hey, Sauber,

das sieht gut aus und hast du gut hin bekommen!

Was ich noch verbessern würde, wäre die Farbhinterlegung wenn du mit der Maus rüberfährst, dann ist die Schrift nicht mehr lesbar.

Interessant wäre es dazu ob es einen Befehl für halbtransparent geben würde....

[Myrdin75]

Ja habe ich auch schon überlegt aber finde dazu nichts.

Was ich noch verbessern würde, wäre die Farbhinterlegung wenn du mit der Maus rüberfährst, dann ist die Schrift nicht mehr lesbar.

Würde ich am gerne in der Farbe #ff0000 haben....

Ich muss jetzt nur noch die unterforen transparent bekommen.

[Myrdin75]

Kann mir jemand sagen wie ich die Topics hier Transparent bekomme?
Finde da keine Zeile für.

http://waechter-des-nordens.de/viewforum.php?f=5

Das ganze sollte so wie auf der Startseite des Forum aussehen.

http://waechter-des-nordens.de/viewtopic.php?f=5&t=4

Das sollte dann auch Transparent werden....

[Myrdin75]

Hallöchen, ich bin wieder ein kleines Stück weiter:

Habe jetzt folgendes Geändert:

colours.css

Code: Alles auswählen

.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #e1ebf2;  }
.bg3	{ background-color: #cadceb; }

Ersetzt durch:

Code: Alles auswählen

.bg1	{ background-color: transparent; }
.bg2	{ background-color: transparent;  }
.bg3	{ background-color: transparent; }

Das ganze sieht jetzt so aus: http://www.waechter-des-nordens.de/viewforum.php?f=5
hier möchte ich jetzt noch den blauen Bereich ebenfalls transparent machen!

common.css

Code: Alles auswählen

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

Ersetzt durch:

Code: Alles auswählen

.bg1	{ background-color: transparent; }
.bg2	{ background-color: transparent;  }
.bg3	{ background-color: transparent; }

Sieht jetzt so aus: http://www.waechter-des-nordens.de/view ... hp?f=5&t=4

[Myrdin75]

Moin Moin

Jetzt habe ich es geschafft und es war simpel:

Einfach in der colours.css

Suchen:

Code: Alles auswählen

.forumbg {
	background-color: #0011b1;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

Ersetzen:

Code: Alles auswählen

.forumbg {
	background-color: transparent;
	background-image: transparent;
}

Danach die Stylekompenenten Theme aktualiesieren, den cache leeren, evt. den browser chache leeren und es klappt super.....

[Myrdin75]

hmmm hab mich wohl zu früh gefreut. Hab jetzt mal ein neues Thema eröffnet und da ist der topichintergrund wieder nicht transparent.
http://www.waechter-des-nordens.de/view ... hp?f=2&t=5


Es soll aber wie hier aussehen:
http://www.waechter-des-nordens.de/view ... hp?f=5&t=4

[Myrdin75]

Ich dummerchen.

Das war ein Zitat und das hatte ich noch nicht geändert.
Hier jetzt die anleitung wie ihr was ändern müsst:


Sucht das: in der colours.css:

Code: Alles auswählen

/* Quote block */
blockquote {
	background-color: #EBEADD;
	background-image: url("{T_THEME_PATH}/images/quote.gif");
	border-color:#DBDBCE;
}

.rtl blockquote {
	background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
}

blockquote blockquote {
	/* Nested quotes */
	background-color:#EFEED9;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #EBEADD;
}

Ersetzt es dann mit dem:

Code: Alles auswählen

/* Quote block */
blockquote {
	background-color: transparent;
	background-image: url("{T_THEME_PATH}/images/quote.gif");
	border-color: transparent;
}

.rtl blockquote {
	background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
}

blockquote blockquote {
	/* Nested quotes */
	background-color:transparent;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #transparent;