Polskie wsparcie PrestaShop

PrestaShop => Dla początkujących => Wątek zaczęty przez: fdwd w Czerwiec 17, 2010, 12:41:37 am

Tytuł: Teksty, a CSS
Wiadomość wysłana przez: fdwd w Czerwiec 17, 2010, 12:41:37 am
Witam. Mam pewien problem. Chciałbym zrobić osobny css style dla każdego z tekstów. Chodzi o to, że nie które teksty posiadają ten sam styl i jak zmieniam kolor 1 tekstu, to automatycznie zmienia się 2. Jak mogę dodać nowe style dla tekstów?? Proszę o odpowiedź :)


Pozdrawiam fdwd
Tytuł: Odp: Teksty, a CSS
Wiadomość wysłana przez: Podemski w Czerwiec 18, 2010, 11:24:31 pm
To są podstawy css i html stąd polecam wizytę na stronie traktującej dokładnie o tym.

Ogólnie rzecz biorąc powinieneś nadać inne klasy elementom, które mają mieć różny wygląd.
Tytuł: Odp: Teksty, a CSS
Wiadomość wysłana przez: fdwd w Czerwiec 19, 2010, 02:29:51 pm
Dzięki za odpowiedź. Wiedziałem wcześniej, że chodzi o nadanie nowych klas, nie wiem jednak gdzie je zmienić ?? W pliku css jeżeli stworzę nową klasę to muszę ją podpiąć pod element, a nie wiem gdzie się to robi
Tytuł: Odp: Teksty, a CSS
Wiadomość wysłana przez: Podemski w Czerwiec 19, 2010, 02:30:53 pm
W plikach .tpl w katalogu szablonu, oraz w poszczególnych modułach w katalogu /modules/nazwamodulu/nazwamodulu.tpl
Tytuł: Odp: Teksty, a CSS
Wiadomość wysłana przez: west w Czerwiec 20, 2010, 09:07:28 am
Prosty przykład: Modyfikujemy footer.tpl dodajemy blok, w którym będziemy mieli nagłówek oraz tekst:
<div id="fotadv">
<h4>DANE ADRESOWE</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat ligula, dapibus a mattis in, tincidunt id lorem. Mauris dignissim lobortis eleifend.
</p>
</div>
w global.css oprócz wykorzystania stylu ogólnego z h4 i p dodajemy modyfikacje:
#fotadv {
width: 240px;
float: left;
}
#fotadv p {
padding-right: 5px;
font-size: 0.8em;
}
#fotadv h4 {
padding-bottom: 15px;
}