Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Problem z tłem
#1
Witam,
Mam następujący problem.
Na stronie www posiadam 5 podstron. Cztery z nich mają tło, którym jest plik X.jpg o wymiarach 1000x620 px. Te cztery podstrony są na tyle małe że po otwarciu okna na pełnym ekranie nie trzeba niczego przewijać. Cała zawartość strony jest widoczna.

Natomiast ta piąta podstrona zawiera większą ilość tekstu i tam pojawia się pasek przewijania. Oczywiście chciałbym aby na tej podstronie było takie samo tło jak na poprzednich tyle, że plik 1000x620 jest za mały. Muszę mieć 1000x 1800px.

W związku z tym w PS utworzyłem nowy dokument o takich wymiarach 1000x1800 px z przezroczystym tłem i wkleiłem na warstwy plik tła X.jpg a następnie scaliłem dokument i powstał mi plik tła Y.jpg. Po wrzuceniu go na stronę okazało się, że tło tak zrobione jest ciemniejsze i węższe.

Zupełnie nie wiem jak sobie z tym poradzić i gdzie tkwi mój błąd. Czy podczas tworzenia pliku tła? Czy jakiś parametr kodu jest błędny?

Kod Css:


#main {
width: 100%;
min-width: 800px;
background: url(images/X.jpg) no-repeat center bottom;
height: 620px;
}

#main3 {
width: 100%;
min-width: 800px;
background: url(images/Y.jpg) no-repeat center bottom;
height: 1800px;

}

pozdrawiam
Odpowiedz
#2
kod jest ok. Weź pod uwagę, że jeśli zrobiłeś tło w Photoshopie i zapisałeś je do JPG, to zapewne ustawiłeś jakąś utratę jakości (np 8), aby zyskać na wadze (bo nie mam watpliwości, że z funkcji zapisu do web mało kto korzysta...) Jeśli otwierasz później tego JPG'a i zapisujesz go do innego pliku, to proces zapisu jest powtarzany, a zatem jeśli ustawisz jakość na 8 to te 8 zrobi się z tych 8,w których zapisałeś już wcześniej JPG'a X. Stąd tło może być ciemniejsze, po prostu jest gorszej jakości. Wszystkie operacje tego typu powinny być wykonywane na oryginalnym PSDku, który zawsze powinien być zapisany...
Co do szerokości, jeśli nic nie poprzestawiałeś w Photoshopie i plik Y ma taką samą szerokość jak plik X, to jego "węższość" może być tylko iluzją. Zauważ, że na tej podstronie masz więcej tekstu i pojawia się suwak, a zatem pole okna przeglądarki jest automatycznie zmniejszone o szerokość suwaka... ja się kiedyś 2x na tym złapałem i zastanawiałem się dlaczego strona mi się przesuwa, hehe...

Nie da się zrobić z tego tła seamless? Wtedy byłoby łatwiej i dużo lepiej wagowo...
Jeśli strona jest w sieci, podrzuć link... Zerkniemy, doradzimy
Odpowiedz
#3
Co do zapisu jpg. Nie pamiętam ale często korzystam z zapisu do Web bo w ten sposób sposób zmniejszam fotografie na portale.
W jeśli nie robię zapisu do weba to jakość ustawiam na maxa czyli chyba 12. Muszę to sprawdzić. Dziękuję.

Co do ciemniejszego tła to zastanawiałem się czy czy to nie kwestia profilu kolorów nowego pliku.

Może faktycznie iluzja. W ten sposób nie podchodziłem do tematu. Tym bardziej jak tło jest ciemniejsze to zwęża. Bo ciemny wyszczupla Smile.

Co to znaczy seamless ?

Stronkę wieczorem postaram się podrzucić.
Odpowiedz
#4
Seamles tzn powtarzalny... tak jak wzorek w photoshopie... Chodzi o to, żeby powtarzać mały obrazek w pionie i w poziomie i żeby przy tym nie było widać tego komentu, w którym kończy się pierwszy a zaczyna drugi.
Odpowiedz
#5
Tak coś przeczuwałem. Ale nie wiem skąd takie tła wziąć, jak zrobić samemu i jak zaaplikować na stronę.
Odpowiedz
#6
Problem rozwiązany. Okazało się że problem tkwił w profilu kolorów tła pierwotnego i nowo tworzonego - sRGB i Adobe RGB.
Dzięki i pozdrawiam.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak uzyskać taki efekt związany z tłem Moody 1 2,422 01-08-2013, 02:44
Ostatni post: hieroshima
  Praca z szablonem CSS - problem z tłem czaderak 3 3,285 08-07-2012, 01:51
Ostatni post: czaderak
  problem z tłem [html] [css] kasiakfoto 6 4,766 19-03-2011, 20:40
Ostatni post: Pedro84
  Problem z tłem css Heyek 4 3,695 14-03-2011, 14:49
Ostatni post: Kartofelek
MyBB Problem z tłem Qwr2 3 2,782 26-04-2010, 19:28
Ostatni post: Pedro84

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl