setter14 Napisano 4 Sierpień 2010 Share Napisano 4 Sierpień 2010 1. Zacznijmy od tego; mianoiwice zakładam ze tłem strony jest zdjęcie. Rozne komputery = rozne rozdzielczosci wiec co mam zrobić zeby zdjecie (i cała strona) ładnie dopasowywała się do ekranu monitora ? 2. Przygotowalem grafike w Photoshopie, pocialem je i teraz chce jest wstawic do Adobe Dreamweaver i tu pytanie jak to zrobić zeby je rozmiescic na stronie a nie kazdy element pod soba. Prosze mi wytłumaczyc tak na chlopski rozum. Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
olaf Napisano 5 Sierpień 2010 Share Napisano 5 Sierpień 2010 zainteresuj sie divami. Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
Lukasz_D Napisano 5 Sierpień 2010 Share Napisano 5 Sierpień 2010 Jesli chodzi o drugie pytanie to ten tutek moze sie przyda http://www.carlosaleman.com/tutorial.html a jesli chodzi o pierwsze pytanie to z checia sie dowiem o co chodzi z tymi tłami div -tak na chlopski rozum poprosze :) Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
Orangegraphics Napisano 5 Sierpień 2010 Share Napisano 5 Sierpień 2010 ale jak divem rozciągać jpg-a? chyba się nie da? Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
Gość AT7 Napisano 5 Sierpień 2010 Share Napisano 5 Sierpień 2010 A jeśli chodzi o pytanie pierwsze to odpowiedzią jest JavaScript. Taki skrypcik który wrzucamy w body: <br /> document.body.style.backgroundImage = "url(images/bg"+screen.width+"x"+screen.height+".jpg)";<br /> Oczywiście nazwa fotki tła to np "bg1600x900.jpg", wystarczy wrzucić każdą możliwą wersje rozdzielczości i działa :) Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
olaf Napisano 5 Sierpień 2010 Share Napisano 5 Sierpień 2010 ale jak divem rozciągać jpg-a? chyba się nie da? nawet nie wiem czy sie da, chyba tak. niemniej mi przez dopasowanie chodziło bardziej wypozycjonowanie. Jak cos jest tlem, to lepiej by sie pozycjonowalo niz sklaowalo jezeli ma sie zgrac z resztą. Mozliwe ze sie nie zrozumielismy. Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
Lukasz_D Napisano 5 Sierpień 2010 Share Napisano 5 Sierpień 2010 Będę musial to wypróbowac pozniej - zdjęcia stracą jakość jak się je bedzie rozciagac ... czyli trzeba przygotowac zdjecie w kilku roznych rozdzielczosciach ? Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
Gość AT7 Napisano 5 Sierpień 2010 Share Napisano 5 Sierpień 2010 (edytowane) Właśnie one nie bedą się rozciągać. Tak jak piszesz, przygotowujesz zdjecia w różnej rozdzielczości i nic się nie będzie rozciągać. Edytowane 5 Sierpień 2010 przez AT7 Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
setter14 Napisano 5 Sierpień 2010 Autor Share Napisano 5 Sierpień 2010 AT7 bo ja sie troche na tym nie znam czyli jesli ich jest np trzy czyli: document.body.style.backgroundImage = "url(bg1600x900.jpg)"; document.body.style.backgroundImage = "url(bg1280x800.jpg)"; document.body.style.backgroundImage = "url(bg800x600.jpg)"; ? Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
olaf Napisano 5 Sierpień 2010 Share Napisano 5 Sierpień 2010 ty tylko nazywasz pliki na serwerze i wklejasz tamten skrypt, a on sam wybiera jaką bitmapę zaladować. Nazwy podales dobre. Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
kots Napisano 10 Sierpień 2010 Share Napisano 10 Sierpień 2010 Witam. Jeżeli kojarzysz trochę angielski polecam: http://css-tricks.com/perfect-full-page-background-image/ "Rozciągnięte" tło wcale nie wygląda tak źle - oczywiście wszystko w granicach rozsądku. ;) Wykonywałem coś takiego: rozdzielczość bazowa obrazka wynosiła 1024x768px - przy skalowaniu do 1440x900 wyglądało to całkiem ok. Oczywiście można tez pójść w drugą stronę, podać obrazek większy, który będzie interpolowany do mniejszej rozdzielczości. ;) Sugeruję Ci też zainteresować się media queries: http://www.1stwebdesigner.com/tutorials/how-to-use-css3-orientation-media-queries/ http://www.protofunc.com/scripts/jquery/mediaqueries/ Chociaż to już trochę bardziej zamotane zagadnienie, trzeba by się było bawić w testy kompatybilności pomiędzy przeglądarkami (niestety nie testowałem tego jeszcze, więc sam niewiele mogę CI napisać). Niemniej to rzecz interesująca, na pewno nie zaszkodzi Ci się z nią zapoznać. :P Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
kots Napisano 11 Sierpień 2010 Share Napisano 11 Sierpień 2010 Wykonałem super prosty lay, któy używa bitmapy (1024x768) rozciągniętej na full. Posłużyłem się jquery (poszedłem na łatwiznę ;P). Załączam - może komuś się przyda. ;) Nie działa to na ie6, ponieważ użyłem "position:fixed". Dało by się zrobić na 666, ale nie chciało mi się bawić. ;P Praca z ie6 to nic przyjemnego. Odnośnik do komentarza Udostępnij na innych stronach More sharing options...
Rekomendowane odpowiedzi
Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto
Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.
Zarejestruj nowe konto
Załóż nowe konto. To bardzo proste!
Zarejestruj sięZaloguj się
Posiadasz już konto? Zaloguj się poniżej.
Zaloguj się