Responsive web dizajn

poruka: 12
|
čitano: 2.485
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
14 godina
offline
Responsive web dizajn

Trenutno radim na ovoj stranici http://www.opstanak.hr/, jako je stara i direktor nema u planu raditi novu, uglavnom stranica je bila radena u tablici. Tablica je prebacena u div tagove i sve je napravljeno u fluidnim divovima, znaci responsive, medutim direktor bi htio da je na npr. mobitelu drukciji raspored elemenata na sajtu, kako da to napravim?

Nitko ne umire kao djevac,jer život svakoga izj*be.
 
0 0 hvala 0
8 godina
neaktivan
offline
Re: Responsive web dizajn

Ja sam to radio pomoću više css fileova.

Imao sam npr. css file za desktop, css za tablet i css za mobitele.

 

Kada je korisnik ušao na stranicu css se sam includeao ovisno o rezoluciji i vrsti gadgeta preko kojega je ušao.

 

npr. <link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='cssfile.css' /> ili <link rel='stylesheet' media='screen and (min-width: 701px) href='filecss.css' />

Još bih ti preporučio da pogledaš na ovom linku ili ovom linku

14 godina
offline
Responsive web dizajn

Css nije problem vec html, zelim na mobitelu imat drugačiji raspored elemenata na samoj html stranici

Nitko ne umire kao djevac,jer život svakoga izj*be.
 
0 0 hvala 0
15 godina
offline
Responsive web dizajn

foundation ima zgodne grid i visibility klase

 

 

 
0 0 hvala 1
14 godina
offline
Re: Responsive web dizajn

Ako se ovo moze koristiti na bilo kojoj stranici onda si mi puno pomogao 

Nitko ne umire kao djevac,jer život svakoga izj*be.
14 godina
offline
Responsive web dizajn

da ne otvaram novi topic
ovaj vertikalni menu sa lijeve strane je accordion menu, jel postoji mogucnost da od njega stvorim menu koji ce se na mobitelu pretvoriti u three line's menu?

Nitko ne umire kao djevac,jer život svakoga izj*be.
 
0 0 hvala 0
15 godina
offline
Responsive web dizajn

Ako sam dobro shavatio misliš na hamburger menu?

 
0 0 hvala 1
14 godina
offline
Responsive web dizajn

Foundation mi ne radi na navedenoj stranici, mijesa se sa ostalim css-om...

Nitko ne umire kao djevac,jer život svakoga izj*be.
 
0 0 hvala 0
8 godina
neaktivan
offline
Re: Responsive web dizajn

u slucaju ako nisi proba: mozda imas vecu sricu s Bootstrap-on sto se tice mijesanjem ostalom CSS-om.

Bootstrap Grid System: Column Ordering 

 

poz

sorry for bad croatian
14 godina
offline
Responsive web dizajn

Vec sam rijesio probleme, ali hvala svakako. 
Ako netko razumije ajax a da moze pomoci neka se slobodno javi na temi ili u PP. 

Nitko ne umire kao djevac,jer život svakoga izj*be.
 
0 0 hvala 0
9 godina
neaktivan
offline
Re: Responsive web dizajn

što te muči s ajaxom?

14 godina
offline
Responsive web dizajn

Imas u PP sve objasnjeno 

Nitko ne umire kao djevac,jer život svakoga izj*be.
 
0 0 hvala 0
1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice