Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Der Offtopic-Treff auf phpBB.de - Hier ist (unter Beachtung des phpBB.de-Knigges) fast alles erlaubt :-)
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 822
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Tastenplayer » 08.09.2017 19:59

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 :lol:

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 8) :lol: 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.
Startseite: https://www.my-tastenworld.ch
Mein Portal: https://www.portal.my-tastenworld.ch/Mein Forum: https://www.forum.my-tastenworld.ch/

Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 1448
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Joyce&Luna » 08.09.2017 20:58

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 :D

Anke
phpBB-Style-Design.de

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Support zu meinen Styles, bitte die Fragen im Forum stellen und nicht per PN. Danke!

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 822
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Tastenplayer » 10.09.2017 16:31

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.
Startseite: https://www.my-tastenworld.ch
Mein Portal: https://www.portal.my-tastenworld.ch/Mein Forum: https://www.forum.my-tastenworld.ch/

Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 822
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Tastenplayer » 14.09.2017 09:25

Ich war so ein *Id* :evil:
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 :oops:
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 :lol:

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.
Startseite: https://www.my-tastenworld.ch
Mein Portal: https://www.portal.my-tastenworld.ch/Mein Forum: https://www.forum.my-tastenworld.ch/

Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 822
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Tastenplayer » 16.09.2017 09:31

Voll krass :lol: :lol:
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 :lol:
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! 8)

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.
Startseite: https://www.my-tastenworld.ch
Mein Portal: https://www.portal.my-tastenworld.ch/Mein Forum: https://www.forum.my-tastenworld.ch/

Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 1448
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Joyce&Luna » 16.09.2017 19:30

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

Anke
phpBB-Style-Design.de

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Support zu meinen Styles, bitte die Fragen im Forum stellen und nicht per PN. Danke!

Lehrling
Supporter
Supporter
Beiträge: 2922
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Lehrling » 17.09.2017 10:21

Tastenplayer hat geschrieben: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");

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 822
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Tastenplayer » 17.09.2017 14:21

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 :lol:
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 :o 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 8) 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.
Startseite: https://www.my-tastenworld.ch
Mein Portal: https://www.portal.my-tastenworld.ch/Mein Forum: https://www.forum.my-tastenworld.ch/

Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 822
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon Tastenplayer » 21.09.2017 22:26

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 :lol: 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/awb/ein-adventskalender-mit-html-css-javascript-und-jquery/
Startseite: https://www.my-tastenworld.ch
Mein Portal: https://www.portal.my-tastenworld.ch/Mein Forum: https://www.forum.my-tastenworld.ch/

Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
canonknipser
Supporter
Supporter
Beiträge: 1030
Registriert: 10.09.2011 11:14
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitragvon canonknipser » 21.09.2017 22:38

Tastenplayer hat geschrieben: 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">
Grüße, canonknipser
"there are only 10 types of people: those, who understand binary and those, who don't"
just arrived ;)
Kein Support via PN, nur im Board und (manchmal) im IRC


Zurück zu „Smalltalk“