Witam.
Przepraszam, ¿e tak pó¼no odpisujê, ale my¶la³em ¿e
KTO¦ zna odpowied¼, bo jest bardzo prosta. No, ale jak zawsze, nie ma chêtnych na pomoc innemu u¿ytkownikowi ( wy³±czaj±c z tego mojego bezcennego moderatora "
Icemana" i kilku u¿ytkowników ), wiêc pozostajê tylko ja,
Administrator Forum.
Wiêkszo¶æ z
tre¶ci wy¶wietlanej czy to w artykule, komponencie lub module opiera swoje dane konfiguracyjne takie jak: wygl±d czcionki,jej wielko¶æ, kolor i.t.p na plikach
CSS. Nasza templatka bez pliku
CSS wygl±da³a by jak?. Spróbujcie na chwilê usun±æ plik
template_css.css, a zobaczycie.
JoGadgets te¿ korzysta z plików
CSS, do ka¿dej z jego funkcji wy¶wietlaj±cej tre¶æ (dowoln± ).
Za wy¶wietlenie z odpowiadaj±cymi nam parametrami obrazka w JoGadgets odpowiada plik "
lightbox.css" znajduj±cy siê ( o ile tylko bot by³ pobrany z mojej witryny, i jest wersj± zmodyfikowan± przeze mnie ) w ¶cie¿ce "
www/mambots/content/_jgfw_/css/", czyli w katalogu
CSS z plikami z bota.
Wpisy standardowe -
Sekcja #imageData:
Kod: |
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
|
Sekcja ta odpowiada za, w/g
ID:
#imageData: parametry ramki z tekstami, np. marginesy. Jest to sekcja, wywo³ywana poprzez znacznik
<div>
#imageData #imageDetails: wygl±d pola tekstowego, czyli szeroko¶æ, wyrównanie komórki oraz tekstu, marginesy, t³o pola tekstowego i co tam jeszcze zechcecie sobie wpisaæ. Sekcja, wywo³ywana poprzez znacznik
<span>
#imageData #caption: wygl±d tytu³ów obrazków (pogrubienie lub nie ), czyli dowolne wpisy zwi±zane z tekstem. Sekcja, wywo³ywana poprzez znacznik
<span>
#imageData #numberDisplay: wygl±d czcionki numeracji obrazka w Galerii ( kolor czcionki, wielko¶æ, marginesy ), czyli np. tekstu "
Zdjêcie 2 z 8". Sekcja, wywo³ywana poprzez znacznik
<span>
#imageData #bottomNavClose: t³o dla obrazka "
ZAMKNIJ", marginesy i.t.d.
Wpisy zmodyfikowane na potrzebê artyku³u -
Sekcja #imageData:
Kod: |
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; background-color: #FF9653; }
#imageData #caption{ font-weight: bold; color:#00009C; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; color:#FFFFFF; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; background-color:
#000000; }
|
Efekt zmiany do obejrzenia w moim artykule
JoGadgets - Trochê Inaczej Zrobiony Gad¿et!.
dziadek123456. Wystarczy, ¿e zmodyfikujesz sekcjê "
#imageData #caption", i w Twoim przypadku, aby napisy by³y koloru
czarnego, wystarczy zmieniæ wpis na taki:
Kod: |
#imageData #caption{ font-weight: bold; color:#000000; }
|
I ju¿ napisy bêd± w kolorze czarnym, czyli szesnastkowo #000000.
Jest tam jeszce wiele innych, po¿ytecznych sekcji, ale trzymam siê zadanego mi pytania, a je¶li kto¶ chce wiedzieæ wiêcej, proszê o zawitanie na
Forum Jokris.info.. Zawsze, o ile mi starczy si³ i czasu, odpowiem na pytania w tym temacie, czyli
JoGadgets.
Pozdrawiam.
Jokris.