Neues Board version 3.2.2 Frage

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: Neues Board version 3.2.2 Frage

Beitrag von Melmac »

AnfaengerZ hat geschrieben:der obere Rand der Topicboxen ist Blau (sollte lila sein).
Dein Board aufgerufen mit:
IE11, Edge, Firefox 61.0.2/64-Bit, Opera 55.0.2994.37/64-Bit, Chrome 68.0.3440.106/64-Bit => der Hintergrund wird in allen Browsern einheitlich violett angezeigt.

So, wie es Deine colours.css vorgibt:

Code: Alles auswählen

.forabg, .forumbg {
	background-color: #0076B1;
	background-image: url(./images/ra.gif);
	
	background-repeat: repeat-x;
}
Hast Du mal den Board-Cache geleert?
AnfaengerZ hat geschrieben:Die Topicbuttons für read/unread sind überdimensional groß
Auch das kann ich nicht nachvollziehen.

Mal ne Frage:
Warum hast Du das hier

Code: Alles auswählen

.headerbar {
    background-image: url(./images/back.png);
    height: 55px;
    background-repeat: no-repeat;
    padding: 0;
}
wieder in die custom.css eingefügt?

------------------------
Joyce&Luna hat geschrieben:Ich finde man sollte beide Alternativen anbieten was das Responsive Logo angeht.
Keine Frage, soll man auch - man sollte aber nicht mehrere Alternativen gleichzeitig umsetzen wollen: wenns ans Editieren von Code geht, sollte man sich auf eine Alternative festgelegt haben.

Von daher ja auch meine Frage: nach welcher Alternative wird jetzt vorgegangen?
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
AnfaengerZ
Mitglied
Beiträge: 127
Registriert: 13.05.2018 07:48
Wohnort: 28000

Re: Neues Board version 3.2.2 Frage

Beitrag von AnfaengerZ »

Melmac hat geschrieben:wieder in die custom.css eingefügt?
Ich fürchte ich habe noch nicht verstanden, wie das Banner sonst in den Header kommt!?

In der Extension von Dir kann ich keinen Pfad angeben, wenn ich es aus der css als Befehl rausnehme, woher weis die css welches Bild in den Header kommt? :-?
Melmac hat geschrieben:Von daher ja auch meine Frage: nach welcher Alternative wird jetzt vorgegangen?
Ich hab jetzt erstmal alles so gemacht wie von Dir vorgeschlagen. Daran halte ich mich jetzt erstmal.
Das Portal ist ja erst mal deaktiviert. Da guckt eh keiner rauf, nach Zugriffstatistik.......
Viele Grüße - AnfaengerZ
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: Neues Board version 3.2.2 Frage

Beitrag von Melmac »

AnfaengerZ hat geschrieben:Ich fürchte ich habe noch nicht verstanden, wie das Banner sonst in den Header kommt!?
Das Einfügen und Formatieren des Banners wird von der Extension vorgenommen :wink:
Sie bringt hierfür sowohl angepasste HTML-Files mit als auch ein Stylesheet mit den erforderlichen Regelsätzen.

Wenn Du mal in die overall_header.html von prosilver gehst, dann findest Du dort in Zeile 113 ein sogenanntes "Event"

Code: Alles auswählen

<!-- EVENT overall_header_headerbar_after -->
An dieser Stelle wird der Inhalt des gleichnamigen Eventfiles der Extension => /ext/kirk/site_logo_responsive/styles/prosilver/template/event/overall_header_headerbar_after.html eingeblendet.

In diesem Eventfile befindet sich der komplette Code für einen neuen Header: die Elemente des "alten" Headers werden über das CSS der Extension dann unsichtbar gemacht =>

Code: Alles auswählen

.logo {
	display: none;
}

.search-header {
	display: none;
}

.site-description {
	display: none;
}
In diesem Code wird dann auch der Link zur anzuzeigenden Grafikdatei definiert. Gehe mal in die Datei rein und schaue Dir die Zeile 3 an:

Code: Alles auswählen

<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.gif" class="site-logo-responsive" alt=""></a>
Das <img src="{T_THEME_PATH}/images/site_logo.gif" gibt die Datei und den Pfad zu ihr an, hier noch zur originalen Logo-Grafik von prosilver.
In der angepassten Version, die ich Dir angehängt hatte, ist das site_logo.gif einfach nur durch den Namen der von Dir vorgesehenen Grafikdatei ersetzt worden => <img src="{T_THEME_PATH}/images/back.png".

Nach dieser Änderung wird jetzt Deine eigene Grafik anstelle der ursprünglich dort genannten angezeigt.

Die Formatierungen, die diese Extension verwendet und mit denen sie teilweise diejenigen von prosilver ersetzt oder überschreibt, findest Du in der /ext/kirk/site_logo_responsive/styles/prosilver/theme/site_logo_responsive_3_2.css

Wie wird dieses Stylesheet bzw. der darin enthaltene Code eingebunden?
Öffne nochmals die overall_header.html und suche in der Zeile 70 nach folgendem Code:

Code: Alles auswählen

{$STYLESHEETS}
Dies ist ein Platzhalter. Alle Stylesheets, die von Extensions mitgebracht werden und eingebunden werden müssen, werden an dieser Stelle eingefügt und von Dort importiert.

Das bedeutet dann, weil dieser Code erst nach der Stelle kommt, an der die stylesheet.css aufgerufen wird, dass die Stylesheets (= das CSS) von Extensions erst nach dem Abarbeiten aller Stylesheets des Styles selbst zum Tragen kommen.
Deswegen kann in ihnen enthaltenes CSS auch das des Styles überschreiben oder modifizieren bzw. neues hinzufügen.

Es besteht also keine Notwendigkeit, den Code der Extension in eines der Stylesheets von prosilver einzubauen :wink:
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 2470
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Neues Board version 3.2.2 Frage

Beitrag von Joyce&Luna »

Ja da hast du Recht Melmac, für eine Alternative muss er sich entscheiden.
Natürlich ist eine Extension einfacher, ich bin eher eine die so wenig wie möglich an Extensionen installieren möchte.
Ich bin lieber etwas unabhängig von anderen Autoren, obwohl ich hier und dort Extensionen habe.
Aber das muss jeder für sich entscheiden.
Natürlich ist es am Anfang total easy, einmal klicken und man ist Happy.
Um jetzt nicht ganz vom Thema ab zu schweifen ...

@AnfaengerZ
Ich würde das Portal deaktiviert lassen, auch ich habe die Erfahrung gemacht das dies relativ wenig genutzt wird.
Du hast Recent Topic am laufen, ich würde es rechts anzeigen lassen. So kann jeder die neusten Beiträge sehen und anklicken.
Das Responsive hast du ja jetzt hin bekommen :D
phpBB-Style-Design.de

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Bitte stellt die Fragen im Forum und nicht per PN. Danke!
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: Neues Board version 3.2.2 Frage

Beitrag von Melmac »

Wenn es Dich beruhigt: auch ich gehöre zu denjenigen, die, wenn es mit einem vertretbaren Aufwand machbar ist, bestimmte Funktionalitäten lieber im Style selbst realisieren wollen.

Nur: dann bin ich danach aber auch für diesen Code selbst verantwortlich. Ich muss ihn nicht nur selbst einbauen (ihn also auch verstehen und beherrschen), sondern ihn danach auch selbst pflegen und dafür sorgen können, dass er die kommenden Styleupdates übersteht.
Wer, IMHO, noch ganz am Anfang steht und nicht bereits ein gewisses Maß an Grundwissen erworben hat, dem würde ich dann ersteinmal doch lieber zur Extension raten.

Sie macht ja nichts kaputt, greift nicht in den Style ein oder ändert auf geheimnisvolle Weise dessen Code - wenn ich es mir irgendwann mal zutraue, kann ich sie ja immer noch wieder deaktivieren und selbst Hand an den Style anlegen :wink:
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
AnfaengerZ
Mitglied
Beiträge: 127
Registriert: 13.05.2018 07:48
Wohnort: 28000

Re: Neues Board version 3.2.2 Frage

Beitrag von AnfaengerZ »

Melmac hat geschrieben:In der angepassten Version, die ich Dir angehängt hatte, ist das site_logo.gif einfach nur durch den Namen der von Dir vorgesehenen Grafikdatei ersetzt worden => <img src="{T_THEME_PATH}/images/back.png".
Danke sehr, jetzt hab ich es verstanden. Jetzt muss ich nur noch das Banner (back.png) anders formatieren und ersetzen das es in der mobilen Version etwas höher und somit deutlicher wird.
Joyce&Luna hat geschrieben:Aber das muss jeder für sich entscheiden.
Natürlich ist es am Anfang total easy, einmal klicken und man ist Happy.
Ich würde gerne mehr selber machen, dazu ist es aber wichtig das ich auch weis was ich dann da tue. Und das da noch Defizite sind ist ja mittlerweile kein Geheimnis mehr. ;-)
Ich werde mich aber hinterklemmen und lernen. Denn es wird der Moment kommen, wo ich das Wissen und Können brauche.
Joyce&Luna hat geschrieben:Ich würde das Portal deaktiviert lassen, auch ich habe die Erfahrung gemacht das dies relativ wenig genutzt wird.
Du hast Recent Topic am laufen, ich würde es rechts anzeigen lassen. So kann jeder die neusten Beiträge sehen und anklicken.
Ja, Portal bleibt bei mir auch erstmal aus. Ich sehe da keine Relevanz hinter.
Komisch ist bei Recent Topic, wenn ich es auf die Seite schiebe via Extensionseinstellungen, dann ist es auch nur wieder im ausgeloggten Zustand rechts. Eingeloggt ist alles beim alten trotz löschen aller Caches/Browserdaten. Auch Mobil. Hm....gehts schon wieder los hier *lach*

Danke für Eure tolle Hilfe und Erklärungen! :P

Ich hab noch ein paar Farbanpassungen gemacht und nun ist es gestalterisch erstmal rund (ausgenommen das höhere Banner).
Viele Grüße - AnfaengerZ
vfrblue
Ehemaliges Teammitglied
Beiträge: 1993
Registriert: 22.11.2016 18:46

Re: Neues Board version 3.2.2 Frage

Beitrag von vfrblue »

AnfaengerZ hat geschrieben: Komisch ist bei Recent Topic, wenn ich es auf die Seite schiebe via Extensionseinstellungen, dann ist es auch nur wieder im ausgeloggten Zustand rechts. Eingeloggt ist alles beim alten trotz löschen aller Caches/Browserdaten. Auch Mobil. Hm....gehts schon wieder los hier *lach*
Die Ansicht der "Aktuellen Themen" (Recent Topics) kann jeder User in seinen persönlichen Einstellungen individuell einstellen. Im ACP wird die Board-Vorgabe eingestellt. Durch die Option "User Einstellungen zurücksetzen" im ACP werden die Individuellen Einstellungen der Benutzer auf die Board-Vorgabe gesetzt, die du im ACP vorgibst. Und die "Installations-Vorgabe" ist "Ansicht oben", was auch bei den Usern dann voreingestellt wird.
Benutzeravatar
AnfaengerZ
Mitglied
Beiträge: 127
Registriert: 13.05.2018 07:48
Wohnort: 28000

Re: Neues Board version 3.2.2 Frage

Beitrag von AnfaengerZ »

vfrblue hat geschrieben:kann jeder User in seinen persönlichen Einstellungen individuell einstellen. Im ACP wird die Board-Vorgabe eingestellt.
Ok, mein Fehler, sorry. Jetzt stimmt es. :-?
Viele Grüße - AnfaengerZ
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: Neues Board version 3.2.2 Frage

Beitrag von Melmac »

AnfaengerZ hat geschrieben:Ich fürchte ich habe noch nicht verstanden, wie das Banner sonst in den Header kommt
[...]
wenn ich es aus der css als Befehl rausnehme, woher weis die css welches Bild in den Header kommt?
AnfaengerZ hat geschrieben:Ich würde gerne mehr selber machen, dazu ist es aber wichtig das ich auch weis was ich dann da tue.
Das ist doch eine gute Einstellung! Fragen mit diesem Hintergrund zu beantworten, ist dann auch kein "Stress": wir haben alle mal mehr oder weniger bei Null angefangen und selbst solche Fragen gehabt :wink:

Von daher: einfach weiter Fragen stellen, wenn mal was unklar ist.
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Neues Board version 3.2.2 Frage

Beitrag von Lehrling »

Ich hoffe, ich schreibe jetzt nichts Unpassendes (ich gebe zu, dass ich nicht alles mitgelesen habe), aber nur so zur Info, es ist möglich verschiedene Bilder für die jeweiligen Bildschirmgrößen einzubinden. Das Bild muss nicht zwingend mitzoomen. Du kannst auch drei oder vier Bilder erstellen, und die per @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) einbinden. Ich hoffe, das war jetzt irgendwie hilfreich. Ich steige bei diesem Thema nicht ganz durch. :-?
Antworten

Zurück zu „Styles, Templates und Grafiken“