Seite 1 von 3

Fragen / Tips zu Aero Xmas

Verfasst: 03.10.2012 11:01
von LisaserstesForum
Hi, wir benutzen den Style Aero: https://www.phpbb.com/community/viewtopic.php?t=639995
Ich möchte versuchen, den Style für Weihnachten ein bißchen weihnachtlich um zu gestalten.
Vielleicht habt ihr dabei Tips für mich, an die ich noch nicht gedacht habe?

Was mir bis jetzt eingefallen ist:
- im Header eine weihnachtliche Grafik einsetzen
- den Hintergrund in einen weihnachtlichen ändern
- Forenicons durch weihnachtliche Icons austauschen

Die Hintergrundgrafik von aero ist leider nur ganz klein und wird gezogen oder nebeneinander gesetzt, wie kann ich da einen weihnachtlichen Hintergrund einfügen?

Ähnlich ist es mit der Hintergrundgrafik von den Überschriften der Boxen, hier ein Beispiel: http://www7.pic-upload.de/03.10.12/cxgmoz37jip9.png
Auch diese Grafik ist nur ganz klein und dünn, kann man da vielleicht eine mit einer größeren Größe einsetzen?

Re: Fragen / Tips zu Aero Xmas

Verfasst: 03.10.2012 12:19
von mad-manne
LisaserstesForum hat geschrieben:Vielleicht habt ihr dabei Tips für mich, an die ich noch nicht gedacht habe?
Hallo Lisa,
keine Ahnung ob das für dich in Frage kommt aber suche einfach mal bei google nach "Javascript SChneeflocken" :roll:

Das wird gerne und oft genommen ... manche User fühlen sich von solchen Sachen belästigt andere finden es langweilig und widerum andere einfach toll ... wie das eben so ist mit den Geschmäckern über die man nicht streiten kann. 8)

Aber als Anregung sollte das auf jeden Fall taugen.

Gruss,
Manne.

Re: Fragen / Tips zu Aero Xmas

Verfasst: 03.10.2012 12:43
von Kirk
Hallo
Wie währe es denn mit einem Weihnachtsstyles,so können sich deine User selber entscheiden
was sie wollen.

Re: Fragen / Tipps zu Aero ( Xmas )

Verfasst: 03.10.2012 13:25
von Talk19zehn
Tipp Style Aero --> "Xmas"
Hi,
LisaserstesForum hat geschrieben:Was mir bis jetzt eingefallen ist:
- im Header eine weihnachtliche Grafik einsetzen
- den Hintergrund in einen weihnachtlichen ändern
- Forenicons durch weihnachtliche Icons austauschen
Idee zum Header: Kleinere weihnachtliche Grafiken aneinander zu reihen, fiele mir ein.

overall_header.html nach

Code: Alles auswählen

<div id="wrap">

Code: Alles auswählen

<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td class="tl"></td>
		<td class="tm"></td>
		<td class="tr"></td>
	</tr>
	<tr>
		<td class="ml"></td>
		<td class="navbar">
			<div style="text-align: center"><img src="{T_THEME_PATH}/images/weihnacht.png" alt="" /> <img src="{T_THEME_PATH}/images/stern.png" alt="" /><img src="{T_THEME_PATH}/images/paeckchen.png" alt="" /></div>
		</td>
		<td class="mr"></td>
	</tr>
	<tr>
		<td class="bl"></td>
		<td class="bm"></td>
		<td class="br"></td>
	</tr>
</table>
Selbige Tabelle mit anderen weihnachtlichen Grafiken dann evtl. noch einmal im Footer hinzufügen: undzwar vor

Code: Alles auswählen

	<div class="copyright">
Ganz hübsch ist auch der Effekt, bspw. die Icons
--> imageset/icon_topic_latest.gif
--> imageset/icon_post_target.gif
durch andere Miniaturicons ähnlicher Größe, zu ersetzen. Die imageset.cfg ist dann bitte anzupassen.

Weihnachtliche Grußtexte ließen sich über eine Schattenschrift im oberen Bereich für diese Zeit ganz einfach anlegen und als Mittel einer Dekoration kurzfristig zweckmäßig. Hierbei ist unbedingt ein Überlappen mit anderen Elementen zu vermeiden, da dies eine "Funktionsbeeinträchtigung der nachfolgenden Elemente" zur Folge haben könnte ( kleinere Auflösungen von daher bitte unbedingt testen ).
Overall_header.html
Einfügen bspw. nach:

Code: Alles auswählen

<a id="top" name="top" accesskey="t"></a>

Code: Alles auswählen

<div style="position: relative;">
<h1 style="position: absolute; top: 18px; left: 68px; color: white; font-weight: bold; font-size: 20px; z-index: 1;">Drei kurze Worte</h1>
<h1 style="position: absolute; top: 20px; left: 66px; color: black; font-weight: bold; font-size: 20px; z-index: 2;">Drei kurze Worte</h1>
</div>
Angabe zu "color: namentlich" bitte den Wünschen anpassen.

Ein Hintergrundbild würde ich persönlich ausklammern, da zu überlegen ist, dass ggf. Texte bzw. Links schlecht oder kaum lesbar sind.


Schneeflocken hatte ich durch einen Miniatursmiley mit Weihnachtsmütze ersetzt und dieses Script nur in der Anmeldemaske bzw. auch schon mal nur im PN-Popup laufen.

Grüße

Re: Fragen / Tips zu Aero Xmas

Verfasst: 03.10.2012 14:45
von LisaserstesForum
mad-manne hat geschrieben:
LisaserstesForum hat geschrieben:Vielleicht habt ihr dabei Tips für mich, an die ich noch nicht gedacht habe?
Hallo Lisa,
keine Ahnung ob das für dich in Frage kommt aber suche einfach mal bei google nach "Javascript SChneeflocken" :roll:

Das wird gerne und oft genommen ... manche User fühlen sich von solchen Sachen belästigt andere finden es langweilig und widerum andere einfach toll ... wie das eben so ist mit den Geschmäckern über die man nicht streiten kann. 8)

Aber als Anregung sollte das auf jeden Fall taugen.

Gruss,
Manne.
Hi Manne, danke für den Tip, ich habe da gleich ein schönes Script gefunden und eingebaut, wahrscheinlich mache ich dazu noch einen Ein/Aus-Schalter, da es ja wirklich Geschmackssache ist und niemanden nerven soll.


@Kirk
Den Style installiere ich als AeroXmas, so können die User wieder zu Aero wechseln, wenn sie keine Lust auf den Weihnachtsstyle haben.


@Talk19zehn: Die Idee mit den weihnachtlichen Grafiken aneinander gereiht im Header finde ich gut, das probiere ich nachher mal aus.
Weihnachtliche Grußtexte ließen sich über eine Schattenschrift im oberen Bereich für diese Zeit ganz einfach anlegen und als Mittel einer Dekoration kurzfristig zweckmäßig. Hierbei ist unbedingt ein Überlappen mit anderen Elementen zu vermeiden, da dies eine "Funktionsbeeinträchtigung der nachfolgenden Elemente" zur Folge haben könnte ( kleinere Auflösungen von daher bitte unbedingt testen ).
Overall_header.html
Einfügen bspw. nach:

Code: Alles auswählen
<a id="top" name="top" accesskey="t"></a>


Code: Alles auswählen
<div style="position: relative;">
<h1 style="position: absolute; top: 18px; left: 68px; color: white; font-weight: bold; font-size: 20px; z-index: 1;">Drei kurze Worte</h1>
<h1 style="position: absolute; top: 20px; left: 66px; color: black; font-weight: bold; font-size: 20px; z-index: 2;">Drei kurze Worte</h1>
</div>



Angabe zu "color: namentlich" bitte den Wünschen anpassen.
Hier verstehe ich noch nicht, was du damit meinst. Vlt steige ich aber noch durch. :wink:

Beim Style Aero dürfte es eigentlich keine Probleme mit der Lesbarkeit geben, wenn man ein anderes Hintergrundbild einfügt, denke ich.

Re: Fragen / Tips zu Aero Xmas

Verfasst: 03.10.2012 15:08
von Talk19zehn
Hello,
Schattenschrift: einfach ausprobieren, nachdem du die obere Tabelle eingebaut hast. Abstände ggf. neu positionieren.Meine Grafiken hatt rd. 35px x 35px in der Größe.

Hintergrundbild: von Fall zu Fall, es kommt auf die Grafik an. Ja und Nein.... :wink: Bedenke bitte nur einmal die Übersicht:

Aktuelle Zeit: Mi 3. Okt 2012, 12:28 = Schrift
[ Moderations-Bereich ] = Link

Und weitere Links nur in der oberen Übersicht betrachtet:
Unbeantwortete Themen • Ungelesene Beiträge • Aktive Themen • Neue Beiträge • Eigene Beiträge -------- >>> Foren als gelesen markieren

Ungeachtet der "Viewforum, Viewtopic" und so weiter. Manchmal ist weniger eben auch mehr. Der Aufwand kann immens sein, um Anpassungen vor zu nehmen ( von Fall zu Fall eben ). Du müsstest jene Klasse bedienen und anpassen - je nachdem, ob sich die Grafik kacheln ließe oder nicht -, zunächst das CSS - vgl. bitte blue.css - anpassen:

Code: Alles auswählen

body {
    background-attachment: scroll;
    background-color: #CCE3F3;
    background-image: url("./images/blue/bg.gif");
    background-position: center top;
    background-repeat: repeat-x;
}
und sodann ggf. die Schriftfarbe, die Linkfarben in den jeweiligen CSS-Verzeichnissen.

LG

Re: Fragen / Tips zu Aero Xmas

Verfasst: 05.10.2012 15:33
von LisaserstesForum
Mh, wahrscheinlich hast du Recht.
Mittlerweile tendiere ich dazu, den Hintergrund der Forenliste zu verändern, also dies:
http://www10.pic-upload.de/05.10.12/lzlxz6grhq2.png

Dort würde eine leicht transparente weihnachtlichte Grafik ganz gut passen, finde ich.
Über die Suche habe ich dieses Thema gefunden: viewtopic.php?f=89&t=222974&p=1272741&hilit=hintergrund
Der User hat es anscheinend geschafft, dort einen Hintergrund einzufügen: http://www.kurzehosenforum.com/viewforum.php?f=20
Leider schreibt er aber nicht, wie er das gemacht hat. Habt ihr einen Tip?

Re: Fragen / Tips zu Aero Xmas

Verfasst: 07.10.2012 01:19
von Knowhow-Sauger
Meinst Du sowas?:
http://www.kurzehosenforum.com/viewforum.php?f=13

Den Style hab ich selbst gemacht. Ist aber abgeleitet von pro-silver.
Den kann ich Dir fertig zuschicken, wenn Du willst.
Musst dann nur noch die details ändern.

Re: Fragen / Tips zu Aero Xmas

Verfasst: 07.10.2012 12:02
von LisaserstesForum
Ja, sowas in der Art, nur möchte ich mir aus dem Aero-Style da selbst was basteln.
Was mich interessiert ist, wie du hier http://www.kurzehosenforum.com/viewforum.php?f=20 den Holzhintergrund
in die Forenliste bekommen hast. :wink:
Denn ich möchte in der Forenliste auch eine Grafik und nicht nur die blaue Farbe im Hintergrund haben.

Re: Fragen / Tips zu Aero Xmas

Verfasst: 07.10.2012 20:41
von Knowhow-Sauger
Zunächst einmal brauchst Du eine Holzgrafik. Kannst auch meine verwenden.
Die nennt sich dann z.B. holz.jpg

In der Datei /styles/theme/colours
musst Du dann überall "holz.jpg" eintragen.
Leider kann ich Dir nicht genau sagen wo.
Willst Du den Holzhintergrund denn überall haben oder nur in der Foren-Übersicht? Weil bei mir ist der auch in den Threds.
Ich könnte Dir daher nur anbieten, dass ich Dir die colours.css zuschicke und da hast Du dann überall den Holz-Hintergrund.