Forum zajednice Joomla! Hrvatska

Joomla! 2.5 / 1.7 / 1.6 podrška => Dodaci (Extensions) => Moduli => Autor teme: erbi u 09. Travanj 2013, 08:10

Naziv: Promjena boje fontova
Autor: erbi u 09. Travanj 2013, 08:10
Pozdrav!

Treba mi jedan modul ili slično sa kojim bi mogao promjenit boju fontova. CSS ne mogu editovat jer i trebaju dvije boje. Dali postoji nešto takvo?
Naziv: Odg: Promjena boje fontova
Autor: Dario u 09. Travanj 2013, 16:12
Citat: erbi  u 09. Travanj 2013, 08:10
Pozdrav!

Treba mi jedan modul ili slično sa kojim bi mogao promjenit boju fontova. CSS ne mogu editovat jer i trebaju dvije boje. Dali postoji nešto takvo?

Ajd malo objasni to na primjeru, ovak mi nema baš previše smisla :)
Naziv: Odg: Promjena boje fontova
Autor: erbi u 09. Travanj 2013, 16:28
Primjer:
Background stranice je crn, a fontovi su bjeli. sada mi treba, da bi imao 2 linka sa kojim bi:
1. link: promjenio font u plavu
2. link: promjenio font u bjelo

Primjer: http://btc.esova.si/slo/ (http://btc.esova.si/slo/)
klik na "Spremeni kontrast"
Naziv: Odg: Promjena boje fontova
Autor: Dario u 11. Travanj 2013, 09:02
Citat: erbi  u 09. Travanj 2013, 16:28
Primjer:
Background stranice je crn, a fontovi su bjeli. sada mi treba, da bi imao 2 linka sa kojim bi:
1. link: promjenio font u plavu
2. link: promjenio font u bjelo

Primjer: http://btc.esova.si/slo/ (http://btc.esova.si/slo/)
klik na "Spremeni kontrast"

A gle... ja bi to iskreno napravio ovako.... Za početak bi tvoj css trebao biti pametno napisan, odnosno bez suvišnih bojanja klasa.... Onda bi napravio sistem da preko Javascripta na klik tog nekog gumba jednostavno dodaš još jednu css klasu na body, a dalje će sve odraditi css.... evo primjera..... (stavio sam samo body i jedan div čisto da dočaram kaj hoću reći)
Dakle orginalan kod bi bio

<body>
    <div id="promjeniBoju">Promjeni boje</div>
    <div class="textBlok">test tekst</div>
</body>

<style type="text/css">
body {
    color: blue;
}
body.novaBoja {
    color: red;
}
</style>

<script type="text/javascript">
jQuery(function() { // skraćeni body onload
    jQuery('#promjeniBoju').click(function(){ // trigger, kad se klikne na html element s ovim ID-om, pokreće se funkcija ispod
        jQuery('body').toggleClass('novaBoja'); // toggle klase na body, dakle svaki klik na triger stavlja ili miče klasu, ovisno o trenutnom stanju
    });
});
</script>