prijava: |
registracija: |
aktivne teme: |
najčitanije: |
nove poruke: |
autori: |
pretraga

Nova poruka

Dinamični background

poruka: 3: |
čitano: 915: |
moderatori: Lazarus Long, XXX-Man, vincimus

1

+/- sve poruke
ravni prikaz
starije poruke gore

13 godina

neaktivan

offline

čet 8.3.2012 11:58

Odgovori Citiraj

Dinamični background

Htio bih napraviti web stranicu sa backgroundom, ali ne mogu nikako podesiti da se slika razvlači ovisno o rezoluciji.

Kako da to učinim?

Isn't it a remarkable coincidence almost everyone has the same religion as their parents? Religions run in families. How does this come about? Trough childhood indoctrination. -Richard Dawkins

Moj PC

trajni link

0 0 hvala 0

14 godina

protjeran

offline

čet 8.3.2012 12:05

Odgovori Citiraj

Re: Dinamični background

Unix kaže...

Htio bih napraviti web stranicu sa backgroundom, ali ne mogu nikako podesiti da se slika razvlači ovisno o rezoluciji.

Kako da to učinim?

Pogledaj ovo:

http://css-tricks.com/how-to-resizeable-background-image/

Biti ili mniti svemiropolisno

trajni link nadporuka

0 0 hvala 0

16 godina

neaktivan

offline

čet 8.3.2012 14:45

Odgovori Citiraj

Dinamični background

Možeš sa Css-om, jedna od metoda ti je napraviš div i unutra ubaciš img(obavezno img-u dodaj i width i height 100%).

Recimo da daš divu id bg, onda ide ovaj css #bg{position:fixed; top:0px; left:0; width:100%; height:100%;z-index:-1;}.

Nakon toga samo napraviš još jedan div koji će ustvari služiti kao kontejner za cijelu stranicu, nazoveš ga wrapper i daš mu ovaj Css #wrapper{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index:0;}.

Ja sam ovako uvijek radio i ovo stvarno super radi, ali je problem što slika ne zadržava svoj aspect ratio, tako da je to veliki problem. Naravno bez Javascripta nema ništa od kvalitetnog resizanja, i onda sam naišao na ovaj plugin, koji radi upravo to, fullscreen background image koji sadržava aspect ratio kod resizanja browsera. Evo link

trajni link

1 0 hvala 1

1

Nova poruka

16:24 Savjeti o nadogradnji računala
16:23 Kolike su plaće u AI branši? U rangu najvećih spor
16:08 Battlefield 6
15:55 FC Barcelona
15:50 Posljednji film koji ste gledali - preporuka?
15:33 Kutak za ljubitelje Formule 1
15:31 Koji televizor kupiti - vodič za odabir
15:24 Koju seriju trenutno pratite?
14:52 Auti - ultimativna tema
14:43 Google će koristiti baterije koje skladište energi
14:11 SSD disk nema boot win menager tko ovo riješi faca
13:59 Prava potrošača - reklamacije, povrat, zamjena...
13:45 Ultimativna tema za odabir prijenosnika
13:37 Koji iptv izabrati?
13:12 Povjerenje u AI alate među programerima kako se ko
13:07 Sanjaju li moždani organoidi električne ovce?
13:01 Uputa: Stremio+RealDebrid+Torrentio streaming
12:57 Dossier fentanil: sintetska smrt bez liječničkog r
12:56 Telemach – Fiksne i mobilne usluge [Rasprava]
12:33 Opća rasprava o procesorima (CPU)
11:20 Geste u Androidu kako prilagodit?
11:12 Youtube premium
10:50 Biciklizam, bicikli, oprema, staze...
10:32 HNK Hajduk Split
10:04 'Konfabulacijska kaskada': kako AI programerski as
10:00 Rasprava o grafičkim karticama
09:55 Kućna mreža - AP vs Range Extender vs MESH
09:51 4G/5G routeri, mobilni hotspot, antene
09:42 Alternativa photoshopu
08:59 Top 10 filmova koje publika mrzi, a kritika obožav
08:54 Prva ugljično neutralna zemlja svijeta uskoro će b
08:29 Sony PlayStation 5
07:51 Sklapanje PC konfiguracija - od 1000 do 1300 EUR
06:38 Quick Cursor - olakšava korištenja pametnih telefo
00:22 Najveće tvrtke u povijesti u usporedbi s big tech
00:10 Zemlje s najviše 'jednoroga' u svijetu
00:04 Popusti, akcije i dobre ponude[Hardver] - P&O
22:32 Neki u kometu 3I/ATLAS vide dokaze za izvanzemaljs
22:25 Ford uskoro otkriva planove za novu generaciju cje
21:20 Honda predstavila mali gradski auto koji služi i k
21:08 Pozivnice za privatne torrent trackere
20:18 Tesla mora platiti 329 milijuna dolara odštete zbo
20:17 Titan quest 2
19:24 Dronovi Orqe prikazani na velikom vojnom mimohodu
17:31 Što je intuicija: supermoć ili misaoni placebo?
17:15 Zubnim koncem protiv gripe, ivermektinom protiv ma
16:37 Savjetnik za izbor slušalica za potrebe gaminga
16:28 Medjuspremnik
15:28 S90D OLED 65" i 1080p
14:08 Bakterije koje nam prvo uklone bubrežne kamence, a
13:14 iPhone 17 Air imat će bateriju 'kriminalno' malog
13:11 Popusti, akcije i dobre ponude za igre
12:24 Top 10 filmova koje kritika mrzi, a publika obožav
11:45 Honor 400 Pro
10:30 Pomoć pri odabiru mobitela
09:07 Electronic Arts najavio Plants vs. Zombies: Replan
08:04 Wireless USB za postojeci android u autu
07:53 Google ponovo izgubio parnicu, Play Store na popr
04:58 Tko će biti nogometni prvak Hrvatske u sezoni 2025
01:30 Keychron K4 HE atraktivna je mehanička tipkovnica
01:21 Čak 740 KS iz 13 kg: Britanci stvorili rekordni el
2.8. Koji monitor kupiti
2.8. World of Tanks
2.8. Škoda ne odustaje od karavana: Vision O najavljuje
2.8. Samsung onemogućio otključavanje bootloadera na mo
2.8. Glazbeni algoritmi: Kako Spotify zna što želite sl
2.8. Nintendo Switch 2
2.8. Mercedes i Porsche u problemima: carine i kinesko
2.8. AMD Ryzen procesori (opća tema)
2.8. Znanstvenici otkrili zašto su roveri zapinjali u p
2.8. Signale radara sa Zemlje mogle bi uhvatiti udaljen
2.8. Karbonska vlakna iz algi
2.8. Sklapanje PC konfiguracija - iznad 1300 EUR
2.8. IPhone 17/Air/Pro/Pro Max - [Rasprava]
2.8. Otpadom protiv otpada do električne energije
2.8. Bitcoin - pitanja i odgovori

vrh stranice

Copyright © 2008 - 2025 Bug d.o.o. sva prava pridržana.