Cześć.
Od czasów pojawienia się pierwszych, bardziej zaawansowanych edytorów dla
Joomla/
Mambo w opcjach tych edytorów jest możliwość korzystania z zastępczego pliku
CSS, w zamian za standardowy "
template_css.css". Zazwyczaj nosi on nazwę "
editor_content.css" i jest on prawie w 100% kopią pliku "
template_css.css", oprócz drobnych zmian. Dotyczą one właśnie koloru tła oraz czcionki dla edytora, dowolnego. Stosowane to jest w zasadzie dla templatek z czarnym lub ciemnym tłem i jasnymi, bądź białymi literami.
W standardowym pliku "
template_css.css" możemy mieć taki wpis, jak poniżej (nie koniecznie musi to być
body):
Kod 1: template_css.css
body {
color: #FFFFFF;
background: #000000;
-------------------
-------------------
i.t.d.
}
...gdzie:
color: #FFFFFF; - to kolor czcionki w sekcji
body templatki. (biały)
background: #000000; - to kolor tła dla sekcji
body templatki. (czarny)
...zamiast koloru tła, może być adres obrazka służącego za tło.
Kod 2: template_css.css
body {
color: #FFFFFF;
background-image: url(../images/tlo.jpg);
background-repeat: no-repeat;
background-attachment:fixed; /* Thanks Morpheuz */
-------------------
-------------------
i.t.d.
}
...gdzie:
background-image: url(../images/tlo.jpg); - to tło z ciemnym obrazkiem.
Wystarczy teraz zmienić
Kod 1: template_css.css na poniższy w pliku "
editor_content.css":
Kod 1a: editor_content.css
body {
color: #000000;
background: #FFFFFF;
-------------------
-------------------
i.t.d.
}
...gdzie:
color: #000000; - to kolor czcionki w sekcji
body templatki. (czarny)
background: #FFFFFF; - to kolor tła dla sekcji
body templatki. (biały)
...i w każdym edytorze jest opcja służąca do podmiany pliku CSS dla edytora. Wystarczy tylko wpisać nazwę naszej prawie kopii "
template_css.css", czyli "
editor_content.css", lub w niektórych edytorach wpisać ścieżkę pełną do tego pliku. W pliku konfiguracyjnym
XML lub w komponencie do zarządzania edytorem, np.
JCE ( również
MosCe ) znajdują się takie opcje:
Kod: |
<param name="content_css" type="radio" default="1" label="Arkusz szablonu CSS" description="Wczytaj klasy CSS z pliku szablonu - template_css.css">
<option value="0">Nie</option>
<option value="1">Tak</option>
</param>
<param name="content_css_custom" type="text" default="editor_content.css" label="Zmiana szablonu CSS:" description="Jesli chcesz zastapić domyslny plik arkusza stylów innym, wpisz nazwę pliku zawieraj±cego ten
arkusz (zazwyczaj editor_content.css ). Musi się on znajdować w tym samym katologu, w którym
znajduje się domyslny plik CSS."/>
|
...
label="Arkusz szablonu CSS" - ustawiamy na
Nie.
label="Zmiana szablonu CSS:" - Wpisujemy nazwę "
editor_content.css". I po wszystkim.
Co do tła z obrazkiem wystarczy dokonać drobnych zmian, np:
Kod 2: template_css.css zastępujemy kodem poniższym:
Kod 2a: editor_content.css
body {
color: #000000;
background: #FFFFFF;
-------------------
-------------------
i.t.d.
}
...gdzie:
background-image: url(../images/tlo.jpg); zamieniamy na
background: #FFFFFF;.
Prawda że proste?. Nadmienię tylko, że wszystkie kody podawane tutaj są przykładowe, a większość współczesnych templatek posiada już plik "
editor_content.css". Wystarczy go tylko wskazać w edytorze. Pozdrawiam.
Jokris.