wdrożenia PrestaShop

Wyświetlanie po najechaniu

  • 19 Odpowiedzi
  • 7215 Wyświetleń

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

*

Offline marcin

  • Nowy
  • *
  • 18
  • 0
Wyświetlanie po najechaniu
« dnia: Marzec 02, 2010, 11:14:42 pm »
Jak zrobić aby po najechaniu na np: "wysyłka" zmieniał się kolor tła? tak samo pod kategoriami? albo chociaż aby podświetlenie zmieniło się z czarnego na inny kolor, nie mogę tego w css'sie znaleźć;/

*

Podemski

  • Gość
Odp: Wyświetlanie po najechaniu
« Odpowiedź #1 dnia: Marzec 02, 2010, 11:31:31 pm »
W domyślnym theme?

Daj link.

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Wyświetlanie po najechaniu
« Odpowiedź #2 dnia: Marzec 02, 2010, 11:41:36 pm »
hover to znacznik najechania czyli np jak masz

kategoria a chcesz miec po najechaniu kategoria

to masz tak
znacznik:
<a href="">kategoria </a>
styl css:
a {color:black;}
a:hover {color:red;}

jeszcze mozesz mieć selected czyli element który wybrałeś i dokładnie na tej podstronie ( kategorii której właśnie jesteś) czyli.
a.selected {color:red;}
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Podemski

  • Gość
Odp: Wyświetlanie po najechaniu
« Odpowiedź #3 dnia: Marzec 03, 2010, 12:26:35 am »
hover to znacznik najechania czyli np jak masz

kategoria a chcesz miec po najechaniu kategoria

to masz tak
znacznik:
<a href="">kategoria </a>
styl css:
a {color:black;}
a:hover {color:red;}

jeszcze mozesz mieć selected czyli element który wybrałeś i dokładnie na tej podstronie ( kategorii której właśnie jesteś) czyli.
a.selected {color:red;}

No tak ale wtedy ma linki na czerwono wszędzie a na kategoriach nie bo css się nadpiszę ;)

Najlepiej zainstalować sobie Firebuga sprawdzać co jest jakim elementem i po prostu dawać dodatkową klasę na końcu .cssa - tak jest najprościej. Natomiast kod odpowiedzialny za łącza przy kategoriach jest tam gdzie masz komentarz "/* Block categories */"

Dodaj do swojego global.css coś takiego:

div#categories_block_left ul li a { color: #twojkolor; }
div#categories_block_left ul li a:hover { color: #twojkolorponajechaniu; }

To u góry zmieni kolor łącza, jeśli chcesz kolor tła to zrobiłbym to np. tak:

div#categories_block_left ul li a { background: #twojkolor; display: block; padding: 2px; width: 180px; }
div#categories_block_left ul li a:hover { background: #twojkolorponajechaniu; }

Podsumowując, najpierw dajesz nazwę elementu w raz z identyfikatorem lub klasą, a potem element który chcesz edytować wewnątrz ;)


*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Wyświetlanie po najechaniu
« Odpowiedź #4 dnia: Marzec 03, 2010, 07:42:26 am »
yyyyyyyyyyyyyyyyyy chodziło o idee...
ps. czemu nie odp mi na maila Krzysztof??
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Wyświetlanie po najechaniu
« Odpowiedź #5 dnia: Marzec 03, 2010, 07:42:54 am »
yyyyyyyyyyyyyyyyyy chodziło o idee...
ps. czemu nie odp mi na maila Krystian??
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Podemski

  • Gość
Odp: Wyświetlanie po najechaniu
« Odpowiedź #6 dnia: Marzec 03, 2010, 08:42:58 am »
yyyyyyyyyyyyyyyyyy chodziło o idee...
ps. czemu nie odp mi na maila Krzysztof??

No ja myślę że kolega htmla zna chociaż w stopniu podstawowym, jeśli nie to: kurshtml.boo.pl - tak na zaś, może się komuś przyda jak zajrzy do tematu ;)

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Wyświetlanie po najechaniu
« Odpowiedź #7 dnia: Marzec 03, 2010, 08:58:06 am »
czyli problem rozwiazany



---------------------ZAMYKAMY TEMAT---------------------
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline marcin

  • Nowy
  • *
  • 18
  • 0
Odp: Wyświetlanie po najechaniu
« Odpowiedź #8 dnia: Marzec 03, 2010, 09:28:44 am »
działa dzięki:) a gdybym chciał zrobić dla całego przycisku podmianę obrazka przy kliknięciu, tak jak np: jest w allegro na głównej stronie w kategoriach?

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Wyświetlanie po najechaniu
« Odpowiedź #9 dnia: Marzec 03, 2010, 09:34:43 am »
to najleprzym rozwiazaniem jest zrobienie jedengo obrazka

obrazek:
KOLOR
KOLOR

-to jest jako jeden plikz dwoma butonami w sobie jeden pod drugim i wtedy dodajesz tak:
a {background: url(twój plik) height:27px}
a.hover {background-position:0 -27px;height:27px;}

gdzie -27px jest wysokością twojego 1 buttona w tym pliku czyli kolor ma 27px, czyli oba mają 54px

ps. aby tak działało na znaczniku a musisz dać display:block.
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline marcin

  • Nowy
  • *
  • 18
  • 0
Odp: Wyświetlanie po najechaniu
« Odpowiedź #10 dnia: Marzec 03, 2010, 10:07:45 am »
wyskakuje teraz tak co prawda button jest do zmiany ale chciałbym by przycisk wyskakiwał równo od lewej

a zmieniłem tak:

div#categories_block_left ul li a { background: url('../img/button-large.gif'); display: block; height:18px }
div#categories_block_left ul li a:hover {background-position:0 -18px;height:18px;}

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Wyświetlanie po najechaniu
« Odpowiedź #11 dnia: Marzec 03, 2010, 10:30:58 am »
w hover też dodaj display:bolck a to podmieni zdjecia nie ebdzie widac ze najezdza fota jedna po drugiej...
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline marcin

  • Nowy
  • *
  • 18
  • 0
Odp: Wyświetlanie po najechaniu
« Odpowiedź #12 dnia: Marzec 03, 2010, 10:41:36 am »
ok ok ale chodzi mi by podświetlenie zaczynało się od lewej do prawej pomiędzy pionowymi zielonymi kreskami , jaki obrazek do podmiany bym nie dał to i tak zaczyna tam gdzie zaczyna się tekst, i jeszcze jeden problem, jak zrobić by po naciśnięciu kategorii dopiero rozsuwało się menu podkategorii, denerwuje mnie ten plus(+)

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Wyświetlanie po najechaniu
« Odpowiedź #13 dnia: Marzec 03, 2010, 11:28:05 am »
nie wiem o co chodzi z tym pierwszym teraz to juz jak butoona zrobisz od CIebie zalezy mozesz dodac paddingi które wysrodkuja ci tekst w środku.

to w apnelu sobie wyłacz cos rozjezdzanie.albo zamien + na nazwe kategori w sensei połacz je
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline marcin

  • Nowy
  • *
  • 18
  • 0
Odp: Wyświetlanie po najechaniu
« Odpowiedź #14 dnia: Marzec 03, 2010, 12:01:18 pm »
chce by po najechaniu było tak

http://zapodaj.net/8f87e8de62d2.jpg.html