dort wo noch weißes ist
Teste bitte:
.breadcrumb,
.panel-body,
.navbar-form .form-control,
.btn-default {
background-color: black !important;
}
.navbar-form .form-control {
color: white !important;
}
.btn-default {
color: white !important;
}
.btn-default:hover {
color: red !important;
}Leider weiß ich nicht nach welchem Code ich Suchen muss z.B. Siehe das Bild dort wo noch weißes ist, welcher Code ist für solche Sachen zuständig?
Für jede „Sache“ ist ein anderer Code zuständig. Es kommt darauf an, was du verändern willst. Bei Webseiten ist zumindest der Anfang relativ einfach: Schaue dir die Seite an, klicke mit der rechten Maustaste auf die entsprechende Stelle, die du verändern willst, das Kontextmenü öffnet sich und klicke dort auf Element untersuchen - Firefox öffnet nun die Entwicklerwerkzeuge für Webseiten und springt sofort an die Stelle im Code, die für deine angeklickte Stelle zuständig ist.
Ergänzend.
Damit sich die Entwicklerwerkzeuge öffnen, musst du im Rechtsklick Kontextmenü auf den Eintrag:
Element untersuchen
klicken.
Das sieht dann so aus:
Damit sich die Entwicklerwerkzeuge öffnen, musst du im Rechtsklick Kontextmenü auf den Eintrag:
Element untersuchen
Oh, ja, das habe ich vergessen zu schreiben.
Leider weiß ich nicht nach welchem Code ich Suchen muss z.B. Siehe das Bild dort wo noch weißes ist, welcher Code ist für solche Sachen zuständig?
Lies dir mal in einer Mußestunde folgende Anleitung durch:
Anleitung zur Nutzung des Inspektors und der Stilbearbeitung aus den Entwicklerwerkzeugen
Um Webseiten geht es in Kapitel 2.
Dein Code hat Funktioniert.
Diese Seite der Deutschen Synchrondatei hat nicht viel Inhalt. Nutze sie doch mal, um die Selektoren selbst herauszufinden, wenigstens die, die Andreas im Code von Beitrag #162 angegeben hat.
Ich finde den Code auf der Synchronkartei aus dem #167 nicht
Hier mal ein Beispiel dazu:
Noch ein Tipp: Klicke in den Entwicklerwerkzeugen auf das Symbol ganz links vor dem Wort Inspektor. Das wird jetzt blau untermalt. Du kannst nun mit der Maus über ein Element der Seite fahren. Das Element wird mit einer gestrichelten Linie umrahmt, und es wird dir der entsprechende CSS-Code und die dazugehörigen Abmessungen in einem Tooltip angezeigt. Du kannst das auch bei Andreas' Bildschirmfoto sehen. Dort steht:
ol.breadcrumb | 1140 x 36
Das ist der Code für die Zeile mit dem Wort Start, auf die der Pfeil von Andreas' Foto hinzeigt.
In der Spalte direkt unter dem Wort Inspektor hast du auch ein Suchfeld, da kannst du auch die entsprechende Bezeichnung eingeben, sofern du sie bereits hast.
Bin jetzt an der Seite von Amazon am Bastel,
Du musst erst einmal den Unterschied zwischen Seite und Site bzw. Website verstehen. Eine Site/Website ist ein großes Projekt, dass aus mehreren Seiten besteht. Es gibt also nicht nur eine Seite bei amazon.de. Sobald du da irgendwo auf einen Link klickst, bist du auf einer ganz anderen Seite, die einen eigenen Quelltext haben kann.
Für die Startseite von amazon.de:
.a-section {
background-color: black;
}an der Seite von Amazon
Hier gibt es schon fertige Codes:
https://userstyles.org/styles/browse/amazon
Die Seite braucht leider etwas um geladen zu werden.
Nach Stunden hier das Ergebnis.
#pageContent {
background: #0d0d0d;
}
.a-section {
background-color: #575757;
}
body {
color: #fff;
}
.a-unordered-list, ul {
color: #fff;
}
.a-color-secondary, .a-color-tertiary {
color: #fff !important;
}
.a-color-price {
color: #fbfbfb !important;
}
.a-list-item, ol .a-list-item, ul .a-list-item {
color: #fff;
}
a, a:link, a:visited {
text-decoration: none;
color: #a1acf6;
}
.a-color-base {
color: #000 !important;
}
.a-color-price {
color: #b72525 !important;
}
body {
padding: 0;
padding-right: 0px;
padding-bottom: 0px;
margin: 0;
background: #000;
}
body {
color: #000;
}
.a-color-base {
color: #fff !important;
}
.a-color-price {
color: #f5f5f5 !important;
}
.a-color-base {
color: #e8e5eb !important;
}
.a-list-item, ol .a-list-item, ul .a-list-item {
color: #fdfdfd;
}
body {
color: #fff;
}hier das Ergebnis.
Zeile 10, 53, 74
jeweils body aber unterschiedliche Farbe.
Auch in Zeile 37, 57, und 65 ist das so bei .a-color-base
Das solltest du ändern bzw. genauer anpassen.
Ansonsten Glückwusch dazu.
Ja Danke da saß ich am Morgen dran, ich werde mir ein fertigen Styl #173 nehmen.
Schau mal den Vergleich. Genau sollte es aussehen.
