zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS im Browser editieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.10.2006, 18:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2006
Beiträge: 12
jonathan befindet sich auf einem aufstrebenden Ast
Standard CSS im Browser editieren

Hallo,

ich habe den Thread schon im Firefox-browser Forum gepostet. Da kam aber nichts mehr dabei raus. Jetzt möchte ich das selbe mal hier fragen, wo sich so viele mit CSS beschäftigen.

Hier der Thread:

momentan habe ich 2 Erweiterungen dafür installiert:

Web Developer
Color Picker


So, dann geh ich in der Web Developer Leiste auf "edit CSS". Wenn ich mit dem Colorpicker über die Seite fahre, zeigt er mir an, wie das entsprechende Element heißt und ich such es dann im Stylesheet (eingeblendet auf der linken Seite durch Web Developer).

Das ganze geht auch.

Jetzt wollte ich aber fragen, ob es auch eine Erweiterung gibt, wenn man in den CSS Code klickt, die entsprechenden Elemente auf der Website anzeigt und auch andersrum?

Das heißt, wenn ich im CSS Code auf ne Klasse oder ID klicke, soll auf der Website die entsprechenden Elemente markiert werden.
Damit könnte man leicht die CSS Dateien anpassen.

Gibt es sowas?

Gruß
Jonathan
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.10.2006, 09:18
Benutzerbild von sinistar
Schwarzschaf
XHTMLforum-Mitglied
 
Registriert seit: 28.06.2006
Beiträge: 108
sinistar befindet sich auf einem aufstrebenden Ast
Standard

Ich arbeite auch mit WebDeveloper und wenn Du die Erweiterung schon mal näher angeschaut hast, dann hat sie genau die gleiche erwähnte Funktion vom ColorPicker auch. Das Problem dabei ist, dass es Kindelemente gibt, die sich über das gesamte Elternelement ausdehnen, so dass Du quasi per Mausklick gar nicht an das Elternelement herankommst.

Andersherum wird es wahrscheinlich auch schwierig, eine Klasse in der Webseite zu markieren, da Klassen ja meist häufiger auftreten.

Also um es kuz zu machen, mir ist keine solche Erweiterung bekannt, aber ich lasse mich auch gern eines Besseren belehren und nehme Hinweise auf eine Existenz gern an.
__________________
Carpe diem! ...ma non dimenticare la notte.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.10.2006, 10:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Zitat:
Zitat von jonathan Beitrag anzeigen
Jetzt wollte ich aber fragen, ob es auch eine Erweiterung gibt, wenn man in den CSS Code klickt, die entsprechenden Elemente auf der Website anzeigt und auch andersrum?
Das ist mir nciht bekannt, aber meines Erachtens auch nicht nötig: Gib einfach für das Element, das dich im Edit-CSS-Bereich interessiert einen (dicken) Rahmen oder einen knallige Hintergrundfarbe an oder gar display:none; und Du siehst sofort auf der Seite wo es markiert wird bzw. verschwindet.
Mit Zitat antworten
  #4 (permalink)  
Alt 11.10.2006, 13:50
bel bel ist offline
Faulancer
neuer user
 
Registriert seit: 31.01.2005
Beiträge: 60
bel befindet sich auf einem aufstrebenden Ast
Standard

Hast du mal den DOM-Inspektor probiert? Der ist standardmäßig beim FF dabei.. unter Extras - DOM-Inspektor. Sehr nützliches Teil!
Mit Zitat antworten
  #5 (permalink)  
Alt 11.10.2006, 15:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2006
Beiträge: 12
jonathan befindet sich auf einem aufstrebenden Ast
Standard

Hallo,
danke für die Antworten.

@sinistar
Ich denke auch, dass das nicht unbedingt leicht zu realisieren ist. Wäre halt praktisch. Aber mit den Tools geht das ja auch schon relativ gut.

Zitat:
Zitat von mazzo Beitrag anzeigen
Das ist mir nciht bekannt, aber meines Erachtens auch nicht nötig: Gib einfach für das Element, das dich im Edit-CSS-Bereich interessiert einen (dicken) Rahmen oder einen knallige Hintergrundfarbe an oder gar display:none; und Du siehst sofort auf der Seite wo es markiert wird bzw. verschwindet.
Das mach ich momentan auch so, wenn ich nicht weiß welches Element gemeint ist. Ich passe gerade das Design eines Onlineshops an und bin
1. noch nicht so fit in CSS
2. mit dem CSS Code des Shops nicht vertraut.

Von daher bin ich dankbar für Tools, die mir das leichter machen.



Zitat:
Zitat von bel Beitrag anzeigen
Hast du mal den DOM-Inspektor probiert? Der ist standardmäßig beim FF dabei.. unter Extras - DOM-Inspektor. Sehr nützliches Teil!
Bei mir Firefox/1.5.0.7 find ich den DOM-Inspector nicht. Ist der wo anders versteckt oder gibts den erst mit 2.0?

Gruß
Jonathan
Mit Zitat antworten
  #6 (permalink)  
Alt 11.10.2006, 15:42
Benutzerbild von sinistar
Schwarzschaf
XHTMLforum-Mitglied
 
Registriert seit: 28.06.2006
Beiträge: 108
sinistar befindet sich auf einem aufstrebenden Ast
Standard

DOM-Inspektor: Strg+Umschalft+I (Extras -> DOM-Inspektor)
__________________
Carpe diem! ...ma non dimenticare la notte.
Mit Zitat antworten
  #7 (permalink)  
Alt 11.10.2006, 17:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von jonathan Beitrag anzeigen
Bei mir Firefox/1.5.0.7 find ich den DOM-Inspector nicht.
Man can den DOM-Inspector beim Installieren abwählen. Vielleicht hast du das gemacht. Einfach mal die aktuelle FF Version runterladen und drüber installieren.

Robin
Mit Zitat antworten
  #8 (permalink)  
Alt 12.10.2006, 11:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2006
Beiträge: 12
jonathan befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

danke für die Antworten. Werds heute Abend ausprobieren.

Was mich noch interessieren würde:
Wie geht ihr daran ein Design anzupassen? Gibt es da noch besondere Programme? Welche benutzt ihr?

Gruß
Jonathan
Mit Zitat antworten
  #9 (permalink)  
Alt 12.10.2006, 11:31
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Was meinst Du mit "anpassen"?

/Me benutzt neuerdings Scriptly als Editor, vorher wars Title.
Title wird aber anscheinend nicht weiterentwickelt und scriptly hat ein paar wirklich coole Features, vor allem einen funktionierenden UNDO-Button

Wo ich jetzt auf der Seite war, stelle ich fest, dass es ein Update von title gibt, seit vorgestern
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Geändert von andir (12.10.2006 um 11:35 Uhr)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 12.10.2006, 11:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2006
Beiträge: 12
jonathan befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

Scriptly sieht nicht schlecht aus. Muss ich zuhause mal testen.
Mit anpassen meine ich folgendes:

Ich geh von diesem Beispiel aus:
Ein Onlineshop der auf einem Server im Internet installiert ist und nun vom Design angepasst werden soll. Da finde ich es praktisch, wenn ich die Änderungen direkt im Brwoser sehe. Nach meinen Änderungen muss ich nur noch die CSS Datei lokal abspeichern und dann auf den Server hochladen und es passt.

Wenn ich jetzt aber einen normalen Editor habe muss ich die Datei runterladen, bearbeiten und wieder hochladen um das Ergebnis zu sehen.
Finde ich nicht so praktisch. Und da wollte ich halt wissen, wie ihr das macht und was es noch für Möglichkeiten gibt.

Gruß
Jonathan

PS: Ich habe gelesen das Scriptly einen FTP Client besitzt. Wie kann ich mir das vorstellen? Kann ich die Datei auf dem Server lassen und bearbeiten?
Die Änderung seh ich dann aber auch nur wenn ich die Datei dann wieder speicher und die Website aufrufe, richtig?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Befehl für alle Browser ausser Safari sofian CSS 8 17.12.2010 15:02
Unterschiede Browser mit CSS blazinblaze CSS 1 24.09.2010 16:06
CSS Menü und unterschiedliche Browser petersch CSS 0 05.06.2008 17:54
Wege zum guten CSS - Ausgewählte Links Sp33dy G0nz4l3s Ressourcen 1 27.05.2008 12:09
Browserneurose SimonWpt CSS 39 15.07.2005 11:51


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:15 Uhr.