Adventskalender für phpbb3?!

[LuCkY_1]

hi Kirk danke erstmal für deine mühe
aber es funktioniert nicht Cache ist natürlich geleert worden
habe es nun ein paar mal kontrolliert aber es mag wohl nicht

[Kirk]

Wenn du alles richtig gemacht hast müste es eigentlich funktionieren ich hab es bei mir genau so drin und es klappt.
Keine Ahnung warum es bei dir nicht funktioniert.

[LuCkY_1]

auf einmal gehts schaue gerade und TADAAAAAAAA
aber bei meinen Test ging es nicht naja DANKE DIR VIELMALS

[Kirk]

Schön das es doch funktioniert.
Gern geschehen.

[Sandra95]

Hi, ich weiß es ist etwas früh aber besser jetzt als kurz vor Weihnachten.
Ich habe mir die MOD installiert (Der Downloadlink hat sich übrigens geändert: http://www.spieleresidenz.de/board/dm_e ... .php?id=29) und sie läuft auch gut, nur beim Design hab ich noch Probleme.
Der Kalender sieht bei uns jetzt so aus: http://img5.fotos-hochladen.net/uploads ... tpd4sb.png
Ich möchte gerne links und rechts ein Hintergrundbild einfügen, so wie hier:

Hi Würzi!

Wenn Du so "halbblind" bist wie ich, freust Du Dich unheimlich, wenn Du die Zahlen wenigstens siehst *grins*

So, hab auch Hintergrund hinbekommen, und jetzt sieht das so aus:

http://i33.tinypic.com/n53fhk.jpg

http://i35.tinypic.com/35ch8w8.jpg

Die Beschreibung wie man ein Hintergrundbild dort einfügt ist hier:

Hallo!

Hintergrund: zuerst ein Hintergrund GIF oder JPG in Dein Template/theme/images raufladen.

Dann im CSS (Stylesheet) bei "tables" unterhalb der "row3" eine "row4" anlegen:

Code: Alles auswählen

}

.row4 {
	background-image: url('./images/back.jpg');
	padding: 4px;

Statt back.jpg setzt Du Deinen Hintergrund ein.

Dann öffnest Du in styles/deinstyle/template/ die advent.html Datei und in diesem Teil ersetzt Du die vorgegebenen row's mit dem neuen row4:

<!-- BEGIN kalender -->
<tr>
<td class="row4" align="center">
<br />
<table width="602" border="0" cellspacing="0" cellpadding="5" background="{kalender.IMG}" height="402">
{kalender.KALENDER}
</table>
<br />
</td>
</tr>
<tr>
<td class="row2" align="center"><span class="gen">{kalender.KA_TEXT}</span></td>
</tr>
<!-- END kalender -->
<!-- BEGIN tag_akt -->
<tr>
<td class="row4" align="center">

Wenn Du mehrere Templates hast, dann für jedes Template machen.

Danach Cache für themes und templates und allgemeinen Cache leeren! Auch Browsercache.

In meiner styles/theme/stylesheet.css gibt es aber row3 überhaupt nicht.
Und der Kalender wurde wohl seitdem auch mal erneuert denn in der Datei styles/template/advent.html steht nicht mehr

Code: Alles auswählen

<tr>
<td class="row4" align="center">

sondern

Code: Alles auswählen

<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header"><dl><dt>{L_ADVENT}</dt></dl></li>

Kann mir da jemand helfen?

[Talk19zehn]

Hello Sandra95, um was für eine Grafik handelt es sich? Insofern kann ich zunächst lediglich meine Idee vortragen, die dir evtl. bereits weiterhilft. Ließe sich deine Grafik kacheln, wie in meinem Falle ( vgl. repeat) ? Ich erstellte eine Grafik in der Größe von 155x230px und speicherte diese im Verzeichnis
theme / images
( Style Prosilver ) ab.

CSS hinzufügen
* content.css

Code: Alles auswählen

ul.bgadventpanel {
	background-color: #010423;
	background: url("{T_THEME_PATH}/images/bgweihnacht.jpg") repeat;
	padding: 58px;
	font-size: 1.4em;
	font-style: italic;
}

Der Paddingwert ( hier von oben 58px ) beträgt hier rd. ein 1/4 der Grafikhöhe ( 230px ). Mitunter kann ein hälftiger Wert auch einen wunderbaren Effekt ergeben. Je nach Grafik eben...

HTML
* advent.html

suche

Code: Alles auswählen

		<ul class="topiclist forums">

ändere in

Code: Alles auswählen

		<ul style="list-style-type:none;" class="bgadventpanel">

Bedenke, dass du die Schriftfarbe unterhalb des Kalenders ( je nach Bild ) evtl. anders farblich formatieren musst. Beispielsweise

suche

Code: Alles auswählen

<td style="padding: 4px">{kalender.KA_TEXT}</td>

ändere in

Code: Alles auswählen

			        		<td style="padding: 4px; color: white;">{kalender.KA_TEXT}</td>

Ggf. sind zudem weitere Farbwertänderung für die Schriften erforderlich ( beachte bitte die Hintergrundfarbe #010423 in meinem Beispiel ). Von daher ist´s ebenso denkbar diese Zelle(n) andersartig zu formatieren: Beispiel

Code: Alles auswählen

			        		<td style="padding: 4px; color: white; background-color: #12A3EB;">{kalender.KA_TEXT}</td>

Nicht in allen Browsern seinerzeit getestet.

Viele Grüße

* = Edit

[Sandra95]

Hi Talk19zehn, danke für deine Antwort, klingt ja wieder kompliziert.
Also meine Datei ist auch eine zum kacheln, sie ist 200 x 200 groß.
Kannst du mir noch sagen, in welchen Dateien ich das CSS und das HTML eintragen und ändern muss?

[Talk19zehn]

Hi Sandra95, Uuuppsss - nachgetragen. Entschuldige bitte.


LG


BTW: Klingt komplizierter, als es tatsächlich ist.

[Sandra95]

Stimmt, hat super geklappt danke

[Sandra95]

Ich habe gelesen dass man diesen Portalzusatz zu dem Adventskalender automatisch nur in der Zeit vom 01.-26. Dezember sieht.
(Hat jemand vielleicht ein Foto wie das im Portal aussieht?)
Geht das auch mit Links in der overall_header.html, das ein Link nur in dem Zeitraum sichtbar ist?