PDA

Zobacz pełną wersję : Dostosowanie elementów strony do rozdzielczości ekranu



Medivh
16-06-2012, 11:29
Cześć,

Moja strona http://www.zdroisko.cba.pl

Problem w tym, że jak zmieniam rozdzielczość ekranu albo zmniejszam rozmiar okna przeglądarki to treść artykułu (wraz z nagłówkiem) przesuwa się poza pole tła (tej kartki). Chcę żeby tekst artykułu i tytuły nagłówków pozostawały na swoim miejscu bez względu na rozdzielczość ekranu.

Próbowałem już z atrybutem position, ale nie wychodzi. Co powinienem zrobić?

Pozdrawiam serdecznie

a_m
16-06-2012, 11:56
musisz przebudować szablon;
to jeden sposób - http://twitter.github.com/bootstrap/;
to drugi - http://masonry.desandro.com/

przegląd szablonów wykorzystujących te dwa sposoby http://www.ostraining.com/blog/joomla/mobile-ready-joomla-templates/ ; artykuł jest z lutego i od tego czasu kilka przybyło

hasło na dziś (http://www.google.pl/#hl=pl&gs_nf=1&pq=responsive%20joomla%20template&cp=12&gs_id=17x&xhr=t&q=responsive+web+design&pf=p&sclient=psy-ab&oq=responsive+w&aq=0&aqi=g4&aql=&gs_l=&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&fp=4faa6533872f6ac7&biw=1360&bih=666)

Medivh
16-06-2012, 13:19
Trochę to dla mnie za trudne, nie jestem na takim etapie jeszcze. Możesz mi wyjaśnić co ja mam z tym zrobić? mam wkleić gdzieś skrypt jquery.masonry.min.js ?

PeFik
16-06-2012, 13:37
Jeśli nie potrafisz sobie poradzić z kodem, sugeruje nabyć szablon typu Responsive !
W tym roku kilka wyszło.Ale z tego co widzę, twój szablon jest raczej dla jednej rozdzielczości z uwagi na grafikę tła etc.

Medivh
16-06-2012, 14:04
Co powinienem zatem zrobić żeby moja strona nie była nastawiona na jedną rozdzielczość? O czym muszę pamiętać tworząc stronę aby pasowała do różnych rozdzielczości? Czy nie da się nic zrobić już z moją aktualną stroną żeby treść się nie przesuwała?

Bazyl
16-06-2012, 14:08
http://www.joomlart.com/blog/joomla-templates/responsive-web-design-template-for-joomla-ja-elastica

PeFik
16-06-2012, 21:40
Albo szablon typu responsive dla Joomla! 2.5: http://www.gavick.com/joomla-templates/fashion,90.html