Seite 1 von 2

Styleänderung

Verfasst: 26.11.2010 12:38
von thoerske
Liebes Forumsteam,

Mods installieren, Benutzeradministrieren alles kein Problem.
Aber mich in den css Datei zurecht finden geht gar nicht.
Mein betreutest Forum ist http://forum.fishtownsozis.de. Der Style ist prosilver und eben mit einigen Mods bestückt und ich möchte jetzt ein weihnachtliches Aussehen zaubern. Stelle mir dazu vor dass dieses sehr in Blau gehaltene jetzt Rot sein soll. Ich weiß nur leider nicht wo ich was in den CSS ändern muss, damit sich beispielsweise die Rahmen rotfärben oder so...
Achja ich ab diese Möglichkeit angewandt das prosilverdesign zu kopieren und als zweites zu installieren..
Würde mich über Hilfe freuen oder aber auch über eine Liste welcher Befehl was im CSS auslöst bei prosilver...
Vielen Dank...

Re: Styleänderung

Verfasst: 26.11.2010 12:53
von Angel190
Wenn du weisst welche Mods installiert sind dann nimm doch z. B. dieses Template http://demo.phpbb3styles.net/Chrimbo und bauen nur wieder die Mods in die Template dateien ein

Das Style bassiert auf ProSilver, somit müsstest du aber auch einfach die template dateien (.html) aus dem ProSilver in dieses rein kopieren können ohne das großartig was passiert.

Wenn du selbst eins erstellen willst dann musst du jeden Farb-Code in den CSS Dateien anpassen, sowie alle Grafiken wie buttons, logo usw. was viel mehr aufwand wäre.

Re: Styleänderung

Verfasst: 26.11.2010 12:58
von thoerske
Also mir würde reichen zu wissen wie die bisher blauen Rahmen jetzt rot wären und die bläulichen Farbverläufe eben auch rötlich. Würde mir schon reichen :-D.
Dass glaube ich wäre weniger arbeit und das "alte" Design soll ja auch sichtbar bleiben.

EDIT: Hat sich erledigt hab das gefunden: http://beta.colorizeit.com/

Re: Styleänderung

Verfasst: 26.11.2010 19:32
von thoerske
Okay meine Idee war doch bescheiden schön zu viel rot...
Jetzt kam von einem Forumsuser ein Vorschlag:
Am Rand des Headers eine Girlande würde ja schön reichen. Also eine Girlande habe ich als .gif und ich denke die betreffende Datei ist die overall_header.html.
An welcher Stelle müsse ich die Girlande einfügen damit sie am unteren Rand des Headers erscheint, danke...

Re: Styleänderung

Verfasst: 26.11.2010 19:39
von 7emper5i
Hi,

das Problem ist, dass du relativ pauschal fragst ;)

der "Header" setzt sich in deinem Forum zB aus zwei Bereichen zusammen, einmal den großen blauen Kasten, in welchem du u.a. ein Logo eingebaut hast und einmal den Bereich, in welchem die Navigation untergebracht ist.
Unter welches der beiden Dinger möchtest du es denn haben?

Dann: WAS ist das denn für eine Girlande..., soll sie komplett von Links nach komplett Rechts gehen, so wie zB in Subsilver2, oder soll sie sich dem bestehenden Rahmen anpassen..., 90% Größe.. 80... oder nur ein kleiner Teil in der Mitte..

Fragen über Fragen.. ;)

Gruß

Re: Styleänderung

Verfasst: 26.11.2010 20:42
von thoerske
Gut wer gute Fragen stellt soll auch gute Antworten bekommen.
Ich möchte dort wo der "blaue Kasten" aufhört und der Navigationsbereich anfängt, also da wo im Moment noch dieser dünne weiße Streifen ist folgende Girlande einfügen:
http://forum.fishtownsozis.de/images/girlande.gif möglichst von ganz links bis ganz rechts.
Das ganze soll dann in einem kopierten Style (hab ich schon Weihnachtsstyle genannten) stattfinden, der für den Dezember zum erzwungenen "Standard" wird...

EDIT also zum Teil hab ich es jetzt hinbekommen. Aber leider wird die Girlande noch nicht auf die ganze breite ausgeführt...

Re: Styleänderung

Verfasst: 26.11.2010 22:27
von 7emper5i
Hi,

schreib mir bitte deine Änderungen als code -Block hier rein und dann schreib ich dir, was du wo noch anpassen solltest.

Gruß

Re: Styleänderung

Verfasst: 26.11.2010 22:31
von thoerske

Code: Alles auswählen

			<span class="corners-bottom"><span></span></span></div>
		</div>
		<div align="middle"><img src="http://forum.fishtownsozis.de/images/girlande.gif" alt="girlande"></img>
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

Re: Styleänderung

Verfasst: 26.11.2010 23:52
von 7emper5i
Hi,

ersetze den Teil:

Code: Alles auswählen

<div align="middle"><img src="http://forum.fishtownsozis.de/images/girlande.gif" alt="girlande"></img>
mit dem folgenden:

Code: Alles auswählen

			<style type="text/css">
					div.weihnachten {
					background-image: url(./images/girlande.gif);
					background-repeat: repeat-x;
					padding: 50px;
					}
			</style>

			<div class="weihnachten"></div>
das Bild: girlande.gif speicherst du der Übersicht halber dann im images-Ordner in deinem Foren-Root.

So solls dann aussehen:

[img=http://www.abload.de/thumb/unbenann2342351345t4zr2.png]


Gruß

Re: Styleänderung

Verfasst: 27.11.2010 00:38
von thoerske
Wow Klasse genau so wollte ich das... Vielen Dank...