Problem z osiagnieciem danego efektu. (Background) Opcje

[RosheD]

Witam bardzo serdecznie! Chciał bym osiagnąć efekt jak na stronie www.fullscreen.net z tlem oraz kropkami które przyciemniaja to tło.
Mój aktualny kod wyglada tak:

[PHP] pobierz, plaintext 
body {
    background-image:url(images/body_bg.jpg);
background-image:url(images/kostka.png);
BACKGROUND-IMAGE:url(images/tlo.jpeg);
background-repeat:no-repeat;
background-attachment:fixed; 
 
}
[PHP] pobierz, plaintext 

Bardzo prośił bym was o pomoc . Pozdrawiam

Ten post edytował RosheD 10.06.2013, 17:22:40

[.rmvb's]

Chyba trochę mało jeszcze napisałeś o tym.
Aktualnie przy tym co masz to jaki zyskujesz efekt?

Myślę, że po nadpisaniu tak jak zrobiłeś to tutaj, w tle wyląduje Ci tak na prawdę tylko BACKGROUND-IMAGE:url(images/tlo.jpeg);

Zaproponowałbym rozdzielenie tego na tła dla dwóch 'znaczników' które tworzą cały ekran.
Czyli przykładowo:

[HTML] pobierz, plaintext 
html{
 BACKGROUND-IMAGE:url(images/tlo.jpeg);
}
body{
 background-image:url(images/kostka.png);
}
[HTML] pobierz, plaintext 

[RosheD]

Dzieki coś twój kod pomógł aktualnie otrzymuje taki efekt
http://mydream.p.ht/?page_id=4
Jednakże jak przejść z takiego koloru do koloru zółtego(piaskowy)?
Aktualny kod:

[PHP] pobierz, plaintext 
  html{
    BACKGROUND-IMAGE:url(images/tlo.jpeg);
background-position: center top;	
background-repeat: no-repeat;
    }
    body{
    background-image:url(images/kostka.png);
	repeat;
    }
[PHP] pobierz, plaintext 

[.rmvb's]

Wiesz, nie do końca rozumiem pytanie.
Chodzi o to, żeby tam, gdzie kończy się grafika był kolor a nie białe ?
Wystarczy do której z tych reguł css dodać

[HTML] pobierz, plaintext 
background-color: (i tu znajdź coś odpowiedniego, co przypomina piasek ;p )
[HTML] pobierz, plaintext 

[RosheD]

tak dobrze zrozumiałeś jednakże wtedy przejście bedzie masakrycznie brzydkie. I tu jest problem jak to zrobićaby przejście było piekne?
Myśle ze pod koniec tła center dam jakiś podkreślnik(nie wiem jak to nazwać) aby przejśce było w miare okej. Co o tym myślisz?

[.rmvb's]

To wszystko jest już kwestią gustu (IMG:style_emoticons/default/wink.gif)
Jest wiele rozwiązań, najłatwiej to dobrać grafikę w taki sposób (przerobić) aby dolna część grafiki była kolorem tła.
W ten sposób zatraca się linia między obrazkiem a kolorem (IMG:style_emoticons/default/wink.gif)

Pokombinuj

[RosheD]

Dobra praktycznie to już mam, lecz mam inne pytane gdzie będzie możliwość zmiany miejsca logo? Bo zamienilem logo lecz nie wiem jak je dobrze umiejscowić.
Dodam że strona oparta o Wordpress. W header.php jest pusto nie ma zadnego nawiązania do tego a w css też nic nie widze. Jakieś pomysły?

Ten post edytował RosheD 10.06.2013, 19:58:57

[.rmvb's]

Do tego typu problemów polecam wtyczkę do firefox, czyli nasz kochany firebug <3
Powie Ci, gdzie i co się znajduje. Możesz też na bierząco dokonywać zmian i widzieć tego efekt (IMG:style_emoticons/default/wink.gif)

[erix]

Niestety, ale Firebug w porównaniu do devtoolsów Chrome'a/Chromium się nie umywa...