Przezroczyste tło w całym sklepie - jak pozbyć się tła?

euphoria-art

2010-09-08 23:34

Hej, tak jak w temacie. Wrzucam przykładowy obrazek jak to ma wyglądać -

http://img641.imageshack.us/img641/8910/88159290.jpg

Chcę się pozbyć całego tła wraz z headerem, ze stopki, menu bocznym, górnym pod logo itp, ma zostać tylko sam szkielet sklepu, który bym potem nałożył na skonstruowane przeze mnie tło wraz z obrazkiem. Prosił bym o wskazówki, co i gdzie mam podmienić, wkleić.

» Quick.Cart v3.x

marcincook

2010-09-08 23:50

body{padding:20px 0;background:#a98d5a;text-align:center;}
a{background-color:inherit;color:#642;text-decoration:underline;}
a:hover{background-color:inherit;color:#970000;text-decoration:underline;}
#container{width:766px;margin:0 auto;background:#fff;}
#head1{float:right;width:100%;margin:0 0 5px;background:#f3edd6;}
#menu1 li a:hover, #menu1 .selected{background-color:inherit;color:#d01c02;text-decoration:underline;}

Wkleiłem Ci dla przykładu kilka wpisów w templates/default.css
Musisz sobie przeanalizować cały plik i pousuwać:
"background-color:...."
"background:......."


Takie #000000 zakładam że wiesz co to jest = numer koloru
Ale w niektórych liniach będziesz miał też wartość=inherit
Co oznacza że element ma odziedziczyć tło jeśli jest zdefiniowane pod nim
Czyli jeśli:

#container{.........background:#fff;.........} biały kolor

a element który się w nim znajduje miał by:

#main{.........background:inherit;.........} - to element mail odziedziczy kolor biały tła


wyszukaj po prostu wszystkie wpisy w plikach css które dotyczą

background, background-color, background-image ...

euphoria-art

2010-09-09 22:09

marcioncook dzięki za wskazówki, został już tylko jeden problem z przerzuceniem "namiotów" i "o firmie" na podświetlone tło w header, moje wypociny można podejrzeć na http://www.obrazyolejne.cba.pl/

marcincook

2010-09-10 21:38

#head2{position:relative;clear:both;height:400px;background:#fff url('img/header.jpg') no-repeat;color:#fff;}

Zmień na :
#head2{position:relative;clear:both;height:250px;background:transparent!important;t;color:#fff;}

A to:
#container{width:766px;margin:0 auto;}


Zmień na :


#container{width:766px;margin:0 auto;background-image:url('img/header.jpg') no-repeat center top; }



Wydaje mi się że o taki efekt chcesz uzyskać że obrazek robisz sobie jako tło dla całej strony




Pozostaje kwestia BANERÓW DLA STRON :

Odszukaj w pages_default.tpl
lini:

<!-- BEGIN BANNER --><style type="text/css">
<!--
#head2{background-image:url('$config[dir_files]$aData[sBanner]');}
@media print{
#head2{background:inherit;color:#000;}
}
-->
</style><!-- END BANNER -->

I zmień na:

<!-- BEGIN BANNER --><style type="text/css">
<!--

#container{background-image:url('$config[dir_files]$aData[sBanner]');}
@media print{

#container{background:inherit;color:#000;}
}
-->
</style><!-- END BANNER -->


Podobnymi metodami uzyskałem tu:
http://ponti.com.pl

Takie efekty o jakie chyba Ci chodzi - euphoria-art

PS.:
1.) Pracujesz na tablecie - czy to zdjęcia ręcznych prac?
2.) O modyfikacjach QuickCarta i różnych rozwiązaniach graficznych rozmawiajmy na forum to przynajmniej ktoś jeszcze skorzysta,
ale pozatym zapraszam na priv GG 8046811, pracuje na Intous XL Wacom.

marcincook

2010-09-10 21:40

LITERÓWKA:

Zmień na :
#head2{position:relative;clear:both;height:250px;background:transparent!important; color:#fff;}

kod pisze bez kolorowania składni od której się już jak widać :) uzależniłem chyba :)

euphoria-art

2010-09-10 22:42

Hej nie pracuje na tablecie, ściągnąłem parę grafik z devianta, po zmianie #head2 i container znikł mi header, chyba zrezygnuje z tej szaty przezroczystej, dopracowałem trochę stara szatę, chcę tylko przenieść dolne i górne menu na header.jpg tak jak to zrobiłeś na persolandesign, podgadałem u Ciebie kody ale po podmianie coś nie pasuje , www.obrazygaleria.pl na tej stronie chce opuścić koszyk z zakładkami na header.jpg i rozświetlić centymetrową krawędź.
http://ponti.com.pl - świetna robota!

marcincook

2010-09-11 00:17

Dobra to chyba źle cię oceniłem
Poprzednio podawałem Ci rozwiązanie najprostsze , myśląc że nie poradzisz sobie z css
Ja na personal przeniosłem sobie w cointener.tpl
Zmienne które generują menu1 i menu3 do diva header
A następnie wypozycjonowałem 3do dołu i 1 do góry ze zmianą długości.

Jak sobie skopiowałeś mojego css-a to w twoim pliku html te elementy znajdują się teraz w innych miejscach więc wiadomo że się posypało
Jak

marcincook

2010-09-11 00:23

Weź sobie mój css ale przenieś w container.tpl zmienne menu1 i menu3 do XIV header i sprawa załatwiona
Pamiętaj tylko że ten plik ma ci posłużyć do zrobienia lepszego layoutu a nie kopii personaldesign tylko z innym banerem
Ps
Analogicznie zmienne te przenieś też w orderbody :) ja zawsze o tym zapominam :)

euphoria-art

2010-09-11 10:46

Dzięki marcincook sklepik skończyłem wszystko jest tak jak chciałem, górny pasek zakładek nachodzi na header, Wielkie dzięki jeszcze raz za pomoc, pozdrawiam

http://www.obrazygaleria.pl