Polskie wsparcie PrestaShop
PrestaShop => Błędy => Wątek zaczęty przez: marcin w 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źć;/
-
W domyślnym theme?
Daj link.
-
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;}
-
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 ;)
-
yyyyyyyyyyyyyyyyyy chodziło o idee...
ps. czemu nie odp mi na maila Krzysztof??
-
yyyyyyyyyyyyyyyyyy chodziło o idee...
ps. czemu nie odp mi na maila Krystian??
-
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 ;)
-
czyli problem rozwiazany
---------------------ZAMYKAMY TEMAT---------------------
-
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?
-
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.
-
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;}
-
w hover też dodaj display:bolck a to podmieni zdjecia nie ebdzie widac ze najezdza fota jedna po drugiej...
-
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(+)
-
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
-
chce by po najechaniu było tak
http://zapodaj.net/8f87e8de62d2.jpg.html
-
Dobrze, mam załatwione już kategorie. Proszę napiszcie jak teraz zrobić to samo z informacjami i producentem????
-
mam ci napisać gotowe rozwiązanie, a może tak trochę inwencji ??
#manufacturers_block_left - i wszystko masz...
-
Tyle, że nie mogę znaleźć "#manufacturers_block_left " w global.css
-
ok zrobiłem jakoś to
-
super :)