[3.2] [3.2.1] Modern

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.1/3.2, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 808
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Tastenplayer » 06.10.2017 17:52

Joyce&Luna hat geschrieben:Oh Weia :grin:
Also da gefällt mir das in S/W besser :D
Anke


Ach mönsch Anke - ich finde den besser 8) Der schwarz/graue hat mich mit dem ul.forums genervt!
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: 1442
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Joyce&Luna » 06.10.2017 18:08

Ach mönsch dann färbe sie doch anders :D
Mach eine Gradient Gif rein, vom dunklen ins hellere hinein.
Das kannst du übrigens auch für die forabg machen.
phpBB-Style-Design.de

Es kommt nicht darauf an, mit dem Kopf durch die Wand zu gehen, sondern mit den Augen die Tür zu finden.
Support zu meinen Styles, bitte die Fragen im Forum stellen und nicht per PN. Danke!

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

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Tastenplayer » 06.10.2017 18:12

Was glaubst Du, was ich heute zwischen dem Arbeiten ständig gemacht habe :lol:
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: 1442
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Joyce&Luna » 06.10.2017 18:13

Und wo ist das Ergebnis? :D

Ich sehe nix 8)
phpBB-Style-Design.de

Es kommt nicht darauf an, mit dem Kopf durch die Wand zu gehen, sondern mit den Augen die Tür zu finden.
Support zu meinen Styles, bitte die Fragen im Forum stellen und nicht per PN. Danke!

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

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Tastenplayer » 06.10.2017 18:25

Habe doch PN geschickt :wink:

Wie geschrieben: Es stimmte tiptop - sah super aus - passte mit silbergrau aus dem Logo(da es einen rötlichen stich hat) sowie mit dem Border. Jedoch die Schrift war kaum mehr zu lesen.
Jetzt sieht es tiptop aus - jedoch ist 3D was ich nicht wollte. Ausserdem sieht der Border nicht mehr so passend aus jetzt. Deswegen mein Versuch mit dem roten Border. Das silbergrau im Logo ist das Problem - es passt nur entweder ganz hell wie es bis jetzt war oder eben sackdunkel. Oder so wie der Code den ich Dir schickte, was dann aber eben nicht mehr so ganz zu dem Border passend ist. Schau jetzt mal ob ich bessern Border finde - dürfte allerdings schwierig werden.

Wie erwähnt: ich hatte es schon ganz genau passend - jedoch man konnte die Schrift kaum mehr lesen. Deshalb jetzt eben wieder etwas heller, leider!
[ externes Bild ]

So wäre es genau die Farbe wie im Logo aber der Border passt eben hinten und vorne nicht mehr so [ externes Bild ]

Hab jetzt mal die Farben etwas angepasst im Boarder sowie die Helligkeit etwas runtergeschraubt. Jetzt passt es fast wieder :) Könnte man schon noch besser hinbekommen. Schau übers Wochenende mal mit dem anderen Programm. Da muss ich jedoch zuerst mal die Bedienungsanleitung studieren. Corel habe ich ja leider nicht mehr, das fehlt jetzt schon. Da hätt ich wenigstens keine Probleme mit der Bedienung. Um jetzt hier auch mal offtopic zu werden: mit dem Corel Word Perfekt hatte ich im Restaurant eine Art Buchhaltungsprogramm kreeirt und damit die ganze Buchhaltung vom Geschäft geführt. Auf dem damaligen PC hatte es nicht mal ein CD Laufwerk und nicht mal Platz für ein ganzes Windows - musste auch abgespeckt werden. Die Kiste war schweineteuer und kaum was drin. Allerdings nie PC Probleme gehabt, wie man sie heute dauernt hat. Könnt ich heute wohl alles nicht mehr!
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!

Talk19zehn
Ehemaliger
Beiträge: 4377
Registriert: 08.06.2009 12:03

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Talk19zehn » 06.10.2017 19:57

Lustig, wenn dann höchsten an ongraydark 3.0.ff bzw. 3.1.xx... (ca. 8 meiner Styles von 41 offiziell an der Zahl sind dunkel). :grin:
Wo kann man sich denn nun dein Ergebnis anschauen, bin ja jetzt schon gespannt, wie ein Flitzbogen.

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

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Tastenplayer » 06.10.2017 20:09

Wo kann man sich denn nun dein Ergebnis anschauen, bin ja jetzt schon gespannt, wie ein Flitzbogen.

Meinst Du jetzt den normalen oder den Roten :lol:
Nö ich lass mich von niemandem mehr stressen. Meinem Mann geht es seit letzter OP sauschlecht. Muss also auch noch nach ihm schauen. Demzufolge mach ich den langsam und in Ruhe fertig :wink:

Gut das wäre jetzt das Resultat meines Forenstyles - um das Innenleben habe ich mich bis jetzt noch nicht gekümmert. [ externes Bild ]Der schwarze Hintergrund für das Logo müsste klar breiter und heller sein - sieht doof aus. Jedoch ich hatte etliches in Firefox geändert, konnte das Logo also nicht austauschen. Hier noch das Rote [ externes Bild ]

Zuerst müsste mal das responsive Problem des Headers in den Griff zu bekommen sein. Aussderm müsste wohl auch eine Alternative mit Forentitel über dem Wrap erstellt werden. Denn will jemand den Titel angezeigt haben, stimmt logisch im Header nichts mehr.
Zudem muss ich schauen, dass ich den ul.forums Farbcode flacher hinbekomme. Sieht doof aus, oben und unten Flach und in der Mitte 3D :). Allerdings jedes Mal, wenn es flach ist, passt die Farbe nicht mehr zur Farbe im Logo. Auch den Wrapboarder müsste ich noch besser umfärben.

Ja mit dem Header wird es happig oder vielleicht sogar unmöglich den responsiv hinzubekommen. Jedenfalls habe ich mal die Vorschläge auf .com ausprobiert mit dem Style. Ohne Logo in 3.2.0 geht es - aber in 3.2.1 eben so nicht mehr und mit dem Logo zusammen erst recht nicht.
Und wenn den gar nichts geht mit dem Header, dann eben eine Variante wie von Talk19zehn, obwohl ich eben nicht schon wieder fast das Gleiche wollte. Modernen würde es aber schon aussehen.
Aufräumaktion respektive alles in eine komplett neue Datei einzufügen dürfte nicht viel bringen, solange eben der Header nicht will, wie er soll. Ausserdem bin ich immer noch unschlüssig ob ich das wirklich alles in nur eine einzige Datei reinpacken soll. Einige Dinge, die nicht akzeptiert werden wollen würden vermutlich problemloser akzeptiert, wenn die Änderung eben in der dafür vorgesehenen Datei erfolgten.
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!

Talk19zehn
Ehemaliger
Beiträge: 4377
Registriert: 08.06.2009 12:03

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Talk19zehn » 07.10.2017 19:53

Tastenplayer hat geschrieben:
Wo kann man sich denn nun dein Ergebnis anschauen, bin ja jetzt schon gespannt, wie ein Flitzbogen.

Meinst Du jetzt den normalen oder den Roten :lol:
Nö ich lass mich von niemandem mehr stressen. Meinem Mann geht es seit letzter OP sauschlecht. Muss also auch noch nach ihm schauen. Demzufolge mach ich den langsam und in Ruhe fertig :wink:

Gut das wäre jetzt das Resultat meines Forenstyles - um das Innenleben habe ich mich bis jetzt noch nicht gekümmert. [ externes Bild ]Der schwarze Hintergrund für das Logo müsste klar breiter und heller sein - sieht doof aus. Jedoch ich hatte etliches in Firefox geändert, konnte das Logo also nicht austauschen. Hier noch das Rote [ externes Bild ]

Zuerst müsste mal das responsive Problem des Headers in den Griff zu bekommen sein. Aussderm müsste wohl auch eine Alternative mit Forentitel über dem Wrap erstellt werden. Denn will jemand den Titel angezeigt haben, stimmt logisch im Header nichts mehr.
Zudem muss ich schauen, dass ich den ul.forums Farbcode flacher hinbekomme. Sieht doof aus, oben und unten Flach und in der Mitte 3D :). Allerdings jedes Mal, wenn es flach ist, passt die Farbe nicht mehr zur Farbe im Logo. Auch den Wrapboarder müsste ich noch besser umfärben.

Ja mit dem Header wird es happig oder vielleicht sogar unmöglich den responsiv hinzubekommen. Jedenfalls habe ich mal die Vorschläge auf .com ausprobiert mit dem Style. Ohne Logo in 3.2.0 geht es - aber in 3.2.1 eben so nicht mehr und mit dem Logo zusammen erst recht nicht.
Und wenn den gar nichts geht mit dem Header, dann eben eine Variante wie von Talk19zehn, obwohl ich eben nicht schon wieder fast das Gleiche wollte. Modernen würde es aber schon aussehen.
Aufräumaktion respektive alles in eine komplett neue Datei einzufügen dürfte nicht viel bringen, solange eben der Header nicht will, wie er soll. Ausserdem bin ich immer noch unschlüssig ob ich das wirklich alles in nur eine einzige Datei reinpacken soll. Einige Dinge, die nicht akzeptiert werden wollen würden vermutlich problemloser akzeptiert, wenn die Änderung eben in der dafür vorgesehenen Datei erfolgten.


Sorry für das "Vollzitat", anderen ist´s erlaubt, insofern in dem Falle hoffentlich auch mir. :D

Hallöchen das ist mir zu "hoch" und ich habe leider kein Wort verstanden. :-? Anhand von Grafiken ist eine Beurteilung nicht möglich. Des Weiteren ist die Erstellung eines Child-Styles durchaus, wie in dem Muster ersichtlich, machbar und u.U. je nach Konzept phpBB-konform und valide unter Beachtung der Normen oder der phpBB-Strukturen.

Die Klasse Headerbar wächst mit ihrem Inhalt. Und weder deine erste noch zweite Variante berücksichtigte dies. Die Orientierung --> "graphitmodern" erfolgte, wie erörtert, an deinen Vorgaben.

Das HTML kann zum Beispiel auch so aussehen --> Auszug:

Code: Alles auswählen

      <div class="headerbar" role="banner">
      <!-- EVENT overall_header_headerbar_before -->
         <div class="inner">
            <div id="tpsitetext-orlogoonheaderbar">
               <a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><img src="{T_THEME_PATH}/images/site_logo.png" class="sitelogo-responsive" alt="" /></a>
               <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div>
         </div>
      <!-- EVENT overall_header_headerbar_after -->
      </div>


und das CSS in Folge z.B.:

Code: Alles auswählen

#tpsitetext-orlogoonheaderbar {
   text-align: left;
}


und responsive folglich zum Beispiel:

Code: Alles auswählen

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
   #tpsitetext-orlogoonheaderbar {
   text-align: center;
   }
}


Dies gab es ja bereits: :wink:
.sitelogo-responsive {
display: inline-block;
padding: 10px 0 5px;
max-width: 100%;
}


BTW:
Irritierend ist der textliche Inhalt deiner Grafik = site_logo :wink: Du kannst auch ein Spacer-Gif selbiger Größe nehmen :) (CSS-Anpassungen immer vorausgesetzt). Oder Your Logo gegen Welcome austauschen. Es ging dir doch darum, innerhalb der Headerbar einen Link zu schaffen...
Schaue noch einmal, das klappt schon!! Es ist wirklich nicht so schwer.

*Wobei "graphitmodern" sich bereits an deinen Vorgaben orientierte und sich daher responsive verhielt. Wer was wann und wie nutzt, kannst du im Vorfeld nicht abdecken. Der Seitenname, die Seitenbeschreibung, das Standardsuchfeld verhält sich *darin phpBB-konform (3.2.1) uvm., FEhler sind mir nicht aufgefallen. :wink:

Was das nun phpBB.com zu tun hat, kapiere ich nicht. :cry: Ich bin augenscheinlich dazu nicht in der Lage, dies zu beurteilen - tut mir leid. :oops:
Ich leiste Hilfe zur Selbsthile - dies verstehst du sicher.

LG
Zuletzt geändert von Talk19zehn am 07.10.2017 20:45, insgesamt 1-mal geändert.

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

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Tastenplayer » 07.10.2017 20:44

Bild des Styles war doch lediglich zur Anschau, wie es bis jetzt aussieht - also das sollte doch nun wirklich klar sein!
Dies gab es ja bereits: :wink:

.sitelogo-responsive {
display: inline-block;
padding: 10px 0 5px;
max-width: 100%;
}

Das geht bei mir eben nicht!

Irritierend ist der textliche Inhalt deiner Grafik = site_logo :wink: Du kannst auch ein Spacer-Gif selbiger Größe nehmen :) (CSS-Anpassungen immer vorausgesetzt). Oder Your Logo gegen Welcome austauschen. Es ging dir doch darum, innerhalb der Headerbar einen Link zu schaffen...

Also das habe ich doch jetzt mehrfach deutlich erwähnt :-?
Das Headerbild ist kein Logo - ist auch nicht mehr klickbar! Das Quadrat in der Mitte(rot oder schwarz mit Text Your Logo ist das Logo - deshalb ja auch your logo) Da kann jeder sein Logo oder Text draufmachen - muss eben noch ein unbeschriebenes dabei sein! Weshalb soll dieser Text irritierend sein? Deutlicher gehts doch nun wirklich nicht mehr - eben das Logo dass Du da drauf haben willst an dem Platz. Mit oder ohne Quadrat! :lol: :lol: Es muss eben nur die gleiche Grösse haben. "Your Logo" ist doch eindeutig!
Kann man auch leer lassen, sieht dann aber doof aus - kann man auch "Modern" draufschreiben, finde ich aber auch doof. Kann man auch das Logo von phpbb draufmachen - sieht auch doof aus.
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!

Talk19zehn
Ehemaliger
Beiträge: 4377
Registriert: 08.06.2009 12:03

Re: [3.2] [3.2.1] [DEV] Modern

Beitragvon Talk19zehn » 07.10.2017 21:08

"Your Logo" bedeutet für Anwender u.U., dass sie riesige Größen verwenden. Dann hättest du die nicht um die Headerbar in der umfangreichen Form (Grafik) bemühen müssen.

Für mich kam die Headergrafik einem Logo gleich. So haben wir wohl verschiedene Auffassungen eines Designs. Denn auch die Klasse Headerbar kann ein Logo responsive beeinhalten, durchaus Sinn machen und ist auch nicht wirklich neu. :grin: Insofern bin ich von einem falschen Konzept ausgegangen, welches anfänglich zweimalig zur Verfügung gestellt worden ist. :-?
Ist nicht wichtig, ich habe offensichtlich zuviel Zeit ... :lol: :lol: :lol:

Grafik-Vorschau: *)

Und ja, wer in der Klasse Headerbar neben background-image: none; Anpassungen nutzt, kann dann wunderbar agieren. 8) Das stimmt und war/ist mir nicht unbekannt, gar entgangen.

Okay, sorry!

Allerbeste Grüße

*) Edit: 08.10.2017, 17:45
Vorschau_Grafik entfernt
Zuletzt geändert von Talk19zehn am 08.10.2017 17:45, insgesamt 1-mal geändert.

Verschoben von Styles in Entwicklung nach Styles, Templates und Grafiken am 02.11.2017 10:42 durch Melmac


Zurück zu „Styles, Templates und Grafiken“