Ja, das stimmt. Füge in dem Fall ::before zum Selektor hinzu und bei content nur „Firefox-“. Das wird dann dem bereits vorhandenen Titel „Forum“ vorangestellt.
Jetzt verstehe ich.
Du musst Forum entfernen im Code.
Alles klar, Andreas, Dank an dich.
Beiträge von FuchsFan
-
-
Teste bitte:
Das hatte ich nach Sörens Hinweis so gemacht, aber dann ist immer noch der Original-Name vorhanden.
-
Wenn der Code dann funktioniert, trage ich ihn in meine css Datei für das Forum ein.
Andreas, ich kann mich nicht mit euch vergleichen, ihr gehört schon in die Formel-1-Klasse. Ich bin schon zufrieden mit dem was ich bisher hier gelernt habe, und freue mich über jede Hilfe, wenn ich nicht mehr weiter weiß. So, wie jetzt z.B., milupo hat auf seinem Bild die Überschrift "Forum" abgeändert, nun versuche ich das auch, es will nicht gelingen. Farbe, usw. werden angesprochen, nur der gewünschte Name erscheint nicht. Hier der Code:
CSSh1.contentTitle{ color: brown !important; content: "Firefox Forum"!important; font-weight:bold !important; font-size: 26px !important; } -
Jetzt weißt du, warum man schon mal nachsehen sollte, wie sich die Selektoren unterscheiden. Du solltest nicht an der falschen Stelle mit Arbeit sparen.
Ich spare nicht, Ackern ist angesagt.
Du kennst das ja sicherlich auch, man liest und liest und.... Wenn dir aber auf die Sprünge geholfen wird, so wie hier jetzt, dann ist es verständlich und nachvollziehbar. So nun bin ich wieder ein Stück weiter, alle Schriften getrennt. Ich danke dir für die Unterstützung, und natürlich auch dir Andreas.
-
Meinst du das so?
Der obere Eintrag für die linke Seite prima, da werde ich weiter mit probieren.
Der zweite macht mir da zu viel rot. Ich habe mal selbst mit dem Code probiert, aber damit wird dann auch links die Schrift mit rot. Kann man das noch trennen?
Der Code:
CSS.wbbTopicLink{ color: red !important; }
-
Dabei ist es hier so einfach, einfacher geht es fast nicht.
Du bringst mich in Verlegenheit.
Einfach rechter Klick auf ein Symbol, Element untersuchen auswählen und schon springt Firefox zum Code für das entsprechende Symbol.
Das habe ich nun geschnallt (hoffe ich
), dann gleich ersten Versuch gestartet, der dann das bewirkt:CSSa#wcf12.wbbTopicLink{ color: red !important; }
Es ist die rote Schrift des Eintrages. Muss ich jetzt jeden Eintrag einzeln anwählen, oder geht das auch anders.
Gleiches betrifft die Einträge der Hauptseite des Forums auf der linken Seite.
-
gleich um das ganze CSS-Voodoo für das Camp bitten?
Wäre natürlich die einfachste Art ihn zu überfallen, aber ich wollte nicht so aus verschämt sein.
Aber ich hoffe, dass er mir so auch behilflich ist.
-
Ach so, dann hier:
Herzlichen Dank, milupo, so gefällt mir Camp schon viel, viel besser. Wusste gar nicht, wie man das anstellen muss, obwohl ich schon mitbekommen hatte, dass darüber gesprochen wurde. Habe mich einfach nicht ran getraut.
Eine Sache dann noch, wie verändere ich jetzt noch die Schriftfarbe, so wie auf deinem Bild erkennbar?
-
Hier ist er:
Danke, milupo, das funktioniert auch. Darauf hatte ich aber noch gar nicht geachtet, war mehr auf diesen Bereich aus.
-
Dies ist der Code für den besagten Bereich:
Auch von mir ein Dankeschön, das klappt schon mal. Nun bin ich aber auch neugierig geworden, weil da auf dem Bild noch Icons farbig sind, usw. Wärst du bereit mir dazu den Code auch zu geben?
-
-
Padding Werte dürfen nicht negativ sein, also nicht mit einem - Zeichen.
Gut zu wissen, Andreas. Danke!
-
Dein Block war ein Volltreffer.
Ja, Endor, der Übeltäter dabei ist align-items: center !important;.
-
Habt Ihr da eine Idee?
Eine besondere Idee habe ich auch nicht, aber eventuell hilft dir das erst mal weiter. Ich stelle dir mal den Block rein, den ich auf die Schnelle verändert habe. Damit sieht es dann so aus:
CSS.screen{ margin-top: 15px !important; margin-left: 110px !important; max-width: 1200px !important; /* Breite der Box */ border: 5px solid dodgerblue! important; border-radius:24px !important; padding: -60px -60px !important; background: #f8f8ff !important; box-shadow: inset 0 0 15px 15px lightblue !important; /* innerer Schatten */ } -
Prima nun passt in beiden Versionen alles. Vielen Dank!
Sollte eventuell ich angesprochen sein (weil Beitrag darüber), es war mir eine Ehre.
-
ist auf den Seiten 2+3 nach oben verschoben - da müßte noch nachgebessert werden.
Hiermit passt es dann bei mir (Blöcke angepasst):
CSS
Alles anzeigenh1{ margin-top: 20px !important; color: #cc0000 !important; font-size: 35px !important; font-weight: bold !important; min-height: 100px !important;} .secondary-cta > span:nth-child(1){ color: #1a75ff !important; font-weight: bold !important; font-size: 17px !important;} h2{ color: #1a75ff !important; margin-top: -15px !important; margin-bottom: 10px !important; font-weight: bold !important; font-size: 17px !important;} .screen:before { margin-top: 100px !important; margin-left: auto !important; margin-right: auto !important; justify-content: center!important; align-items: center!important; content: "xxx Firefox"; font-weight:bold !important; font-size: 26px !important; color:red !important; } -
-
ist so leer, oder was meinst Du?
Genau so ist es, aber der Code von Endor enthält ja noch Bestandteile, die hier nicht mehr benötigt werden, so meine ich.
-
hier mal ein Schnellschuß für die Höhe.
Prima, Dharkness, das funktioniert schon mal. Aber wir müssen wohl abwarten was Endor mit dem Code macht, denn da hat sich ja Einiges geändert, wie es aussieht.
-
Hier funktioniert der Throbber unter Win10 seit Firefox 79 ohne ::before
Hier RE: Tab Throbber neues Icon hatte ich ja dazu die Wirkung mit ::before bestätigt. Nur als Ergänzung, nehme ich in meinem Code ::before raus, dann arbeiten beide gemeinsam. Also Original (...), und der aus dem Code.
