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.