Re: Tool zum Nachverfolgen von CSS Code
Verfasst: 10.01.2016 21:53
Ja aber er bringt mich auch nicht vom Codeschnipsel einer css Datei zum jeweiligen Part der Webseite. Ansonsten aber sicherlich Hilfreich.
phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/
Klaus 1412 hat geschrieben: In der entsprechenden CSS-Datei den Wert entsprechend ändern, abspeichern und Seite neu laden.
Dummerweise gibt es im ungünstigsten Fall gleich mehrere Dateien, mit Einträgen für eine ID oder Klasse. Da schlägt halt der Informatiker durch: je komplizierter, umso besser - muss ja nicht jeder verstehen - oder anders ausgedrückt, man hätte es sicherlich auch einfacher gestalten können.
Naja wenn man ewig nichts mehr mit programmieren zu tun hatte und dann (fast) keinerlei css und php Vorkenntnisse besitzt versucht man es erstmal einfach zu haltenKlaus 1412 hat geschrieben:Ich habe gut zwei Tage damit verbracht, meine Stylesheets neu anzupassen - mit Firebug für Firefox.
Im Prinzip ist es relativ einfach, wenn man sich ein wenig mit CSS auskennt. Im linken Fenster (im HTML-Code) den Bereich mit dem Mauszeiger überfahren, den man untersuchen möchte (wird in der Vorschau blau markiert). Das gesuchte HTML-Tag markieren und im rechten Teilfenster den CSS-Code untersuchen bzw. verändern. Die Live-Vorschau zeigt direkt die Auswirkung.
In der entsprechenden CSS-Datei den Wert entsprechend ändern, abspeichern und Seite neu laden.
Dummerweise gibt es im ungünstigsten Fall gleich mehrere Dateien, mit Einträgen für eine ID oder Klasse. Da schlägt halt der Informatiker durch: je komplizierter, umso besser - muss ja nicht jeder verstehen - oder anders ausgedrückt, man hätte es sicherlich auch einfacher gestalten können.
Um einen Syle wirklich gut anpassen zu können, muss man ggf. noch eigene Klassen dazupacken oder in nachfolgenden Beschreibungen ergänzen.
Hier wird sehr gut weitergeholfen, bin vollauf zufrieden. ich arbeite mich jetzt eben nach und nach durch alles durch, dabei lerne ich es kennen. Mir ist es so lieber als einfach nur das neueste phpb runterzuladen, keinerlei Änderungen vorzunehmen und einfach als Forum anzubieten - wenn dann Probleme auftauchen, während das forum im betrieb ist - das wird lustigTalk19zehn hat geschrieben:Tja, stimmt schon __> gewusst wie. Eine differenzierte Anleitung habe auch ich nicht gefunden.![]()
Das KnowHow ist mühsam, wenn einem zur Umsetzung, dem ProzedereKlaus 1412 hat geschrieben: In der entsprechenden CSS-Datei den Wert entsprechend ändern, abspeichern und Seite neu laden.
Dummerweise gibt es im ungünstigsten Fall gleich mehrere Dateien, mit Einträgen für eine ID oder Klasse. Da schlägt halt der Informatiker durch: je komplizierter, umso besser - muss ja nicht jeder verstehen - oder anders ausgedrückt, man hätte es sicherlich auch einfacher gestalten können.
.. so einiges nicht plausibel oder möglich ist, gar verständlich erscheint. Insofern kann man kaum abhelfen, wenn derartige Fragen gestellt sind. Die Antwort steht und fällt mit dem Hintergrundwissen. Man sollte ggf. den dortigen Support aufsuchen. Klar ist, dass phpBB.de dies nicht leisten kann.
Man kann nur ein Werkzeug kundtun, die Einstellungen und Vorgaben liegen allein beim Anwender.Eine verbindliche anstatt einer pauchalen Vorgehensweise gibt es eben nicht wirklich.
Grüße
Danke!Kirk hat geschrieben:Evtl. nützt einem dieses Video um sich mit Firebug etwas vertrauter zu machen.
Code: Alles auswählen
html, body {
color: black;
<!-- background-color: silver; -->
background: #FFCC00;
background: -moz-linear-gradient(top, #FFCC00 0%, #ffffff 66.6%, #339933 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFCC00), color-stop(66.6%, #ffffff) ,color-stop(100%, #339933));
background: -webkit-linear-gradient(top, #FFCC00 0%, #ffffff 66.6%, #339933 100%);
background: -o-linear-gradient(top, #FFCC00 0%, #ffffff 66.6%, #339933 100%);
background: -ms-linear-gradient(top, #FFCC00 0%, #ffffff 66.6%, #339933 100%);
background: -prefix-linear-gradient(top, #FFCC00 0%, #ffffff 66.6%, #339933 100%);
background: linear-gradient(to bottom, #FFCC00 0%, #ffffff 66.6%, #339933 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC00', endColorstr='#339933', GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC00', endColorstr='#339933', GradientType=1)";
}
Oder schaue auch mal hier vorbei: http://www.w3schools.com/cssref/pr_background-image.aspbackground: #1e5799; /* Old browsers */ ... ff
genannt....(...)...
•All submissions need to be compatible with the latest version of phpBB 3.1. See the Style Changes page for more information.
•Submissions must be compatible with Internet Explorer 8 (and above) and Firefox. ◦If there are minor display issues with your style in a specific browser (i.e. Internet Explorer, it may still be submitted as long as it does not interfere with any phpBB functionality. Please detail any known display issues with your style upon submission.
...(...)...
17.01.2016, 19:32
Quelle: https://www.phpbb.com/styles/ssp/
Die Reihenfolge ist entscheidend. Eine nachfolgende Anweisung ersetzt eine Vorherige.unicorn75 hat geschrieben:...
Vielleicht ne dumme frage aber trotzdem ^^ Spielt die Reihenfolge der css Anweisungen innerhalb der colours.css eine rolle?
...
Wenn ich den Forenhintergrund mit einem Farbverlauf versehen will, reicht dann "background" oder muss ich "background-image" nutzen? ...
Ok also mal lieber nicht in der css aufräumen und ordnen ^^Klaus 1412 hat geschrieben:Die Reihenfolge ist entscheidend. Eine nachfolgende Anweisung ersetzt eine Vorherige. ....Genau das ist ja das Problem bei dem Stylesheet des Forums. ...... Die oberste Anweisung ist die letzte Anweisung, die verwendet wird.unicorn75 hat geschrieben:...
Vielleicht ne dumme frage aber trotzdem ^^ Spielt die Reihenfolge der css Anweisungen innerhalb der colours.css eine rolle?
...
Wenn ich den Forenhintergrund mit einem Farbverlauf versehen will, reicht dann "background" oder muss ich "background-image" nutzen? ...
Das Schöne ist ja, dass man so eine Änderung in Firebug direkt testen und sehen kann, bevor man in der css-Datei etwas ändert.
Die Frage mit 'background' oder 'background-image' ist relativ einfach zu beantworten: bei 'background-image' wird nur auf das Bild verwiesen. Bei 'background' kann auch auf das Bild verwiesen werden, d.h. 'background' ist die universelle Anweisung, in der die Farbe, das Bild, die Wiederholung usw. zusammen angegeben werden kann.
Ja ich hatte den code für die farbverläufe direkt aus dem prosilverstyle genommen und nur auf der seite verglichen, einzig eine zeile für älteren IE beigefügtTalk19zehn hat geschrieben:Hi, das sind nur wenige Seiten; Sehr schön siehst du hier, was man u.U. momentan für Farbverläufe braucht, nutzt: http://www.colorzilla.com/gradient-editor/
....
Im Grunde kann man sich am QT von phpBB selbst orientieren.
Gruß