Forum Sveta kompjutera

Nazad   Forum Sveta kompjutera > Internet > Web razvoj > Web dizajn

Web dizajn Saveti u vezi dizajna sajtova

Odgovor
 
Alatke vezane za temu Vrste prikaza
Stara 11.9.2013, 10:51   #1
Milos Master
Novi član
 
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom 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.
Milos Master je offline   Odgovor sa citatom ove poruke
Stara 11.9.2013, 12:15   #2
GojaS
Član
 
Član od: 23.9.2007.
Poruke: 431
Zahvalnice: 229
Zahvaljeno 72 puta na 56 poruka
Određen forumom 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)
GojaS je offline   Odgovor sa citatom ove poruke
Stara 11.9.2013, 20:31   #3
Milos Master
Novi član
 
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom Re: Prilagodjavanje sajta rezoluciji svih ekrana

Citat:
GojaS kaže: Pregled poruke
Izbaci footer iz font taga...
Gdje si vidio taj footer u font tagu?
Milos Master je offline   Odgovor sa citatom ove poruke
Stara 11.9.2013, 21:46   #4
Dekip
V.I.P. Recenzent
 
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
Određen forumom 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>
Ово је js а исто може и php.
Dekip je offline   Odgovor sa citatom ove poruke
Stara 12.9.2013, 9:31   #5
GojaS
Član
 
Član od: 23.9.2007.
Poruke: 431
Zahvalnice: 229
Zahvaljeno 72 puta na 56 poruka
Određen forumom Re: Prilagodjavanje sajta rezoluciji svih ekrana

Citat:
Milos Master kaže: Pregled poruke
Gdje si vidio taj footer u font tagu?
Nzm, tako mi pise u konzoli
Kazem ti, to sto pitas su bas osnove. Zato ti i preporucujem neki tutorijal
GojaS je offline   Odgovor sa citatom ove poruke
Stara 12.9.2013, 10:30   #6
Milos Master
Novi član
 
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom 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?
Milos Master je offline   Odgovor sa citatom ove poruke
Stara 14.9.2013, 14:34   #7
Milos Master
Novi član
 
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom Re: Prilagodjavanje sajta rezoluciji svih ekrana

Citat:
Dekip kaže: Pregled poruke
Рецимо...

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>
Ово је js а исто може и php.
A gdje ovo da ubacim,jel moze pomoc u vezi ovog?
Milos Master je offline   Odgovor sa citatom ove poruke
Stara 14.9.2013, 21:10   #8
Dekip
V.I.P. Recenzent
 
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
Određen forumom Re: Prilagodjavanje sajta rezoluciji svih ekrana

Па у HEAD. Направи само css фајлове, дај им одговарајуће називе и линкуј их.
Dekip je offline   Odgovor sa citatom ove poruke
Stara 14.9.2013, 22:14   #9
Milos Master
Novi član
 
Član od: 9.9.2013.
Poruke: 5
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom Re: Prilagodjavanje sajta rezoluciji svih ekrana

A ako ovo stavim u HEAD,sta cu da stavim u te CSS fajlove?
Milos Master je offline   Odgovor sa citatom ove poruke
Stara 15.9.2013, 14:19   #10
Dekip
V.I.P. Recenzent
 
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
Određen forumom Re: Prilagodjavanje sajta rezoluciji svih ekrana

Преко ЈЅ видиш коју резолуцију користи посетилац и сервираш му СЅЅ фајл прилагођен његовом уређају. Не знам шта ти није јасно.
Dekip je offline   Odgovor sa citatom ove poruke
Odgovor

Bookmarks sajtovi

Alatke vezane za temu
Vrste prikaza

Vaš status
Ne možete postavljati teme
Ne možete odgovarati na poruke
Ne možete slati priloge uz poruke
Ne možete prepravljati svoje poruke

BB kod: uključeno
Smajliji: uključeno
[IMG] kod: uključeno
HTML kod: isključeno


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


Sva vremena su po Griniču +2 h. Sada je 10:58.


Powered by vBulletin® verzija 3.8.7
Copyright ©2000–2024, vBulletin Solutions, Inc.
Hosted by Beograd.com