Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Оцените проект bewit.ru [2]
Форумы портала PHP.SU » Объявления » Наработки по собственным проектам » Оцените проект bewit.ru

Страниц (2): « 1 [2]
 

16. DeepVarvar - 19 Июля, 2013 - 22:46:41 - перейти к сообщению
DelphinPRO пишет:
использовали медиа-запросы
Уже ковыряю стили.
Спойлер (Отобразить)
По пути крякнул скрипт протофлюида
Спойлер (Отобразить)
... Лицуху потом у него куплю, щас некогда, там 150 рублей всего..
17. DelphinPRO - 19 Июля, 2013 - 23:50:51 - перейти к сообщению
DeepVarvar
поменяй местами блоки left и right в коде

чтобы долго не показывать, покажу кодом

CODE (html):
скопировать код в буфер обмена
  1. <div class ="right">Content</div>
  2. <div class ="left">Меню</div>


CODE (css):
скопировать код в буфер обмена
  1. .right {
  2.   float:left;
  3.   margin-left: 200px; /* ширина боковой панели */
  4. }
  5. .left {
  6.   float:left;
  7.   margin-left: -800px; /* ширина боковой панели + ширина контента */
  8. }


тогда для смартов можем сделать так

CODE (css):
скопировать код в буфер обмена
  1. @media screen and (max-width: 768px) {
  2.  .right, .left {
  3.     float:none;
  4.     margin: 0;
  5.     width: auto;
  6.   }
  7. }


расположив всё содержимое сайта в одну колонку, и при этом самая интересная часть ддля пользователя будет вверху.
18. DeepVarvar - 20 Июля, 2013 - 00:14:12 - перейти к сообщению
Так оно щас так и есть только я не менял блоки местами потому что внизу один хрен меню дублируется.
А лефт я просто скрываю дисплей нон.
Отвлекся пока - дела тут..
19. teddy - 20 Июля, 2013 - 00:31:32 - перейти к сообщению
DeepVarvar
IE выдает ошибку в файле pf.js 867 строка.

+ ко всему, к этому файлу нельзя получить доступ по прямому пути, получаем 404 ошибку то нормально, но браузер предлагает его в таком случае скачать, что я успешно и сделал...

CODE (javascript):
скопировать код в буфер обмена
  1. console.log("To enable ProtoFluid, supply a hashtag of #protoFluid. So, " + b.toString() + "\n\n");

Вот тут... ругается, что console - не определена
20. DeepVarvar - 20 Июля, 2013 - 01:06:38 - перейти к сообщению
Да плевать на этот pf.js в осле - эта шляпа для теста адаптивного диза.
Я его допилю и удалю этот файл.
(Добавление)
Готово..
21. DeepVarvar - 20 Июля, 2013 - 21:56:43 - перейти к сообщению
DelphinPRO, под планшетки я сделал.
Но ты упоминал про широкий моник и мелкие шрифты.
Что тут посоветуешь?
Посмотреть в монитор не советуй - у меня старый моник умеет 1024х768 максимум.
Может шрифты в "емах" задать?
22. DelphinPRO - 20 Июля, 2013 - 23:40:04 - перейти к сообщению
Необязательно емы. Там у тебя шрифты нечасто переопределются. Достаточно задать для боди шрифт покрупнее и увеличить ширину контейнеров. Ну и скорректировать при надобности нек другие параметры. Уложишься в пару десятков строк CSS-кода

CODE (css):
скопировать код в буфер обмена
  1. @media screen and (min-width: 1440px) {
  2.   /* и поехали :) */
  3. }


вот так у меня сейчас выглядит сайт
http://delphinpro[dot]ru/s/screensho[dot][dot][dot]30721-003157[dot]png

а мог бы выглядеть, например, так
http://delphinpro[dot]ru/s/screensho[dot][dot][dot]30721-003437[dot]png
(Добавление)
DeepVarvar пишет:
Посмотреть в монитор не советуй - у меня старый моник умеет 1024х768 максимум.

В последних версиях FireFox есть прекрасный инструмент "Адаптивный дизайн" (вызывается по Shift+Ctrl+M в виндовс версии, в линухе думаю так же).

http://delphinpro[dot]ru/s/screensho[dot][dot][dot]30721-004204[dot]png
23. Crate - 21 Июля, 2013 - 10:24:07 - перейти к сообщению
DeepVarvar, можно юзать боилерплейты, или сделать все на резине.

 

Powered by ExBB FM 1.0 RC1