wdrożenia PrestaShop

Teksty, a CSS

  • 4 Odpowiedzi
  • 3267 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline fdwd

  • Nowy
  • *
  • 3
  • 0
Teksty, a CSS
« dnia: 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

*

Podemski

  • Gość
Odp: Teksty, a CSS
« Odpowiedź #1 dnia: 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.

*

Offline fdwd

  • Nowy
  • *
  • 3
  • 0
Odp: Teksty, a CSS
« Odpowiedź #2 dnia: 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

*

Podemski

  • Gość
Odp: Teksty, a CSS
« Odpowiedź #3 dnia: 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

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 5,292
  • 106
  • Płeć: Mężczyzna
  • Europasaz.pl
    • PrestaShop, Wordpress, SMF, Woocomerce
  • PrestaShop: 8.0
  • Status: Programista
Odp: Teksty, a CSS
« Odpowiedź #4 dnia: 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;
}

MODUŁY | https://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | https://europasaz.pl