• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Przerabianie obrazka na tło(grafika wektorowa)

Object Storage Arubacloud
0 głosów
549 wizyt
pytanie zadane 17 lutego 2018 w Grafika i multimedia przez Scypyon Gaduła (3,450 p.)

Przykładowo jak mam zwykły obrazek:

I chciałbym z niego zrobić tło na stronę internetową, żeby był skalowalny wraz ze zmienianiem się szerokości i wysokości, to jak mam się tak krok po kroku do tego zabrać ? 

1 odpowiedź

+2 głosów
odpowiedź 17 lutego 2018 przez Tomek Sochacki Ekspert (227,510 p.)
wybrane 17 lutego 2018 przez Scypyon
 
Najlepsza
//Style CSS dla elementu <body>:

background-image: url( "adres obrazka" );
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

Można je złączyć w jednej linijce, tu zapisałem oddzielnie aby wskazać te najważniejsze.

Małe wyjaśnienie do ostatniego elementu. Jeśli dasz na 100% 100% to przy zmianie wymiarów okna obrazek będzie się zniekształcał. Lepsze jest cover bo w razie potrzeby po prostu "przytnie" część obrazka, ale zachowa właściwe proporcje.

komentarz 17 lutego 2018 przez Scypyon Gaduła (3,450 p.)
dodałem jeszcze background-position: 50%; i jest efekt o który mi chodziło, dzięki bardzo :)

Podobne pytania

0 głosów
2 odpowiedzi 498 wizyt
0 głosów
2 odpowiedzi 913 wizyt
0 głosów
2 odpowiedzi 3,815 wizyt
pytanie zadane 31 marca 2017 w Grafika i multimedia przez Mavimix Dyskutant (8,390 p.)

92,570 zapytań

141,422 odpowiedzi

319,643 komentarzy

61,958 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...