
Cze¶æ.
Skasowa³em Twój drugi post, ale chyba siê nie pogniewasz. Na drugi raz nie myl siê. Ok?


Jak pisa³em wcze¶niej na
Forum, a pewnie jakby¶ poszuka³, to by¶ wiedzia³, ¿e
JoGadgets korzysta z plików
CSS, czyli
Arkuszów Styli. To w nich jest zawarty kod odpowiedzialny za kolory, wyrównanie, wielko¶æ czcionek i ich typ oraz za wiele rzeczy zwi±zanych z wygl±dem poszczególnych funkcji bota. Funkcja
jgaccordion korzysta z pliku
CSS o nazwie, jak my¶lisz?. W³a¶nie "
accordion.css". Znajdziesz go w ¶cie¿ce "
mambots/content/_jgfw_/css/" w folderze "
css". Kod oryginalny tego pliku wygl±da tak:
Kod: |
div.jgacccontainer{
}
div.jgacctabs{
padding: 4px;
cursor: pointer;
border-bottom: 1px #999 solid;
background-color: #eee;
}
div.jgacccontent{
padding: 4px;
border: 1px #eee solid;
}
|
div.jgacccontainer - odpowiada za wygl±d bloku z Akordeonem.
div.jgacctabs - odpowiada za nag³ówki tabel, te szare.
div.jgacccontent - jak sama nazwa wskazuje, odpowiada za wygl±d tre¶ci wewn±trz tabel.
Masz tam tylko dwa style:
padding: 4px; - okre¶la marginesy wewnêtrzne na 4px.
border: 1px #eee solid; - ustala kolor ramki oraz grubo¶æ i rodzaj.
Dodajemy do selektora
div.jgacccontent nowy styl:
background-color, czyli kolor t³a oraz styl:
color. Styl ten definiuje kolor tekstu. Domy¶lnie nie ma tam wpisanych tych styli, i tabela z tre¶ci± dziedziczy kolor t³a oraz kolor tekstu z pliku
CSS naszej templatki. Poprzez dodanie nowego stylu z kolorem t³a oraz kolorem tekstu, zmodyfikujemy wygl±d Akordeonu. Mo¿emy wpisaæ kod, w ca³o¶ci wygl±daj±cy tak:
Kod: |
div.jgacccontainer{
}
div.jgacctabs{
padding: 4px;
cursor: pointer;
border-bottom: 1px #999 solid;
background-color: #eee;
}
div.jgacccontent{
padding: 4px;
border: 1px #eee solid;
background-color: #FFFCDF;
color: #05124F;
}
|
Pamiêtaj, ¿e dodali¶my tylko style "
background-color" i "
color" i w ten sposób ustalili¶my kolor t³a tabelek z tre¶ci± na odcieñ koloru ¿ó³tego a kolor tekstu na ciemnogranatowy, co mo¿esz obejrzeæ sobie w artykule
JoGadgets - Trochê Inaczej Zrobiony Gad¿et! cz4 - Tre¶æ. Mo¿emy do pliku "
accordion.css" dodawaæ dowolne style i atrybuty, i ustaliæ sobie wygl±d Akordeonu na nasz wymarzony.

To tyle moich nocnych porad. My¶lê, ¿e sobie poradzisz. Pozdrawiam.
Jokris.