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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Оцените проект bewit.ru [2]

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Поиск в теме | Версия для печати
DeepVarvar Супермодератор
Отправлено: 19 Июля, 2013 - 22:46:41
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


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



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
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. }


расположив всё содержимое сайта в одну колонку, и при этом самая интересная часть ддля пользователя будет вверху.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
DeepVarvar Супермодератор
Отправлено: 20 Июля, 2013 - 00:14:12
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Так оно щас так и есть только я не менял блоки местами потому что внизу один хрен меню дублируется.
А лефт я просто скрываю дисплей нон.
Отвлекся пока - дела тут..
 
 Top
teddy
Отправлено: 20 Июля, 2013 - 00:31:32
Post Id


Участник


Покинул форум
Сообщений всего: 1462
Дата рег-ции: Апр. 2013  


Помог: 91 раз(а)
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 Июля, 2013 - 00:38:05)

 
 Top
DeepVarvar Супермодератор
Отправлено: 20 Июля, 2013 - 01:06:38
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Да плевать на этот pf.js в осле - эта шляпа для теста адаптивного диза.
Я его допилю и удалю этот файл.
(Добавление)
Готово..
 
 Top
DeepVarvar Супермодератор
Отправлено: 20 Июля, 2013 - 21:56:43
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
DelphinPRO, под планшетки я сделал.
Но ты упоминал про широкий моник и мелкие шрифты.
Что тут посоветуешь?
Посмотреть в монитор не советуй - у меня старый моник умеет 1024х768 максимум.
Может шрифты в "емах" задать?
 
 Top
DelphinPRO
Отправлено: 20 Июля, 2013 - 23:40:04
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Необязательно емы. Там у тебя шрифты нечасто переопределются. Достаточно задать для боди шрифт покрупнее и увеличить ширину контейнеров. Ну и скорректировать при надобности нек другие параметры. Уложишься в пару десятков строк 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


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Crate
Отправлено: 21 Июля, 2013 - 10:24:07
Post Id



Посетитель


Покинул форум
Сообщений всего: 312
Дата рег-ции: Янв. 2012  


Помог: 4 раз(а)
DeepVarvar, можно юзать боилерплейты, или сделать все на резине.
 
 Top
Поиск в теме | Версия для печати
Страниц (2): « 1 [2]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Наработки по собственным проектам »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB