xentiu 56 Napisano 9 Maja 2013 Udostępnij Napisano 9 Maja 2013 Witam, Pokroiłem stronę na plasterki, zapisałem dla internetu, uruchamiam i strona jest po lewej stronie przeglądarki. Jak zrobić by photoshop wycentrował stronę i dodał tło takie jak tutaj ten niebieski gradient po bokach? Cytuj Link to post Share on other sites
fantomaz 64 Napisano 9 Maja 2013 Udostępnij Napisano 9 Maja 2013 (edytowane) otwierasz plik *.html notatnikiem lub edytorem HTML i obraz wrzucasz w znacznik center przykład: <center> <img src="Untitled-1.jpg" width="470" height="720" alt=""> </center> Oczywiście to jest jeden z wielu sposobów na centrowanie treści.A tła po bokach to sam chyba nie doda ;D tym bardziej gradientżeby uzyskać podobny gradient jak tu? tzn na benchmarku ? tło można dodać za pomocą stylów w HEADprzykład: <head> <style type="text/css"> body { background: #08223c; /* Old browsers */ background: -moz-linear-gradient(left, #08223c 0%, #2b88d9 32%, #2b88d9 48%, #207cca 65%, #08223c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#08223c), color-stop(32%,#2b88d9), color-stop(48%,#2b88d9), color-stop(65%,#207cca), color-stop(100%,#08223c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #08223c 0%,#2b88d9 32%,#2b88d9 48%,#207cca 65%,#08223c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #08223c 0%,#2b88d9 32%,#2b88d9 48%,#207cca 65%,#08223c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #08223c 0%,#2b88d9 32%,#2b88d9 48%,#207cca 65%,#08223c 100%); /* IE10+ */ background: linear-gradient(to right, #08223c 0%,#2b88d9 32%,#2b88d9 48%,#207cca 65%,#08223c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08223c', endColorstr='#08223c',GradientType=1 ); /* IE6-9 */ } </style> </head> Edytowane 9 Maja 2013 przez fantomaz Cytuj Link to post Share on other sites
xentiu 56 Napisano 9 Maja 2013 Autor Udostępnij Napisano 9 Maja 2013 ok dzięki, poradziłem sobie z tym w trochę inny sposób Cytuj Link to post Share on other sites
drachenfeles 5499 Napisano 9 Maja 2013 Udostępnij Napisano 9 Maja 2013 <center> normalnie bomba, świetna metoda ale 15 lat temu Cytuj Link to post Share on other sites
fantomaz 64 Napisano 9 Maja 2013 Udostępnij Napisano 9 Maja 2013 normalnie bomba, świetna metoda ale 15 lat temu stara ale w tym przypadku chyba najszybsza i najprostsza metoda, przecież nie wkleję tu kurs html'a xDdomyślam się, że skoro generuje stronę w PS to jest ona przeznaczona tylko do podglądu, więc chyba nie ma znaczenia jaki sposób byle działało ok dzięki, poradziłem sobie z tym w trochę inny sposób podziel się z nami tym sposobem Cytuj Link to post Share on other sites
xentiu 56 Napisano 10 Maja 2013 Autor Udostępnij Napisano 10 Maja 2013 troche divów i class Cytuj Link to post Share on other sites
drachenfeles 5499 Napisano 10 Maja 2013 Udostępnij Napisano 10 Maja 2013 i słusznie, choć dla całej strony wystarczy html, body { margin: 0 auto; } Cytuj Link to post Share on other sites
mroczny85 46 Napisano 11 Maja 2013 Udostępnij Napisano 11 Maja 2013 Drachen, a nie lepiej dać to do css i w klasę ? Zawsze mniej zbędnych linijek jest w pliku html czy php np: .body { margin: 0px auto; } Cytuj Link to post Share on other sites
Recommended Posts
Dołącz do dyskusji
Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.