bartus2003 napisał:Witam mam problem z prawidłowym wyświetlaniem banerka w Artbannersplus...
W firefoxie widać go normalnie (chodzi o szkołę hackerów) a w IE7 nic nie ma...
Dodam iż w ustawieniu modułu (ArtBannersPlus Module) w ModuleClass wpisałem <div align="center"> ponieważ banerek był po prawej stronie, choć widzę iż w FF tez nie wyświetla do końca prawidłowo ponieważ z prawej strony wystaje ">
Ma ktoś może jakieś pomysły jak to skonfigurować??
Górne banerki są z banerów zintegrowanych z joomlą... ponieważ nie wiedziałem jak zrobić w jednym komponencie u góry banerki z rotacją a niżej jeden bez rotacji...
Z góry dziękuję pozdrawiam... Cześć. Dobrze, że w porę domyśliłeś się, że nie można wstawiać do pola "
Module Class Suffix" kodu
HTML, ani żadnego innego. To pole służy wyłącznie do stylizacji modułu. Poniżej skrócony opis pola:
Przyrostek klasy CSS modułu [Module Class Suffix]: To standardowy w Joomla! parametr. W arkuszu CSS można stworzyć klasy z przyrostkiem (table.moduletable-przyrostek i .module-przyrostek), aby zastosować ją do wyświetlania niektórych modułów. W takim przypadku należy wpisać tutaj tekst owego przyrostka (wszystkie znaki włącznie z myślnikiem!)
...czyli możesz wpisać np. -blue, -red, -green, -yelow.
W
arkuszu stylów CSS może to wyglądać tak jak w poniższym przykładowym kodzie, ale uzależnione też jest to od tego, czy templatka zbudowana jest w
divach, czy w
tabelach. Oto przykładowy kod, który należy wstawić do
arkusza stylów CSS naszej templatki:
Kod dla templatek zbudowanych w
tabelach:
Kod: |
table.moduletable-black {
width: 100%;
margin-bottom: 0px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
color: #fff;
background: #000000;
}
table.moduletable-yelow {
width: 100%;
margin-bottom: 0px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
color: #000000;
background: #F7DF7C;
}
table.moduletable-green {
width: 100%;
margin-bottom: 0px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
color: #000000;
background: #C8FF7F;
}
table.moduletable-blue {
width: 100%;
margin-bottom: 0px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
color: #FFFFFF;
background: #7F9DB9;
font-weight: bold;
}
|
...lub dla
divów:
Kod: |
div.moduletable-black {
color: #fff;
background: #000000;
border: 1px solid #ccc;
}
div.moduletable-yelow {
color: #000000;
background: #F7DF7C;
border: 1px solid #000000;
}
div.moduletable-green {
color: #000000;
background: #C8FF7F;
border: 1px solid #000000;
}
div.moduletable-blue {
color: #FFFFFF;
background: #7F9DB9;
border: 1px solid #000000;
}
|
Jeśli tytuły modułów osadzane są w znacznikach
<h3> lub
<th>, należało by dopisać jeszcze:
Kod: |
table.moduletable th,
table.moduletable-black th,
table.moduletable-green th,
table.moduletable-blue th,
table.moduletable-yelow th {
background: url(../images/subhead_bg.png) repeat-x;
color: #000000;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
|
Powyższy kod dotyczy akurat mojej templatki, ale można go przystosować do swojej. Wystarczy pokombinować. I potem już tylko dodać do pola "
Module Class Suffix" np -yelow, aby uzyskać moduł z
żółtym tłem oraz z czarną ramką wokół pola z treścią modułu.
Co do tej reklamy
hackerów, to zmniejsz jej szerokość ( np. z 468x na 460px ), bo pod
Internetem Explorerem opada Ci cała sekcja
body oraz
right na dół. Pozdrawiam.
Jokris.