Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

[Tastenplayer]

Ja der Erste mit dem Blau gefiel mir auch super und passt zum anderen Bild. Allerdings Titel sowie Beschreibung sind nicht mehr zu lesen mit der Farbe. Ist ja auch nicht unbedingt nötig, wenn es nur der hover Header wäre.

Kannst dir ja 24 verschiedene Header machen und jeden Tag was anderes anzeigen lassen

Wenn Du eine entsprechende Extension erstellst dafür

Im Ernst das wäre keine schlechte Idee. Fragt sich nur ob ich im Dezember die Zeit dazu habe. Ausserdem müsste ich dann zuerst einmal den Header responsiv korrekt umsetzen können. Momentan wären das 4 X 25Bilder Ladezeit des Forums wäre wohl richtung Schnecke. Oder ich müsste jeden Tag die Bilder ersetzen durch neue auf dem Server.

Irgendwie wäre das besser als jeder Adventskalender. Ich glaub das mach ich voll - so lange dauert das ja nun auch wieder nicht mit dem Hochladen.
Muss am Sonntag mal schauen, was ich beim Header genau machen muss, dass ich nur noch 1 oder 2 Bilder benötige, statt 4.

[Joyce&Luna]

Hast mal hier geschaut wegen dem responsiven?
https://phpbb-style-design.de/viewtopic.php?f=9&t=68
Vielleicht hilft es dir ja.

Ich bastel keine ext für so was

Anke

[Tastenplayer]

Danke Anke für den Link!

Ich habe jetzt mal die heruntergeladenen Icons angepasst. Ohne Icons geht es ja nun mal nicht [ externes Bild ] Ich hab die jetzt mal, wie im Prosilver als gif gespeichert. Im PNG Format sähen sie nur minimal besser aus.

Vermutlich müsste ich für die Beitragsicons das Schloss ohne Schlüsselloch nehmen. Wenn sie geschrumpft sind - sieht man es nicht mehr so gut. Mal sehen nächsten Sonntag.

[Tastenplayer]

Ich war so ein *Id*
Hatte es ganz am Anfang, mit Hilfe eines Beitrags auf phpbb.com, voll responsiv hinbekommen. Allerdings war das Bild viel zu klein. Respektive ich wollte dass die Schrift grösser ist. Irgendwie hatte ich das auch nicht korrekt abgespeichert
Jetzt bekomme ich das einfach nicht mehr so hin. Keine Ahnung warum. Klar mit der Headerlinks ext. bei mir mit den verschieden grossen Headerbilder klappt es. Jedoch mit deaktivierter Extension klappt es nicht.
Wollte ich jeden Tag ein anderes Headerbild einstellen, müsste es auf jeden Fall korrekt responsiv sein, denn sonst geht es nicht. Habe ich getestet.
Habe zig mal die Änderungen wie auf .com beschrieben wieder vorgenommen. Klappt nicht mehr. Ärgerlich so was!
Nur gut, dass noch reichlich Zeit ist.
Bin jetzt wieder bei Leichtrot gelandet, was für ich einfach zu Weihnachten gehört.
Header hover [ externes Bild ]Profil hover [ externes Bild ]
Immerhin habe ich ob dem ganzen Responsiven festgestellt, dass ich die Kalender Ext. farblich in der responsiven Ansicht auch noch anpassen muss

Was macht ein Responsiv-Dummie?! Er findet zufällig dieses Bild - versetzt den Schlitten ganz nach links(ist jetzt leider zu weit rechts) und schon ist es ohne Änderung in jedem mobilen Gerät voll responsiv(ausser im iPhone 4 Portrait). [ externes Bild ] Leider besteht jetzt das Problem, dass das ganze rote hover Innenleben nicht mehr gut dazu passt. Ausserdem sollte es ja ein Schlichtstyle mit Hover-Headerbild sein. Also ein passenderes Bild als das wird kaum mehr möglich sein.

[Tastenplayer]

Voll krass
Hab mal die silver_xmas.css sortiert/aufgeräumt. Die stylesheet.css vermeintlich korrekt geändert. Alles meiner Meinung nach, nicht benötigte gelöscht.

Jetzt Xampp gestartet - Style eingeladen - ja da hab ich schön doof ausgesehen. [ externes Bild ]
Icons werden von Prosilver angezeigt - Schrift ist überdimensional - in der Extension von Waldkatze werden nicht mal mehr die Videos angezezeigt.

Innen sieht es auch extrem aus [ externes Bild ] Immerhin enthält er innen jetzt Kontraste, die Anke ja wollte
Schau jetzt mal wie es aussieht, wenn ich nur die geänderte silver_xmas.css einlade. Die stylesheet.css so lasse wie vorher sowie alle gelöschten Dateien drinn lasse. Sonst eben wieder ab in die diversen Anleitungen...

Fehler liegt eindeutig nicht an der aufgeräumten silver_xmas.css. Jetzt sieht der Style wieder normal aus!
Gut bei YT Lehrlingsvideo angeschaut - Dateien aus der stylesheet.css gelöscht in overall_header sowie simple_header rein - Dateien aus dem Style gelöscht - cache gelöscht, wird immer noch alles korrekt angezeigt(ausser, dass nun wieder die Prosilver Icons angezeigt werden sowie blauen Border innen im Style). Vielen Dank Lehrling für Deine super guten Videos!

Jetzt muss ich nur noch herausfinden, wie ich das mit dem responsiven logofreien Header das erste mal hinbekommen hatte. Dann wäre der Style fertig. Doof, dass es irgendwie wieder überschrieben wurde.

[Joyce&Luna]

Ich hoffe du arbeitest mit sicheren Boden und hast immer ein Backup vom Style, wenn du was größeres Veränderst.

Anke

[Lehrling]

ausser, dass nun wieder die Prosilver Icons angezeigt werden

Hast du diesen Abschnitt zu den Icon Images aus dem colours.css von prosilver (beginnend mit Zeile 675) in dein Stylesheet übertragen?
Das musst du tun, denn solange dein Style hier an der Stelle auf das colours.css von prosilver zugreift, werden die Grafiken von prosilver angezeigt, da dies der Pfad im colours.css ist. background-image: url("./images/announce_read.gif");

[Tastenplayer]

Danke Lehrling
Habe ich auch gemerkt und alle eingefügt. Fehlt nur noch, dass ich wieder rausfinde wie ich den Header responsiv hinbekommen hatte sowie dass er wieder klickbar ist. Sonst scheint alles mit dem Style zu stimmen.
Ein paar Kleinigkeiten könnte man natürlich schon noch verbessern

Mit dem Responsiven beisst sich ein Anfänger wirklich die Zähne aus
Mindestens 10mal hab ich den ganzen Style zerschossen.
Ich kann machen, was ich will irgendwo stimmt es dann doch wieder nicht.
Es war schon responsive - allerdings sah das Hoverbild schei..... aus. Klickbar war das ganze auch schon - jedoch das Weihnacht 2017 stand oben links statt unten rechts. Heute startete ich den Style - da stand dort nicht mehr Weihnacht 2017 sondern div headerbar Keine Ahnung was ich gestern spät Abends da gemurkst hatte.
Jetzt wäre es zwar responsiv(Titel samt Beschreibung müsste eliminiert werden)[ externes Bild ]- jedoch wer was erkennen möchte benötigt Brille Zudem sieht es doof aus, mit dem schmalen Headerstreifen.

Code: Alles auswählen

.headerbar {
   background-image: url("./images/header.png");
   background-repeat: no-repeat;   
   background-position: center;   
   background-color: #e8e8e8; 
   background-size: contain;
   color: #f4f4f4;
   border: 2px solid #f4f4f4;
   border-radius: 2px;  
}

Und klaro das Hoverbild ebenso klein sieht sack doof aus.
So wie ich das sehe vermutlich zu kompliziert mit Hoverbild, denn wenn es beim Headerbild einigermassen stimmt - sieht eben das Hoverbild doof aus, da oben und unten riesen Rand.
Gebe ich den Code "100% auto" ein wird bei 1250px unten der Text abgeschnitten - beim Hoverbild entsteht eben wieder ein riesen Rand, was nun wirklich nicht der Hit aussieht.

Also wenn ich so im Netz rumsuche - mit background-size: 100% auto oder cover, müsste ich für den Header eine Höhe angeben in der overall_header.html. Zudem wird es beim Hoverbild so immer oben und unten riesen Rand geben. Das wird dann so wohl nichts.

[Tastenplayer]

Ich hoffe du arbeitest mit sicheren Boden und hast immer ein Backup vom Style, wenn du was größeres Veränderst.

Im Prinzip schon, nur habe ich zwei Mal Mist gebaut und irgendwie falsch abgespeichert. Jedenfalls war alles futsch!

Responsiv Header mit Hoverbild scheint fast unmöglich - ausser man findet das genau passende Hoverbild. Jeden Tag ein anderes Hoverbild ein Ding der Unmöglichkeit Stimmt die responsive Ansicht des Headers klappt es wieder nicht mit dem Hoverbild und umgekehrt.

Immerhin habe ich schon mal den Titel mehrfarbig hinbekommen(ist jetzt über dem Header). Allerdings müsste er riesig sein, dass auch alle Farben angezeigt werden. Deshalb jetzt halt nur noch Rottöne.

Den passenden Adventskalender hätt ich immerhin schon mal gefunden. Frage mich nur die ganze Zeit: Wo kommen da die Bilder rein
http://www.lehre.jan-wieners.de/wisem15 ... nd-jquery/

[canonknipser]

Wo kommen da die Bilder rein

Öh, in einen Ordner img, je tag ein Bild 1 bis 24 mit der Endung .jpg, also 1.jpg, 2.jpg usw.

Code: Alles auswählen

<img src="img/' + i + '.jpg">