phpBB.de

vfrblue hat geschrieben: So habe ich nicht die ganzen .css-Dateien aufgelistet. Ich finde es auch übersichtlicher.

Lehrling hat geschrieben:Dass dein Hintergrundbild in der headerbar nicht mitzoomt (nicht responsiv ist) liegt übrigens daran, dass du deiner headerbar eine feste Höhe von 220px; zugewiesen hat. Das Bild "orientiert" sich daran. Das background-size: cover; funktioniert nur, wenn keine festen Breiten oder Höhen definiert wurden.

Wären ein paar Tipps zum Vorgehen beim Entwickeln okay, damit es für Dich und uns übersichtlicher und leichter nachvollziehbar bleibt?

Dass mit dem Einbinden der prosilver Stylesheets ist eine Vorgabe von .com. Seit 3.2.0 ist das Standard.

.headerbar {
	background: #eeeeee; /* Old browsers */ /* FF3.6+ */
	background-image: url("./images/header.png"); 
	background-repeat: repeat-x; 
	background-position: center;
	color: #f4f4f4;
	border: 2px solid #f4f4f4;
	border-radius: 2px;
	height: 220px;
	background-size: cover;    
}

Lehrling hat geschrieben:Der eigene Style sollte so minimalistisch wie möglich sein. Das ist von phpBB.com so erwünscht.

Tastenplayer hat geschrieben:Nur wird es mit der Zeit eben ziemlich unübersichtlich, da muss ich Anke Recht geben!

Du kannst den Code auch modular/objektbezogen anordnen oder die Datei in Abschnitte analog zu den Namen der Ursprungsdateien unterteilen usw.
Falls Dein Editor über die Option verfügt. kommentierte Sprungmarken zu unterstützen, kannst Du auch damit arbeiten und bestimmte Codebereiche leichter auffindbar machen.

Da in diesem Style hier über die stylesheet.css nur die eine Datei modern.css importiert wird, die dann sämtliche stylespezifischen Anpassungen enthält, könnte diese modern.css sogar ganz entfallen: einfach den geänderten Code direkt in die stylesheet.css schreiben und die Importregel dafür weglassen

Tipps:
Lege dir ein Verzeichnis an, welches nur die aktuelle phpBB-Version einschließlich dem Standard-Style Prosilver enthält, welches wiederum dein Design beinhaltet, dass du anbieten magst und arbeite darin in dem jeweiligen Design. Eine Demo muss/sollte sodann parallel erstellt werden, die die Interessierten Benutzer ohne jegliche Erweiterungen "anleitet".
viewtopic.php?p=1373549#p1373549

du solltest dich davon loslösen, dass du dein Konzept auf Anwender übertragen möchtest (xmas und Co.)
Deine Konzepte in deinem phpBB-Forum haben mit deinem Angebot nichts zu tun. Maßgeblich ist die colours.css,

font-family: Blippo, fantasy, sans-serif;

Ja ich habe geahnt, dass es krass wird - deshalb befindet sich mein silver_xmas Style ja auch im Offtopic-Bereich Allerdings ist es trotzdem unschön, wenn ein Anfänger den Versuch wagt einen komplizierten Style zu erstellen(Hat sich rein zufällig durch eine Spielerei halt einfach so ergeben) - leider gibt es davon seit phpbb 3.2.0 ja so wenige, man hat kaum Styles zur Auswahl. Fand ich ziemlich arm und wollte Abhilfe tun. Etwas mehr Verständnis wäre wünschenswert - sonst hat man wenig Motivation weiterzumachen an dem Teil.
Also zum Teil war der Runterputz schon ziemlich krass, auch wenn ich hart im Nehmen bin und drauf gefasst war. Irgendwie muss man doch mal anfangen. Immerhin hat es mit der Wrapborder geklappt, was überhaupt nicht einfach war - das ganze Gerüst war ziemlich happig zu erstellen. Ob es am Schluss so geht, wie ich das angefangen habe, bleibt abzuwarten. Ist halt immer schwierig wenn es eben dunkle und helle Teile hat im Style betreffend sich überschneidener Schriften(Farbe mein ich)

1. Ein "jungfräuliches" fürs eigentliche Basteln
2. Eines, in dem ich zusätzlich Extensions installiert habe, die sich optisch auf den Style auswirken bzw. Seiten/Elemente hinzufügen

• Die geplanten Änderungen sind in einzelne Blöcke ("Module") unterteilt, die Änderungen umfassen, die in meinen Augen zusammengehören (vermeidet, an zu vielen Baustellen gleichzeitig zu arbeiten und wichtiges zu vergessen)
  Diese Blöcke, eventuell in Teilschritte unterteilt, werden dann sukzessive abgearbeitet, bis sie in sich soweit stehen, dass sie auch funktionieren. (Auf diese Weise lässt sich dann auch der Code gleich mit in "Blöcke" untergliedern, die, entsprechend kommentiert, übersichtlich bleiben)
• Es gibt einen "Spickzettel" bzw. eine Checkliste, was was alles an Änderungen geplant ist => so werden gegenseitige Abhängigkeiten sichtbar, die die Reihenfolge beim Bearbeiten beeinflussen, und es lassen sich zusammengehörige Arbeitsschritte zu den angesprochenen "Blöcken"/Teilblöcken zusammenfassen.

1. eine, an der ich aktuell bastele - was dort an Teilschritten soweit erst einmal als "fertig" abgehakt ist, wird dann übernommen in
2. diejenige, die die angefangenen, in sich bereits funktionalen aber noch nicht vollständig abgeschlossenen "Module" enthält. Erst wenn diese vollständig und getestet sind, kommen sie in
3. diejenige, die zum Download und Testen freigegeben werden kann.

Es war ein Fehler, den Style hätt ich einfach nur Anke zum Download schicken sollen

Tastenplayer hat geschrieben:Also zum Teil war der Runterputz schon ziemlich krass, auch wenn ich hart im Nehmen bin und drauf gefasst war. Irgendwie muss man doch mal anfangen.

Talk19zehn hat geschrieben:du solltest dich davon loslösen, dass du dein Konzept auf Anwender übertragen möchtest (xmas und Co.)

Joyce&Luna hat geschrieben:Sie wollte den Style ja noch gar nicht zur Ansicht frei geben, erst als ich danach gefragt habe und du ihr sagtest sie soll den ersten Beitrag anpassen, erst da hat sie den Style zum Download bereitgestellt.

Foren-FAQ hat geschrieben:Alle hier vorgestellten Styles sollten für jeden freizugänglich (ohne Freischaltung etc.) sein.

Um dir da zu helfen, wäre es vielleicht ganz gut wenn du den Style zum Downloaden bereit stellst.

Joyce&Luna hat geschrieben:Das Ganze ein bisschen sortiert und zurecht gerückt, dann passt es doch.

Tastenplayer hat geschrieben:Obwohl Google immer so fortschrittlich sein will, konnte der gute Chrome mit meiner font-family Spezialschrift nicht klar kommen.

@font-face {
    font-family: blippo;
    src: url("./font/blippo.ttf");
}