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.