članak iz korisničkih pisanih izvora
1. duplicirajte stilove koji se već koriste za određeni modul, dodajući sufiks svakom nazivu stila. to će svakako uključivati nešto od sljedećeg;
1. .modul {}
2. div.moduletable {}
3. div.moduletable h3 {}
4. tablica.moduletable {}/li>
5. stol.moduletable th
6. stol.moduletable td
i može uključivati druge stilove koji se koriste na sadržaju u tom odjeljku, kao što su;
1. ol, ul, li {}
2. a:link,a:visited,a:hover {}
3. a.readon:link,a.readon:visited,a.readon:hover {}
i drugi, imajte na umu da određeni moduli već mogu imati određene CSS stilove povezane s njima (kao što su najnovije vijesti i najčitaniji popisi), pa ako mijenjate jedan od ovih modula, možda ćete morati ili ukloniti određeni stil kako bi stil sufiksa klase modula mogao primijeniti ili samo promijeniti te specifične stilove.
primjer iz “freemambo predloška”
table.moduletable { float: lijevo; ispuna: 0px; margina: 0px; širina: 152px; pozadina: url(../images/leftright.gif); } table.moduletable th { pozadina: url(../images/subhead_bg.gif); veličina fonta: 10px; poravnanje teksta: sredina !važno; poravnanje teksta: središte; padding-top: 4px; padding-left: 0px; visina: 23px; tekst-ukras: nema; širina: 154px !važno; širina:152px; boja:#FFFFFF; tekst-transformacija:velika slova; } table.moduletable td { font-size: 11px; padding-left: 5px; padding-desno: 2px; težina fonta: normalna; boja:#000000; }
snimka zaslona bez sufiksa modula
2 .izmijenite ove stilove po želji.
primjer izmjena “freemambo predloška” – dodavanje sufiksa npr
table.moduletableeg { float: lijevo; ispuna: 0px; margina: 0px; širina: 152px; } table.moduletableeg th { boja-pozadine: #FF9900; boja: #333333; veličina fonta: 12px; poravnanje teksta: sredina !važno; poravnanje teksta: središte; padding-top: 2px; padding-left: 0px; visina: 23px; tekst-ukras: nema; širina: 154px !važno; širina:152px; tekst-transformacija:mala slova; } table.moduletableeg td { background-color: #EEEEEE; veličina fonta: 11px; padding-left: 5px; padding-desno: 2px; težina fonta: normalna; boja:#FF0000; }
npr. snimka zaslona sufiksa modula
3. ažurirajte sufiks klase modula unutar joomla administratora.
1. idite na ‘Moduli’ -> ‘Moduli stranice’
2. kliknite na modul na koji želite primijeniti nove CSS stilove
3. unesite sufiks koji ste koristili u polje sufiksa klase modula i kliknite ‘Spremi’
modul web stranice – uredi snimak zaslona