TYPO3 Browser: CSS anpassen
| Autor | Nachricht |
|---|---|
|
Verfasst am: 06. 12. 2010 [17:02]
|
|
|
tamm
Tino Amm
Themenersteller
Dabei seit: 06.12.2010
Beiträge: 1
|
Im AZ-Selector ist die Background-Color des ausgewählten Buchstaben gelb. Wie kann ich diese über css ändern? Für Hilfe dankbar ist Tino |
|
Verfasst am: 06. 12. 2010 [17:12]
|
|
|
dirk
Dirk Wildt
Dabei seit: 27.09.2010
Beiträge: 601
|
Hallo Tino, der Browser bringt sein CSS mit der TypoScript-Eigenschaft _CSS_DEFAULT_STYLE mit. Siehe
Dort findest Du auch den Wert für die Background-Color des aktiven Registers im AZ-Browser. Suche nach dem Begriff "yellow". Hier der komplette Wert TYPOSCRIPT plugin.tx_browser_pi1._CSS_DEFAULT_STYLE ( .tx-browser-pi1 div.azSelector, .tx-browser-pi1 div.modeSelector { padding:.4em 0; height:1.4em; } .tx-browser-pi1 ul.azSelector, .tx-browser-pi1 ul.modeSelector { max-width: 100%; margin: 0; padding: 0; font-size:1em; height:1em; background:#EEE; } * html .tx-browser-pi1 ul.azSelector, * html .tx-browser-pi1 ul.modeSelector { width: 100%; } .tx-browser-pi1 ul.azSelector li, .tx-browser-pi1 ul.modeSelector li { display: block; margin: 0; padding: 0; float: left; border-right:1px solid grey; } .tx-browser-pi1 ul.azSelector li.last, .tx-browser-pi1 ul.modeSelector li.last { border-right:0; } .tx-browser-pi1 ul.azSelector li.selected, .tx-browser-pi1 ul.modeSelector li.selected { background:yellow; } /* #9659 */ .txbrowserpi1loader { background: #fff url(/typo3conf/ext/browser/res/images/browser_loader.gif) no-repeat center ; background-color: #fff; opacity:.8; position: relative; top:10; left:0; width:100%; height:30px; margin:0 0 -42px 0; z-index:2; } .loading { opacity:.8; } .txbrowserpi1ajaxerror { color: #d00; } /* #9659 */ ) Viele Grüße Dirk --
Willst Du den TYPO3-Browser mit einer Spende unterstützen? Wir freuen uns über jeden EUR! Sponsoring: Ich will einfach einen Betrag spenden http://typo3-browser.de/sponsoring |
|
Verfasst am: 22. 02. 2012 [10:08]
|
|
|
Spekulatius
Alexander
Dabei seit: 22.02.2012
Beiträge: 8
|
Hallo zusammen, ich bin neu hier und möchte auch gleich eine Frage stellen. Ich möchte auch den AZ-Selector anpassen. Aber wo finde ich die Original-css-Datei? LG Alexander |
|
Verfasst am: 22. 02. 2012 [15:50]
|
|
|
rbert
dalien
Dabei seit: 28.04.2011
Beiträge: 49
|
Spekulatius, Im Quellcode Deiner Seite kann man ziemlich genau sehen, wo diese Informationen herkommen. Mit der Firefox Erweiterung "Firebug" kannst Du die CSS Eigenschaften on the Fly, zum testen ändern. Dort siehst Du aus welcher Datei die Inhalte kommen und in welcher Zeile definiert worden ist. Viel Spass ! BTW: Wenn Du die Originaldatei bearbeitest, wird diese bei einem Update geändert. [Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 22.02.2012 um 15:56.] |
|
Verfasst am: 22. 02. 2012 [16:32]
|
|
|
Spekulatius
Alexander
Dabei seit: 22.02.2012
Beiträge: 8
|
rbert, vielen Dank für Deine Antwort. Im Quelltext finde ich als einzigen Hinweis die "typo3conf/ext/browser/res/default.css"! Und der Firebug zeigt mit die Styles an und ich kann sie sogar "on the Fly" ändern. Aber was nutzt mir das, wenn die CSS-Datei im typo3temp-Verzeichnis liegt? http://www.domain.de/typo3temp/stylesheet_21c7cea66b.css Wenn du weißt, wo die CSS liegt, sag's mir einfach. LG Alexander |
|
Verfasst am: 23. 02. 2012 [23:28]
|
|
|
dirk
Dirk Wildt
Dabei seit: 27.09.2010
Beiträge: 601
|
"Spekulatius" schrieb: ... wenn die CSS-Datei im typo3temp-Verzeichnis liegt? Hallo Alexander, die CSS-Datei liegt im typo3temp-Verzeichnis, weil diese erst zur Laufzeit generiert wird. Es gibt in dem Sinne keine CSS-Datei. Das CSS, dass als Datei zur Laufzeit generiert wird, wird mit TypoScript konfiguriert. Siehe Beitrag oben. Abgesehen davon bindet der Browser möglicherweise eine tatsächlich vorhandene CSS-Datei ein. Wenn ja, befindet sich diese im Extension-Verzeichnis des Browsers: * res/html bzw. * typo3/typo3conf/ext/browser/res/html Wie rbert schreibt, solltest Du diese aber nicht ändern. Bei einem Update der Extension würden Deine Änderungen nämlich überschrieben werden. Wenn Du CSS ändern möchtest, kopiere die Datei zum Beispiel nach * typo3/fileadmin Im TypoScript Deiner Website bzw. des Browsers musst Du dann konfigurieren, dass er nicht die CSS-Datei des Browsers holt sondern die CSS-Datei aus fileadmin. Hat Dir dieser Beitrag geholfen? Viele Grüße Dirk --
Willst Du den TYPO3-Browser mit einer Spende unterstützen? Wir freuen uns über jeden EUR! Sponsoring: Ich will einfach einen Betrag spenden http://typo3-browser.de/sponsoring |
Powered by TYPO3 und mm_forum Extension


