|
Web dizajn Saveti u vezi dizajna sajtova |
|
Alatke vezane za temu | Vrste prikaza |
11.9.2013, 10:51 | #1 |
Novi član
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
|
Prilagodjavanje sajta rezoluciji svih ekrana
Pozdrav,
Ja sam Milos i nov sam na forumu .Trebalo bi da sam pogodio mjesto za temu.Sto se tice web razvoja za sad znam samo HTML i po nesto CSS-a.Uglavnom,poceo sam da pravim HTML sajt i dobro mi ide.Medjutim,znao sam da nece sve proci kako treba.Dizajn sajta izgleda ovako.Ono sto najvise sadrzi moj sajt su "layer block-ovi",nesto slicno div-u.Dakle,plavi dio sajta,gdje se nalaze neke slike (koje nisu dostupne),zatim footer gdje pise "desktop" i sa lijeve strane gdje se nalaze bijeli pravougaonici,to sam sve napravio pomocu tih block-ova.Sta je moj problem? Ako koristite desktop racunar,sigurno imate veci monitor nego sto je moj sajt . Kad sam pravio sajt,napravio sam ga da bude duzine kao moj ekran,nisam mislio o tome da ce uci neko sa vecim monitorom i da ce mu veci dio ekrana biti prazan. Ako pogledate kod sajta,mocicete da primjetite vise block-ova,medju kojima je #mainblock i #footerblock.Mainblock je blok gdje stoji 'Baner 1' a Footerblock je blok na dbu stranice gde pise 'Desktop'.E sad,ti blokovi moraju da se razvlace i da budu duzine kao i Vas ekran.To se radi kad na duzinu (width) stavim procente (%) umjesto piksela (px).Ja sam sad #mainblock stavio na width: 100% i sad bi trebalo da je on razvucen preko Vaseg ekrana.Ali,kad to pokusam da uradim sa #footerblock-om,on se samo pomjeri u lijevo i bude poravnat sa menijem sa desne strane.Dakle,treba da izgleda ovako: ali izgleda ovako: Pa mi treba savjet,kako mogu to da regulisem,ako iko moze da mi pomogne bio bih mu zahvalan.Pozdrav P.S Izvinjavam se zbog velicine slika,nisam umio drugacije. |
11.9.2013, 12:15 | #2 |
Član
Član od: 23.9.2007.
Poruke: 431
Zahvalnice: 229
Zahvaljeno 72 puta na 56 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
Izbaci footer iz font taga... Mada ima ovde podosta gresaka koliko vidim :/
Pretrazi Bootstrap CSS Framework na google-u i pogledaj grid system.. Nauci takodje html5 tagove.. i zapravo ceo koncept izgrade basic template-a I pogledaj ovaj kurs Jeffrey Way-a... Prilicno lepo objasnjava.. http://freecourses.tutsplus.com/30-d...-html-and-css/ Poslednja ispravka: GojaS (11.9.2013 u 12:27) |
11.9.2013, 20:31 | #3 |
Novi član
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
|
11.9.2013, 21:46 | #4 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
Рецимо...
Kod:
<link id="pagestyle" rel="stylesheet" type="text/css" href="large.css"> <script type="text/javascript"> function layoutHandler(){ var styleLink = document.getElementById("pagestyle"); if(window.innerWidth < 900){ styleLink.setAttribute("href", "mobile.css"); } else if(window.innerWidth < 1200){ styleLink.setAttribute("href", "medium.css"); } else { styleLink.setAttribute("href", "large.css"); } } window.onresize = layoutHandler; layoutHandler(); </script> |
12.9.2013, 9:31 | #5 |
Član
Član od: 23.9.2007.
Poruke: 431
Zahvalnice: 229
Zahvaljeno 72 puta na 56 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
|
12.9.2013, 10:30 | #6 |
Novi član
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
Jel' imate neko konkretno resenje,ja ucim te ucim,samo mi treba ovo sad da rijesim da bih mogao da hostujem sajt,a da bude normalan.Da li neko vidi gresku u kodu?
|
14.9.2013, 14:34 | #7 | |
Novi član
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
Citat:
|
|
14.9.2013, 21:10 | #8 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
Па у HEAD. Направи само css фајлове, дај им одговарајуће називе и линкуј их.
|
14.9.2013, 22:14 | #9 |
Novi član
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
A ako ovo stavim u HEAD,sta cu da stavim u te CSS fajlove?
|
15.9.2013, 14:19 | #10 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Prilagodjavanje sajta rezoluciji svih ekrana
Преко ЈЅ видиш коју резолуцију користи посетилац и сервираш му СЅЅ фајл прилагођен његовом уређају. Не знам шта ти није јасно.
|
Bookmarks sajtovi |
Alatke vezane za temu | |
Vrste prikaza | |
|
|
Slične teme | ||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Pozadinska slika sajta SK-a na HD rezoluciji | Bolton | O SK-u uopšte | 6 | 14.1.2011 14:07 |