Polskie wsparcie PrestaShop
PrestaShop => Wygląd => Wątek zaczęty przez: f365446 w Sierpień 08, 2013, 03:43:58 pm
-
Na zdjęciu pokazane jest jak wygląda obecna wyszukiwarka i nowa do jakiej chcę dojść.
(http://imageshack.us/a/img20/4917/qg52.jpg)
Trochę pogrzebałem i mam takie coś:
(http://imageshack.us/a/img802/7578/6zrz.jpg)
Jak dojść do poprawnej wersji ? Ciąć obrazek na 2 ? Jedna część służy jako button wyszukiwarki , druga część jako pole textowe ? W blocksearch.css nie widzę napisu do usunięcia "szukaj".
-
W blocksearch.css nie widzę napisu do usunięcia "szukaj".
Nie widzisz, bo trzeba to wyciąć w tpl-u, albo ukryć w css( #search_block_top .button - dodaj na początku wpisu taki kod visibility: hidden;).
Podaj linka do strony jeśli możesz - wtedy powiem coś więcej :)
-
przy takim rozwiazaniu jak na grafice, raczej nie uzywalbym przycisku "szukaj" tylko za przycisk podstawil ikonke lupki. a co do reszty grafiki to na glowny blok <div> dajesz background z obrazkiem i pole <input> wrzucasz po absolute z border:none; background:none; i masz wszystko pieknie i funkcjonalnie
-
Nie widzisz, bo trzeba to wyciąć w tpl-u, albo ukryć w css( #search_block_top .button - dodaj na początku wpisu taki kod visibility: hidden;).
Podaj linka do strony jeśli możesz - wtedy powiem coś więcej :)
Gdzie dokładnie masz ten wpis "szukaj" ? Za przycisk ma robić tylko lupa bez textu na nim.
-
Gdzie dokładnie masz ten wpis "szukaj" ?
na twojej grafice.... jak byk obok pola imput masz czarny przycisk "szukaj" i z firebuga pieknie opisany input.button, a co z nim zorib masz w poprzedniej wiadomsoci
-
Gdzie jest wpis o przycisku to wiem
#search_block_top .button {
border:none;
border-radius:0;
color:#fff;
text-transform:uppercase;
background:url(img/search1.png);
float: left;
height: 37px;
width:41px;
visibility:hidden;
Dając visibility: hidden; przycisk zniknie całkowicie , a ja chcę mieć lupkę do wyszukiwania tylko bez napisu na nim.
ehh albo tak:
color:transparent;
i problem z głowy 8)
Teraz pojawił się kolejny problem . Usuwając koszyk i lok linków logo i wyszukiwarka ucieka mi do wysokości header . Ustawiam na 0 ale i tak nie chce wyjść ponad jego wysokość.
(http://img829.imageshack.us/img829/5286/sfwp.jpg) (http://imageshack.us/photo/my-images/829/sfwp.jpg/)
Uploaded with ImageShack.us (http://imageshack.us)
-
position: absolute/relative
-
logo dałem relative i podeszło do góry . Dając relative na search rozjeżdża się :
(http://img20.imageshack.us/img20/4363/0rrv.jpg) (http://imageshack.us/photo/my-images/20/0rrv.jpg/)
Uploaded with ImageShack.us (http://imageshack.us)
-
sorka, bez jaj... to forum dotyczace prestashop a nie css.... poczytaj w pierwszej kolejnosci jakis kurs podstawowy odnosnie css, juz nawet nie css3 ale podstawy, podstaw, bo inaczej ten watek rozrosnie sie do rozmiarow 300 stronicowego albo lepiej.... nie da rady ot tak, za przeproszeniem, laikowi, w 3-4 zdaniach wylozyc calego zagadnienia pozycjonowania elementow poprzez style...
po pierwsze, albo absolute oraz relative, albo absolute oraz absolute, w zaleznosci od tego co chcesz osiagnac. po drugie, juz na pierwszy rzut screena widac, ze pozycjonujesz nie ten element co powinienes. po trzecie, dajac relativ dla relatywnego elementu musialy by byc one zalezne od siebie. w twoim wypadku juz po pierwszyc h ogledzinach kodu w forebugu powinies zobaczyc, ze sa to calkiem niezalezne elementy. pokombinuj w pierwszej kolejnosci poprzez edycje live firebuga i zobacz jak dany element zachowa sie w danej pozycji oraz co z nim dalej zdzialac.