Archiv verlassen und diese Seite im Standarddesign anzeigen : [Diskussion] Aussehen von Webseiten mit eigenen CSS-Vorgaben modifizieren
Diskussionsthread zum [HowTo] Aussehen von Webseiten mit eigenen CSS-Vorgaben modifizieren (http://www.computerbase.de/forum/showthread.php?t=504118) http://www.computerbase.de/forum/attachment.php?attachmentid=127496&d=1233590162 (http://www.computerbase.de/forum/showthread.php?t=504118)
Hinweis: Es werden noch weitere Style Sheets als Beispiele kommen, und der Text wird ebenfalls noch überarbeitet. Es lohnt sich also, ab und an mal reinzugucken ;).
Wer entsprechende Kenntnisse hat, der kann auch einen Stil für CB zu erstellen und diesen hier veröffentlichen. Wäre sehr schön, wenn wir dann eine kleine Sammlung an Alternativ-Styles hätten.
Kingfisher OK
23.11.2008, 20:10
Jojo
Ganz nett :)
A bissal klein aber es reicht.
Finds aber echt eine starke Leistung mit deinem Alter so etwas hinzubekommen :)
:daumen
LG
Achso...
ALLES GUTE ZUM GEBURTSTAG! :)
Da will wohl einer die CB seite modifizieren ;)
Ist eigentlich wirklich ne nette Idee.
Ich mach mal auch ´ne kleine Style-Modifikation.
Edit: An dieser Stelle will ich auf meine Modifikation von computerbase mit Javascript hinweisen. (http://b2x.b2.funpic.de/sonstiges/computerbase/modifikationen/)
Schaut es euch einfach einmal an, Feedback und Ideen für neue Modifikationen sind per PM immer willkommen ! ;)
Okya, danke schon mal für das positive Feedback. Eigentlich hab ich erst durch einen Artikel in der c't dieses Thema entdeckt, etwas CSS gelernt und das ist das Ergebnis ;).
Kingfisher OK
24.11.2008, 19:58
So geschiehts mit den meisten ;)
Ich habe auch irgendwo mal eine Anregung für den RivaTuner gefunden ;)
LG
So, hab nun ein weitere Designs hinzugefügt. In verschiedenen Farben ;). Guckt hier (http://www.computerbase.de/forum/showthread.php?p=5169024#post5169024).
Der Fließtext wird, wie bereits teilweise geschehen, auch noch deutlich überarbeitet. Hab schon einiges im Kopf, aber nicht die Zeit, um allzu viel umzusetzen.
bitfunker
02.12.2008, 16:02
Nice! Schon daran gedacht, sowas ähnliches für diejenigen zu machen, die immer noch ihre Websites mit Tabellen statt mit CSS strukturieren? Das wär fein! :daumen
Dann müsste man aber den einzelnen Tabellenzeilen und -zellen jeweils eine ID oder Klasse zuordnen. Geht das mit Javascript?
Man kann aber auch sonst 'ne Menge mit JS-Skripten anstellen, die man noch mit Greasemonkey (https://addons.mozilla.org/de/firefox/addon/748) automatisch für eine Website einbinden kann. Bin aber (noch) blutiger Anfänger in Sachen JS, deshalb wird diese Möglichkeit wohl erst später in den Artikel aufgenommen werden.
Kingfisher OK
14.12.2008, 20:28
Du kannst noch das Inhaltsverzeichnis direkt verlinken, weil du ja für jeden Punkt einen neuen Post gemacht hast ;)
LG
Kingfisher OK
15.12.2008, 18:55
Ich schreib dir den Quelltext, welchen du dann gerade reinkopierst ;)
EDIt.:
Ich sehe gerade dass du das doch schon gemacht hast:
Modifikationen an der CB-Seite
Weiterführendesbei diesen beiden hast du 2 Pfeile dahinter gemacht, welche gerade zum richtigen Thema führen ;)
Wenn du jetzt nur noch den Link so machst:
4. Modifikationen an der CB-Seite (http://www.computerbase.de/forum/showthread.php?p=5138975#post5138975)
5. Weiterführendes (http://www.computerbase.de/forum/showthread.php?p=5139017#post5139017)
sieht das ganze noch viel besser aus ;)
Jetzt machst du das ganze noch für das komplette Inhaltsverzeichnis... und das mach ich dir jetzt ;)
LG
Das ganze sieht dann so aus:
Inhaltsverzeichnis
Einleitung (http://www.computerbase.de/forum/showthread.php?t=504118)
CSS verstehen (http://www.computerbase.de/forum/showthread.php?p=5138975#post5138975)
Erforderliche Programme (http://www.computerbase.de/forum/showthread.php?p=5139017#post5139017)
3.1 Firebug
3.2 Stylish
Modifikationen an der CB-Seite (http://www.computerbase.de/forum/showthread.php?p=5169024#post5169024)
Weiterführendes (http://www.computerbase.de/forum/showthread.php?p=5169027#post5169027)
Und als webcode
Inhaltsverzeichnis
Einleitung (http://www.computerbase.de/forum/showthread.php?t=504118)
CSS verstehen (http://www.computerbase.de/forum/showthread.php?p=5138975#post5138975)
Erforderliche Programme (http://www.computerbase.de/forum/showthread.php?p=5139017#post5139017)
3.1 Firebug
3.2 Stylish
Modifikationen an der CB-Seite (http://www.computerbase.de/forum/showthread.php?p=5169024#post5169024)
Weiterführendes (http://www.computerbase.de/forum/showthread.php?p=5169027#post5169027)
LG
Okay, dann schreib ;)! Ich versteh zwar nicht den Sinn, aber mal sehen...
EDIT: Achso, das meinst du. Mach ich mal selber, hab das die ganze Zeit nicht beachtet. Aber ich werde wohl einen eigenen Pfeil machen, anstatt den von CB zu klauen.
EDIT: So, hab das Ganze jetzt mal gemacht.
Kingfisher OK
17.12.2008, 17:31
Ich würd mich noch über die berühmte Silver Edition freuen ;)
lG
Hallo,
http://www.css4you.de/
Hier wäre noch eine seite für CSS-Anfänger bzw welche die es lernen wollen, hat mir sehr geholfen.
Schönes HowTo
Okay, die Seite werd ich dann mal aufnehmen.
Ich würd mich noch über die berühmte Silver Edition freuen ;)
Was fü eine Silver Edition?
Kingfisher OK
21.12.2008, 15:28
Bis vor ein paar Tagen hatten das einige Moderationsmitglieder in der Signatur stehen ;)
Ich würde mich einfach über ein Silbernes CB freuen ;)
LG
Naja, könnte ich machen. Werd's grad mal mit GIMPportable versuchen.
EDIT: Zu langsam - geht nicht. Will auch nicht irgendetwas installieren.
Muss es dann zu Hause machen, also in paar Wochen.
Mit einem richtigen Verlauf im Metall-Stil, sind die Übergänge nicht so fließend. Mit grau gehts schöner, hab 6e6e6e genommen, kann man ja bei Bedarf aufhellen.
122215
Dateien:
122210122211122212
TchiboMann
26.12.2008, 18:33
Naja, mag ja ganz nett sein die Idee...
...ich persönlich halt davon allerdings gar nix. Nicht umsonst stecken Webmaster/-designer viel Arbeit ins Layout und Design einer Website... Im Prinzip kann man über diesen Weg eine Seite komplett redesignen, das Layout ändern (insbesondere bei non-tabellaren Websites) und so eventuell auch die ein oder andere Webfunktion so abändern, das es nicht mehr so funktioniert wie es vom Seitenbesitzer vorgesehen ist...
Man sollte jedenfalls die finger von lassen wenn man nicht weiss was man macht. Ich selbst hatte jedenfalls schon die ein oder andere Supportanfrage, wieso dies und das auf einmal nicht mehr funktioniert...
Meine persönliche Meinung dazu.
marcol1979
27.12.2008, 01:14
Weiss jemand wie man es schafft den Style zu erstellen wenn mehrere CSS Dateien genutzt werden ?
Nicht umsonst stecken Webmaster/-designer viel Arbeit ins Layout und Design einer Website...
Das stimmt, aber dennoch sind andere Stile durchaus praktisch. Meist muss man auch gar nicht so viel ändern, um eine Seite an die eigenen Bedürfnisse anzupassen.
Was wäre eine Welt voller Pessimisten... :D
Weiss jemand wie man es schafft den Style zu erstellen wenn mehrere CSS Dateien genutzt werden ?
CSS steht nicht umsonst für Cascading Style Sheets (siehe hierzu Wikipedia-Artikel: Kaskadeneffekt (http://de.wikipedia.org/wiki/Kaskadeneffekt)).
marcol1979
27.12.2008, 12:49
@Livven
Was ?
Die meisten Webseiten, wie auch meine, beziehen ihre Styles nicht nur aus einer CSS Datei sondern aus mehreren für Unterseiten etc.
Bei Firebug steht das dann auch immer dahinter, Zeile soundso bezieht sich auf datei***.css.
Und meine Frage war daher "Wie kann man bei Stylish die Einträge so erstellen so das Stylish weiss das gewisse Sachen sich auf Datei1.css ziehen, weitere Einträge auf Datei2.css etc. ?
Denke mal das die Frage nicht so schwer zu verstehen ist. :freak
Wie speichert man diese Styles ab ? sobald ich den Firefox schliesse haben sich die einstellungen in Firebug zurückgesetzt !
marcol1979
27.12.2008, 15:14
@`ggrrrr
Die muss man im Stylish speichern.
Eagle-PsyX-
27.12.2008, 21:45
Nette, wenn auch ein wenig sinnlose Idee. Schönes How-To.
Werde mal schauen, dass wenn ich nicht's zu tun hab auch ein Style schreib.
P.S.: Mit "Web Developer" --> "Keine CSS-Fehler" {schlecht übersetzt...) --> "Style Informationen anzeigen", kann man mit der Maus über einen Tag rüberfahren und somit sehen, zu welcher ID/Klasse es angehört.
P.P.S.: Hoffentlich werde ich nicht für AdBlock hier gepeinigt^^ Ich dreh mich im Grab um wenn ich Flash-Werbung ertragen muss, vorallem bei meiner Bandbreite :-(
Hi @ all,
Edit: das Script braucht man dann wohl nicht mehr ;) (http://www.computerbase.de/forum/showpost.php?p=5357222&postcount=213)
Mfg, Michi.
Und meine Frage war daher "Wie kann man bei Stylish die Einträge so erstellen so das Stylish weiss das gewisse Sachen sich auf Datei1.css ziehen, weitere Einträge auf Datei2.css etc. ?
Da hast du etwas falsch verstanden ;). Die Angaben in einem Benutzer Style Sheet beziehen sich nicht auf eine bestimmte CSS-Datei, sondern nur auf verschiedene Seiten.
Damit sich ein Eintrag in Stylish nur auf gewisse Unterseiten bezieht, schreibt man statt
@-moz-document domain("www.computerbase.de")
dies:
@-moz-document url-prefix("www.computerbase.de/eine_unterseite")
Nette Anleitung, aber:
Der Code für diesen Stil enthält Fehler, die bewirken können, dass er nicht funktioniert:
Unerwartetes Dateiende beim Suchen nach Ende der @media oder @-moz-document Regel. Unerkannte at-Regel oder Fehler beim Verarbeiten der at-Regel '}'.
Unerwartetes Dateiende beim Suchen nach Ende einer unbekannten at-Regel.
Möchten Sie diesen Code trotzdem verwenden?
Wird mir beim Antesten eines der CB-Styles gesagt.
Möchten Sie diesen Code trotzdem verwenden?Was passiert wenn du dies bejahst? ;)
Garnichts, das ist ja das Problem. Der Style wird nicht angenommen und nichts passiert, auch wenn er aktiv ist.
Habe es gerade nochmal probiert, bei mir kommt dieser Fehler nicht. Hast du den Code komplett kopiert und eingefügt?
Ja, mehrfach ausgetestet.
Version 3.0.5 von Firefox und das Addon auch aktuell.
Ich habe vor kurzen ein Program gefunden, daß ich als CSS Neuling recht praktisch finde. Es ist ein freies Program und sowas wie ein ist ein WYSIWYG CSS Editor.
Hab mir gedacht, daß vielleicht es vielleicht auch für andere hilfreich sein könnte.
Es kann hier http://www.hostm.com/css/ heruntergeladen werden.
ggiugihu887
04.01.2009, 22:37
Ist ja schön und gut das ihr hier Firefox mal wieder ins rampenlich stellt,aber man sollte auch erwähnen das CSS mit Opera schon länger geht.
Und es gibt auch dort ein forum das ein paar CSS styles hat.
http://opera-info.de/forum/board.php?boardid=18
Kevin1992
05.01.2009, 21:03
Ich möchte mich hier mal für den Artikel bedanken.
ComputerBase erstrahlt bei mir jetzt im Roten Design. ^^
So, nun sind also weitere Farben hinzugekommen.
Werde wahrscheinlich heute dann ein Kapitel zu JavaScript hinzufügen.
Nice Livven ;)
Aber bei deinem JS hat sich ein kleiner "Fehler" eingeschlichen:
var i = 0, j = 0; i < img.length; i++
( , muss ein ; sein und "j = 0; " gehört da wohl nicht hin ;))
Außerdem hat es den Nachteil, dass sich der Pfeil (in Threads unten bei "Direkt Antworten") beim draufklicken nicht mehr wie beim Original nach unten zeigt, sondern dauernd oben bleibt. Das nur als hinweis ;)
Edit: hier stand was falsches.
Ansonsten: gut gemacht, bin gespannt, was noch für Ideen (besonders zu JS) kommen ;)
Mfg, Michi.
Kevin1992
02.02.2009, 16:09
Vielen Dank für die neuen Farben. Sieht wiedermal klasse. =)
( , muss ein ; sein und "j = 0; " gehört da wohl nicht hin ;))
Ja, da ist mir wohl ein Fehler beim C&P eingeschlichen. Damit wollte ich ursprünglich dieses Problem lösen:
Außerdem hat es den Nachteil, dass sich der Pfeil (in Threads unten bei "Direkt Antworten") beim draufklicken nicht mehr wie beim Original nach unten zeigt, sondern dauernd oben bleibt.
Aber der Code hat nicht funktioniert, ich werde mir also eine andere Lösung einfallen lassen müssen.
Super Sache, fahre im Moment mit Orange - erinnert einen ein wenig an die gute, alte Zeit.
Mr. Snoot
04.04.2009, 17:45
Wieso das? CB war doch schon immer mehr blau als orange.
Blau gab es schon immer, ja, was ich meine ist das gaanz alte Layout:
http://pics.computerbase.de/1/3/5/6/5/2.png
(http://www.computerbase.de/forum/../bildstrecke/13565/3/)
Uepsilon
04.08.2009, 17:17
kurze frage: Kann es sein, dass Stylish keine vorhandenen Stylesheets überschreibt? Habe versucht damit mal eine Webseite umzugestalten für mich lokal, doch wenn ich mit Firebug vorbei surfe, dann seh ich immer, dass die Anweisungen aus meinem eigenen Style durch die Angaben im Stylesheet überlagert werden. (sprich durchgestrichen und das aus dem Stylesheet zählt).
Ist das immer so oder nur ein Bug?
Musst hinten an eine Deklaration, aber vor dem ; ein !important ergänzen. Ein entsprechender Button, der dies automatisch für jede Anweisung erledigt, war bei früheren Stylish-Versionen vorhanden, wurde nun aber warum auch immer gestrichen.
Aber hey, der Artikel ist nicht mehr so aktuell und es fehlen mittlerweile schon wieder ein paar Sachen. Werd ich mir in Deutschland (:D) dann annehmen ;).