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.