Давайте над адаптивным шаблоном потрудимся

+49
7.52K
Здравствуйте!
У вас никогда не возникало мыслей о том что наш дефолтный шаблон слишком отстал от развития самой системы?

… для тех кого это, как и меня, несколько смущает демо (это просто разметка)
Не знаю как кому, а мне наш дефолт в целом очень нравится. Надо только к нынешним реалиям чуть адаптировать.
Посмотрите, кого интересует, при разных разрешениях, желательно в разных устройствах (у кого они есть).
Вроде б должно быть так:
Иллюстрация
Если общий принцип подхода будет вами одобрен, будем пилить внутренности.
Пишите, пожалуйста, что надо бы сделать, что помните из явных косяков в дефолте (что пришло на ум, подправил — меню, стена...)
Кстати, по меню отдельный вопрос: как делать пункты на малых разрешениях — на всю ширину (вертикальное) или так как сейчас? Мне чё-то жаль места стало...
Ну и тут же: меню пользователя — оставить или запрятать в спойлер какой-нибудь (тоже места просит)?
Присоединяйтесь, как говорят у нас, в социальных сетях...
p.s. скрины, если можно, присоединяйте. Спасибо!
-1
Reborn Reborn 11 лет назад #
Хорошее нужное начало.
+3
livecom livecom 11 лет назад #
Как вариант, предлагаю создавать шаблон с помощью Bootstrap. Гибкая настройка под каждый проект, куча возможностей, поддержка разных браузеров, даже IE7.
0
Олег с клещами Олег с клещами 11 лет назад #
Только в 1.10.3 будет нужный jquery для бутстрапа. Сейчас вариантов нет. Или к Зайцеву за бранчем.
0
Malanas Malanas 11 лет назад #
Нужно ждать обновления jquery... а так не все возможности работают...
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Можно и на Bootstrap, не принципиально. Почему не рассматривал возможно самый популярный адаптивный фреймворк?
Вроде б кто-то делал на нём платный шаблон.
Да и приглянулись мне больше foundation и 1140px CSS Grid выбор сделал в пользу последнего: показалось он будет более привычен тех кто раньше использовал 960.GS с одной стороны, с другой - ничего лишнего; по поводу поддержки IE7 - ещё один плюс 1140.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Да, о самом главном то и забыл laugh
Что больше всего понравилось - будучи адаптивным, фреймворк заточен, в первую очередь, под обычные ныне широкоформатки. А это, согласитесь, основная масса наших пользователей.
0
Ai Ai 11 лет назад #
Если есть возможность, то лучше без фреймворков
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Аргументы какие?
+1
Amurland Amurland 11 лет назад #
Интересно! Полезно! Нужно!
Вот пару принтскринов с моего китайского ноунэйма андройд
смотрел в опере
http://i.pixs.ru:/storage/6/5/5/Screenshot_2639348_8841655.png
http://i.pixs.ru:/storage/6/5/7/Screenshot_5944535_8841657.png
0
Amurland Amurland 11 лет назад #
меню как сейчас нормально смотрятся.
0
Скела Скела 11 лет назад #
основная проблема адаптация компонентов. Imap к примеру или тривиальная проблема с размещением столбцов в разделах объявлений. Более правильным решением на мой взгляд было принято когда то у DLE, используя отдельный шаблон для мобильных версий. Как я не крутил адаптивные шаблоны для Icms - достойный оказался одни муз. тематики, но и то с погрешностями немалыми. В любом случае о данном направлении уже пора думать - ведь всё чаще видим надписи на стенах соц сетей "кто сейчас сидит с мобилки ставьте лайк". так что плюсик за начало.
-1
Reborn Reborn 11 лет назад #
Мобильный шаблон безусловно тоже нужен, т к многие сидят на старых телефонах и плохом инете с платным трафом. Но и адаптивным должен быть основной шаблон, т е для нетбука 1024х600 или широкоформатного дизайнерского моника 27", к примеру. Даже при обычной работе браузера, не во весь экран, адаптивный шаб удобнее, дабы не скролить нижнюю полосу. Резина этого не заменит при некоторых обстоятельствах.
0
Dost Dost 11 лет назад #
Самое главное, что необходимо внедрить для адаптивных шаблонов это генерация и загрузка маленьких картинок при уменьшении экрана. Если это реализовать — будет супер. Самим отображением сайта занимаются сами устройства и хуже или лучше уже справляются с этим, а вот размер страницы зависит от самого сайта и с этим беда. Будут маленькие картинки — будут быстро открываться страницы.
-1
Reborn Reborn 11 лет назад #
Совершенно в дырочку))
Нужно реализовать на уровне ядра ессно загрузку таких фото, и отдавать их по media@screen на нужное устройство.
Сделать ксс 5 кб не столь проблематично.
Поправьте, если есть лучше метод.
0
lokanaft lokanaft 11 лет назад #
А индексировать фотки необязательно?
-1
Reborn Reborn 11 лет назад #
Как всегда, сумничал бестолку. По существу есть что сказать ?
Или ... а воспитанию Вас не учили , вы детдомовские...
0
lokanaft lokanaft 11 лет назад #
Это чё за наезд? Базар то фильтруйте, да?

Какой media@screen для обычных картинок в теле страницы? Или вы просто решили визуально сжать тяжёлые и большие картинки до маленьких? Тогда при чём тут ресайз на сервере и экономия трафика?
media@screen подойдёт, только если отдавать фотки фоном, а не img.
0
Reborn Reborn 11 лет назад #
Locanaft, это не наезд, а констатация фактов Вашего безудержного хамства, которое я замечаю во всех Ваших постах.
Абыдна, что в нашем сообществе есть такая светлая голова, которую забыли научить элементарному уважению к окружающим. От Вас могло бы быть (да и есть) много светлых мыслей. Но видимо звездная болезнь пеленой встала перед глазами.
А теперь по существу:
1.
А индексировать фотки необязательно?
Ответ:
2.
Какой media@screen для обычных картинок в теле страницы? Или вы просто решили визуально сжать тяжёлые и большие картинки до маленьких? Тогда при чём тут ресайз на сервере и экономия трафика? media@screen подойдёт, только если отдавать фотки фоном, а не img.
Вы сами видите логику и связь в Ваших суждениях?
Смените тон , возможно Вас будут больше понимать.
Да, я имел ввиду ресайз, а не визуальное сжатие.
0
lokanaft lokanaft 11 лет назад #
Тогда, если вам не трудно, накидайте примерно, как img с src на нормальную фотку вообще может выглядеть по разному используя лишь media@screen, ну и, конечно же, имея пути к другим размерам изображения. Не расскажете?

И где вы увидели хамство? Я предельно вежлив и учтив. Просто я говорю прямо, ничего не скрывая. Если вы считаете мой конкретный вопрос чуть выше хамством, то вы наверное живёте в "облачном хранилище" далёком от чего либо впринципе, так выразимся)
-1
Reborn Reborn 11 лет назад #
так выразимся)
Мы , Николай Второй....
Lokanaft, вы из одного моего сообщения развили петицию, вместо того, что бы нормально один раз по существу ответить.
Я не имею более желания обсуждать ваши действия, кому нравится - пускай терпят и дальше.
http://msdn.microsoft.com/ru-ru/magazine/hh882445.aspx
0
lokanaft lokanaft 11 лет назад #
А теперь, Reborn, ответьте наконец по существу сами. Как заставить:
Код HTML:
  1. <img src="/big_image.jpg" />
Не просто не отображаться, а просто даже не пытаться загрузиться на мобильном устройстве?
Одна она должна быть в коде, одна, а не цирк с:
Код HTML:
  1. <!doctype html>
  2. <head>
  3. <meta charset="utf-8">
  4. <link rel="stylesheet" type="text/css" href="media.css">
  5. </head>
  6. <body>
  7. <article id="small">This is a small screen</article>
  8. <article id="medium">This is a medium screen</article>
  9. <article id="large">This is a large screen</article>
  10. <article id="landscape">... and you're in landscape mode...</article>
  11. </body>
  12. </html>
В исходнике.
-1
Reborn Reborn 11 лет назад #
Вы хотите, чтобы изображение даже не загружалось ? Ну это 70-е годы. Сейчас проверил мобильную версию m.vk.com , большая фотография весит 60 Kb.
А в данном ководстве походу нормально описано их отображение.
0
lokanaft lokanaft 11 лет назад #
Хотя... Пляшем в общем и с кучей дублей блоков:
""

Грузятся все, ВСЕ! картинки грузятся, включая, например, фотку весом 2 метра (продолжительность: 2 мин, стоимость просмотра: 14 руб.).
Нет уж, спасибо, я лучше загружу одну и большую и сожму её визуально, нежели загружу все, но покажу только маленькую.

Reborn, если я спорю, значит я знаю и всё именно так, как я говорю. В отличии от всех моих оппонентов, кто просто мимо проходил и даже не имел помысла со мной спорить. Одна проблема - у них как обычно лишь личные домыслы, которые они публикуют, как утверждения закон.

Если вы не знает, догадываетесь, вам кажется, так и пишите: "мне кажется, что ..."!!1

//И не стоит даже пытаться отнести это к хамству.
0
lokanaft lokanaft 11 лет назад #
Вы хотите, чтобы изображение даже не загружалось ? Ну это 70-е годы.
Я тут недавно ехал по мкаду и доверившись указателю "Калуга", наивно полагая, что это Калужское шоссе, съехал не туда. Потратив 20 минут в 100 метрах от мкада с 3g всякими, lte в телефоне, в попытках открыть хоть какую нибудь карту, мне не помогла даже опера мини с мобильными яндекс картами. Как выяснилось позже, это было Киевское шоссе, указателя или расстояния до которого я не видел, проехав пол мкада. Хотя для всех остальных трасс очень много указателей. Возможно только там билайн и не работает толком, поскольку через пару километров - на Калужском шоссе, карта всё же загрузилась.
Вывод один, что в наш цифровой век по прежнему ничего надёжнее бумажной карты для автомобилиста нет)
-1
Reborn Reborn 11 лет назад #
Не тестировал, но я имел ввиду примерно следующее:
1. При загрузке изображения движок создает 2 экземпляра, medium и small.
Возможно создавать еще 1 изображение , к примеру, mob .
В мобильном шаблоне , соответственно, выводим из этой папки:
Код PHP:
  1. <img src="/images/photos/mob/{$article_image}"/>
2. Не заморачиваемся и просто выводим вместо medium - small:
Код PHP:
  1. <img src="/images/photos/mob/{$article_image}"/>
В обоих случаях после используем уже визуальное сжатие media@screen, согласно устройств.
Вариант ?
-1
Reborn Reborn 11 лет назад #
*2 опечатка , mob &#8594; small
-1
Reborn Reborn 11 лет назад #
Кстати, вот еще интересный вариант, не тестировал)) но заинтересовало.
http://nicolasgallagher.com/responsive-images-using-css3/
Код PHP:
  1. <img src="image.jpg"
  2. data-src-600px="image-600px.jpg"
  3. data-src-800px="image-800px.jpg"
  4. alt="">
Код CSS:
  1. @media (min-device-width:600px) {
  2. img[data-src-600px] {
  3. content: attr(data-src-600px, url);
  4. }
  5. }
  6. @media (min-device-width:800px) {
  7. img[data-src-800px] {
  8. content: attr(data-src-800px, url);
  9. }
  10. }
Будет время, обязательно попробую этот вариант
0
lokanaft lokanaft 11 лет назад #
В мобильном шаблоне
С этого и надо было начинать, а то media@screen...
+1
lokanaft lokanaft 11 лет назад #
вот еще интересный вариант
Начнём с того, что это лишь идея. Во вторых, этот способ ничем не отличается от подмены src с помощью яваскрипта, не? Если долго доходит грузятся скрипты, то картинки начинают загружаться нормального размера, что ещё более затормаживает загрузку скриптов.
0
Atid Atid 11 лет назад #
Олег Васильевич я вам придется перекапывать 90% модулей и компонентов. После работы с фотогалереей проверьте ее на мобильниках, на некоторых фотографии отображаются шириной в 1 пиксель.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
вам придется перекапывать 90% модулей и компонентов
1. знаю
2. хотелось бы услышать "нам придётся" а не "вам придётся"
Спасибо что придупредили...
0
Atid Atid 11 лет назад #
Насчет jquery, последняя версия или нет пока что не важно, что вы пока с скриптом будете делать? Главное диз адаптивный.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
По поводу мобильников: я ж не могу склад держать. Нашли косяк - укажите адрес страницы, кидайте скрин, разрешение экрана, модель устройства.
Спасибо!
-1
Reborn Reborn 11 лет назад #
О.В. - Не стоит вам заморачиваться на счет мобильников....
Делайте этот шаб адаптивный.
То - другая тема и другой блог
+1
Dost Dost 11 лет назад #
По поводу меню. Сейчас хорошо, но бело бы лучше если бы оно сворачивалось в кнопку.
+1
m0skit m0skit 11 лет назад #
Зачем вообще что-то делать с дефолтным шаблоном? Он ведь нужен только для демонстрации.
Любой уважающий себя владелец сайта должен думать об использовании своего уникального дизайна (шаблона), а не пополнять массу одинаковых серых сайтов, использующих дефолтный шаблон.
+2
MiMoHOD MiMoHOD 11 лет назад #
Ну, не только для демонстрации... его еще допиливают под свои нужду. В данном случае появляется альтернатива, в виде адаптивного шаблона.
0
Рома из Headpix Рома из Headpix 11 лет назад #
можете на демо сайте добавить статью с фотографиями. просто есть один адаптированный шаблон к размерам экрана, так если добавлять фото в статьи, и если просматривать сайт с этим шаблоном на телефоне, то изображения обрезаются в ширине под размер экрана.
0
Рома из Headpix Рома из Headpix 11 лет назад #
нет. вы меня не правильно поняли. попробуйте в статьях добавить фото через редактор, в который вставляется текст статьи. просто в одном адаптированном шаблоне при уменьшений экрана изображение обрезается по ширине.
вот пример
http://za-rulem.by/novosti/avtonovosti/rassekrechen-gibridnyi-bmw-x5.html
попробуйте открыть эту статью и уменьшайте окно браузера
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
""

Размер изображеня - 1002х603, смотрите в той же статье.
Какое отношение имеет к нашему шаблону "один адаптированный шаблон"???
Спасибо!
0
alfaclub alfaclub 11 лет назад #
Чтобы не мучиться с разрешение, есть надстроечка в браузер - http://lab.maltewassermann.com/viewport-resizer/ очень способствует...
А так я обеими руками за и очень жду... )))
0
Bubble Gumoff Bubble Gumoff 11 лет назад #
Олег Васильевич я, вот еще н атему адаптивных шаблонов
+2
Bubble Gumoff Bubble Gumoff 11 лет назад #
0
MiMoHOD MiMoHOD 11 лет назад #
Вай какая прелесть. Последняя активнасть за 2012 год, проект не развивается больше?
0
Bubble Gumoff Bubble Gumoff 11 лет назад #
Вот здесь меню сайта отлчино реализовано http://groundwork.sidereel.com/templates
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Крайне тупо там меню сделано - попробуйте увеличить шрифт и перейти в последний пункт выпадающего списка...
+1
Олег Васильевич я Олег Васильевич я 11 лет назад #
Меню сделал сворачиваем в кнопку. Таким оно и останется в моём варианте. Единственый вопрос: может переместим его вверх страниы да зафиксируем?
Как должно выглядеть:
""

На разрешении в 480рх - показано как будет выглядеть после раскрытия.
Да, сейчас ещё подправил: выпадает ниже кнопки и с небольшой задержкой (уменьшаем возможность случайного клика по пункту меню на мобильных устройствах)
На разрешениях больше 767рх меню не должно изменяться.
Переходим , обновляем старницу, даём ценные советы...
Спасибо!
0
Олег с клещами Олег с клещами 11 лет назад #
Работа отличная! Но, вот вопрос: Поскольку сейчас используется jquery.treeview не будет ли сложностей при переходе на 1.10.3 с jquery 1.9.1?
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
будет день, будет пища...
0
Clear Clear 11 лет назад #
Есть неплохое расширение для хрома Window Resizer - возможно пригодиться как инструмент.
""
0
Петр Петр 11 лет назад #
пожалуйста, смените шрифт в демо! не нужно такой шрифт в дефолт шаблон, он убог!
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Мне тоже не нравится как выглядит жирный тест и шрифт, естественно, будет изменён на что-то более привычное.
Сейчас интересует только разметка. Пожалуйста, пишите пока только о ней. О стиле потом подумаем.
Спасибо!
0
lokanaft lokanaft 11 лет назад #
Никогда не юзайте купрум - он во всех браузерах выглядит совершенно по разному.
0
nedoriko nedoriko 11 лет назад #
Особой визуальной разницы я не заметил. ну углы теперь не закругленные и вроде вся разница как я погляжу. а если смотреть с планшета, то какието 2 маленьких кубика с левого края появляются.
Самому дефолт нравится но я б пару моментов всеже изменил:
1 - шрифт текста маловат. я б увеличил чуточку.
2 - изменить задний фон.
а - на прозрачный
б - дать возможность его менять на любой. (в этом случае я думаю нужно будет написать инструкцию по ксс) чтобы если кто решит поменять его (к примеру) на синий, то у него ссылки с фоном не сливались.
шпаргалка типо

3 - прикрутить к шабу
а - кнопку вверх
б - соц закладки (один фиг почти все это себе итак прикручивают. а тут будет все готово)
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
nedorico:
а если смотреть с планшета, то какието 2 маленьких кубика с левого края появляются.
Нашли косяк - укажите адрес страницы, кидайте скрин, разрешение экрана, модель устройства. Спасибо!
Ну неужели так трудно?
0
nedoriko nedoriko 11 лет назад #
Чета грузится стало ужасно долго.
""

На главной странице напротив запись в бл (я так понимаю у слова блоге буковки пропали) и заголовка новые обьявл (тоже букв нехватает)
А на страницах люди, обьявления, каталог. Последняя буква сьезжает также. Только на против самого меню.
Леново к 1. Версия андроид 3.2.1
Разрешения экрана согласно инет магазам (не нашел где посмотреть у самого устройства) 1280х800.
0
Олег с клещами Олег с клещами 11 лет назад #
Мне кажется не стоит цепляться к css, уж это то наверное каждый сам сможет допилить. Вот разметку и меню сделать правильно - это важно.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Вот разметку и меню сделать правильно - это важно.
Идеальную "правильность" не обещаю - делается любителем а не профи...
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Чета грузится стало ужасно долго.
Если кто-то готов предоставить толковый сервер для теста буду благодарен.
На главной странице напротив запись в бл (я так понимаю у слова блоге буковки пропали) и заголовка новые обьявл (тоже букв нехватает)
Просмотрел при разных разрешениех, в т.ч. и 1280х800 - не удалось воспроизвести
А на страницах люди, обьявления, каталог. Последняя буква сьезжает также. Только на против самого меню.
А вот этого не понял. Обновите, пожалуйста, страницу - подгрузите стили новые.
Спасибо!
0
nedoriko nedoriko 11 лет назад #
теперь все прекрасно. и грузится быстро.
0
Олег с клещами Олег с клещами 11 лет назад #
Судя по последним изменениям, почти всё готово. На мой взгляд:
1) надо посмотреть на 3 уровень меню, как будет работать.
2) подпилить tpl основных компонентов, например засунуть категории объявлений в .container и .сolumn
3) подпилить так же форум.
""

""
+1
Олег Васильевич я Олег Васильевич я 11 лет назад #
Олег спасибо за отзывы.
Если люди не будут против, пилить будем поэтапно: сейчас общая разметка и меню. Отдельным постом обсудим шапку сайта в целом, дальше таким же образом - по компонентам, потом - по модулям. Только после этого возьмёися за стиль в целом. В дефолте много где используются разные классы с одинаковыми стилями, есть объявленные в шаблонах классы но не стилизированные; есть разные классы с разными стилями (которые, на мой взгляд просто обязаны быть одним класом); есть и пустые стили для объявленных классов... Всё стилевые ошибки которые найдём, будем выносить в отдельный стиль, объединим одинаковое, удалим ненужное. Где-то так мне видится эта работа. Она проблемная, нудная, возможно даже никому не нужная, но я за неё взялся и я её сделаю...
+1
Олег с клещами Олег с клещами 11 лет назад #
Сейчас попробовал сайт на HTC WP8 с разрешением 480х800. Тач скрин не работает правильно, не возможно перейти в пункт меню. Прикосновение пальцем - тогда меню появляется, палец отпукаешь, или сдвигаешь - меню пропадает.
Надо как то так - нажал - меню появилось и не исчезло, повторное нажатие - убирает меню. Ну, в общем, как стандартный бутстрап.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Просмотрел ещё раз с трёх смартфонов (андроид 2 - 4.1, браузеры - родные, опера мини, хром (последний только под четвёртым андроидом).
Работает как и было задумано: а было задумано так: клик - появилось - клик по пункту - переход; или: - появилось - клик рядом с меню - закрылось без прехода.
Попробуйте ещё раз, пожалуйста (не забудьте обновить страницу - немного подправил).
Потестируем ещё, если будут проблемы ещё у кого, возможно откажемся от чистого CSS и будем делать вывод скриптом.
Спасибо!
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
плюсик поставил не потому что подтверждено, а потому что "спасибо" laugh
0
Олег с клещами Олег с клещами 11 лет назад #
Ещё раз перепроверил, обновил. По прежнему всё так, как писал :(
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Ок! Спасибо, будем думать...
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Смотрел на таком HTS 480x800
Всё чётко
0
Олег с клещами Олег с клещами 11 лет назад #
Вот засада! Может дело в WP8 - там встроенный IE. Может он не работает? На Андроидах все в порядке. А сейчас WP растёт как на дрожжах, так что есть над чем призадуматься...
0
Олег с клещами Олег с клещами 11 лет назад #
Дело в том, что WP - самодостаточная система, там всё продумано прямо из коробки. Купивший её тут же впадает в эйфорию, что всё что нужно уже есть и ничего не надо обновлять или ставить дополнительно, так что приходим к версии "хочешь интернет? - нажми на синюю кнопку" - что приведёт пользователей в ступор, и очень вероятно, что не все захотят возиться с установкой ещё какого-то браузера, тем более, что бинг работает сейчас как ракета.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Очень может быть, что проблема здесь и зарыта. microsoft в своём стремлении быть впереди планеты всей крпает под себя всё глубже. гляну завтра у кого-то из друзей.
0
Роман Роман 11 лет назад #
А у меня вроде все меняется под размер, проблему как то не нахожу, правда во внутренние страницы не заходил
0
nedoriko nedoriko 11 лет назад #
во че нашел. browsershots.org
правда непаруски
0
Dost Dost 11 лет назад #
Логотип на маленьком разрешении лучше скрывать. У некоторых сайтов бывают ну очень большие логотипы.
+2
Reborn Reborn 11 лет назад #
можно его даже и не грузить))
Код PHP:
  1. <div id="test3">
  2. <div></div>
  3. </div>
  4. CSS Code
  5. <style type="text/css">
  6. #test3 div {background-image:url('test3.png');width:200px;height:75px;}
  7. @media all and (max-width: 500px) {
  8. #test3 {display:none;}
  9. }
  10. </style>
Или грузить только только одну в зависимости от устройства
Код PHP:
  1. <div id="test5"></div>
  2. CSS Code
  3. <style type="text/css">
  4. @media all and (min-width: 501px) { #test5 {background-image:url('test5-desktop.png');width:200px;height:75px;} } @media all and (max-width: 500px) { #test5 {background-image:url('test5-mobile.png');width:200px;height:75px;} } </style>
0
lokanaft lokanaft 11 лет назад #
Первый здравый коммент от вас. Даже плюсанул v
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Планируется второй вариант: вообще без лого как-то "не то".
Спасибо!
0
Алексей Т Алексей Т 11 лет назад #
Олег Васильевич если надо что нарисовать как и что я к вашим услугам....
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Спасибо!
+1
Александр Александр 11 лет назад #
Нужное начало, тоже работаю над адаптивным шаблоном. Осталось несколько компонентов и модулей переписать.
Пощупать и заценить можно здесь: Адаптивный шаблон - Демо.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Думаю, что не вы один.
Мне очень нравится. Оригинальный дизайн или натяжка? Себе, на продажу или бесплатно?
Разметка вижу готова, остались проработать шаблоны внутри?
Если не секрет, с какой целью сворачиваете меню уже при разрешении в 1024рх (вроде б и при более низком поместится)?
Спасибо!
0
Александр Александр 11 лет назад #
Дизайн оригинал, планирую продавать, так как много пришлось повозиться над переделкой вёрстки модулей и компотов. Но в продаже будет ограниченное количество копий, думаю не больше 10, чтобы не плодить много копий.
По поводу меню, то настройки скрипта подкорректировал.
+1
Олег Васильевич я Олег Васильевич я 11 лет назад #
Не любят платить люди (минусуют сразу) zlo - не обращайте внимания
0
nedoriko nedoriko 11 лет назад #
Сделал на всякий случай снимки обоих шаблонов.
Спойлер
Что именно я заметил? Если на планшете с экраном в 1280х800 все хорошо, то при повороте экрана 800 на 1280 выскакивают такие глюки.
На шабе что делает Олег Васильевич правая колонка както криво открывается (смотрите скрин) . Например в модуле авторизация можно сделать чтобы сама надпись логин и форма ввода логина распологались в столбик. Аналогично и с паролем а также с кнопкой вход.
а на шаблоне от Александра глюк в низу. Зацепел этот глюк для того, чтобы если Олег Васильевич будет делать такие футеры или как их там, то нужнобудет незабыть об такой погрешности.
Я думаю нужно сделать чтобы в коротких заголовках при наличаи в строке длиных, добавлялся какойнить пробел. Вопщем линии должны оставаться в одной линии.
0
Александр Александр 11 лет назад #
на шаблоне от Александра глюк в низу. Зацепел этот глюк для того, чтобы если Олег Васильевич будет делать такие футеры или как их там, то нужнобудет незабыть об такой погрешности.

Спасибо что обратили внимание на этот недостаток.
Конечно, сделать чтобы при переносе в одном заголовке линии подчёркивания выравнивались, может было бы хорошо, хотя думаю, что это тоже бы смотрелось бы криво из за большого отступа в остальных, поэтому правильней будет просто продумывать в таких местах короткие заголовки. smile
+1
Олег Васильевич я Олег Васильевич я 11 лет назад #
nedoriko, спасибо что не поленились сделать и выложить скрины.
По существу: говоря "криво открывается" вы имеете ввиду поля в модуле "авторизация" и вывод пользователей в модуле "последние регистрации" или всё-таки о сайтбаре? Модули пока вообще не делались, а сам сайтбар не вижу чтобы криво выводился.
По поводу "глюка" у Александра - не смешите (всего шишь название правильное модулю дать).
+4
Александр Александр 11 лет назад #
Я понимаю, что не все могут заплатить даже символическую сумму, поэтому и ставят минусы. Но наверное каждый имеет право оценивать свой труд и потраченное время, поэтому не стоит судить строго того, кто решил получить хоть какое-то вознаграждение за свои труды.

Для тех кто привык к бесплатному, мои бесплатные шаблоны можно скачать Здесь.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Потестите, пожалуйста, работу меню с помощью всего мобильного. Да и не совсем мобильного тоже.
Спасибо!
0
nedoriko nedoriko 11 лет назад #
Андро 1280х800 и наооборот. = у меню проблем не выявил.
0
lokanaft lokanaft 11 лет назад #
дефолтный шаблон слишком отстал от развития самой системы
В таких темпах система технологически отстанет от шаблона)
0
Олег с клещами Олег с клещами 11 лет назад #
Сегодня тестировал на смарте с WP8 - меню работает отлично! Спасибо!
Вот, третий уровень как будет работать? Надо, наверное попробовать.
0
Александр Александр 11 лет назад #
Для тестирования адаптивного шаблона в разных мобильных устройствах с разным разрешением экрана можно Здесь, и можно ещё здесь.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Таких сервисов десятки. К сожалению, всё это не тестирование а всего лишь просмотр при разных разрешениях. Этим разве разметку более-менее посмотришь. Меня же интересует именно рабоспособность. Самый элементарный пример: псевдокласс :hover в устройствах с тачскрином cry
-2
Apokalipsis Apokalipsis 11 лет назад #
Шаблон конечно круто, но как ранее кто-то писал не стоит забывать и о старых звонилках. Например на симбиановском браузере ни в какую не нажимались кнопки в админке для включения/выключения модулей, и в экран вмещалось только четверть страницы. А если править чисто под смарт с компа через любую бродилку выглядит стремно.
PS: Увы с дизайном не особо дружу, так что спецы фреймворков и дизайнеры выручайте! :)
+1
Dost Dost 11 лет назад #
Шаблончик все лучше становится! Просмотр фото: при уменьшении разреньшения само фото становится меньше полей параметров фото
""
0
lokanaft lokanaft 11 лет назад #
Но правую сторону тоже надо уменьшать, всё же мы смотрим фото, а не информацию о нём.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Так писал же, что пока внутренние страниц не делал...
Ежу понятно, что пожобные страницы нужно переделывать. Их тьма.
Вот давайте будем сейчас по каждой писать "нужно переделать" zlo
0
lokanaft lokanaft 11 лет назад #
Ну просто как бэ предыдущему оратору понравилось и это, я же с ним не согласен. Вот и всё)
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Да не, я думаю, ему тоже не понравилось
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Обновляйте страницу, смотрите на своё фото
Да, добавил якорь для листалки "следующая-предыдущая" - гораздо удобнее, на мой взгляд. Вроде б дублем не считается. Или убрать?
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
""

""
0
lokanaft lokanaft 11 лет назад #
Раз пошла такая пьянка, давайте шаблон на чистый php что ли переведём - сэкономим полмегабайта памяти при выполнении.
0
Fuze Fuze 11 лет назад #
ага, а заодно и патчик для подключения разных шаблонизаторов сваяйте, уберите везде по коду вызов смарти и т.п.
сэкономим полмегабайта памяти при выполнении.
у вас сервер с 64М ОЗУ? в среднем страница icms потребляет 4,5 Мб памяти. Если включен например xcache, то и того меньше. Плюс ко всему память имеет свойство выгружаться - обо всем этом заботится операционная система. Если вы уж хотите убрать смарти, то это делать явно нужно не для того, чтобы уменьшить кол-во потребляемой памяти. Использование в шаблонах чистого php уменьшит время генерации страницы, снизит нагрузку на процессор.
0
lokanaft lokanaft 11 лет назад #
Хм, не меньше 7 Мб на любой странице на хосте, на локали не хотите?
Я просто привёл единственный оставшийся весомый фактор, ибо здешним обитателям почему то особо без разницы, какая у них там нагрузка на процессор...
0
Fuze Fuze 11 лет назад #
Хм, не меньше 7 Мб на любой странице на хосте, на локали не хотите?
""

Я просто привёл единственный оставшийся весомый фактор, ибо здешним обитателям почему то особо без разницы, какая у них там нагрузка на процессор
Кто же против - делайте патч для подключения шаблонизаторов, внесем в релиз.
0
MiMoHOD MiMoHOD 11 лет назад #
На iPad 4 меню выглядит криво
""
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
разрешение, если можно...
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
... и браузер
0
lokanaft lokanaft 11 лет назад #
Ставьте к файлам стилей и скриптов timestamp в параметрах на время отладки, чтобы у людей глупых ошибок не возникало из-за кэша.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Ставьте к файлам стилей и скриптов timestamp в параметрах на время отладки, чтобы у людей глупых ошибок не возникало из-за кэша.
Нельзя ли более доступно выражаться?
Спасибо!
0
Fuze Fuze 11 лет назад #
см. исходный код этой страницы
Код HTML:
  1. <link href="/templates/ic4/css/styles.css?20130809" rel="stylesheet" type="text/css" />
обновили css - цифру увеличили
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Спасибо!
0
MiMoHOD MiMoHOD 11 лет назад #
Разрешение и формат экрана ipad 4 2048 x 1536 QXGA 4:3 (снимок сделан в портретном режиме 1536 x 2048), браузеры safari и vitrum.

Просмотр на этом ресурсе в режиме ipad mini выдал ту же картину.
+1
Олег Васильевич я Олег Васильевич я 11 лет назад #
Гляньте, пожалуйста, ещё разок.
Спасибо!
0
MiMoHOD MiMoHOD 11 лет назад #
Спасибо вам!

Теперь все выглядит как надо, вот (:
""
-1
lokanaft lokanaft 11 лет назад #
Хм, зато сама страница как то не так.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Не выставлял пока для разных разрешений ширину описания. В принципе, можно подсветить и блок с картинкой, а можно, наоборот, убрать фон у рейтингов да у кода вставки.
Не проблема.
p.s. жаль, если уж вам чешется об таких вещах писать, то что ж ожидать от тех кто вообще с вёрсткой не знаком? cry
-1
lokanaft lokanaft 11 лет назад #
Марк Шагал:
Качество должно составлять смысл жизни.
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Какой такой Шагал??? Чёт не припомню никак... уж не тот ли шо Муму написал?
-1
lokanaft lokanaft 11 лет назад #
Чёт вы путаете явно. В общем вы поняли, что я имел ввиду.
+2
Pasha Pasha 11 лет назад #
Внесу и свои пять копеек
0
Олег Васильевич я Олег Васильевич я 11 лет назад #
Уже оценили в червонец =)))
Спасибо!

Еще от автора

Pioneer - скин для шаблона modern
Бред сумасшедшего на тему "Как бы выглядела InstantCMS 1-х сегодня".
Одна ёлка, немного снега и два Деда, играющихся в прятки
Ещё один вариант новогоднего украшения. Пока не замылено в сети (на эту минуту стоит только на 2-х сайтах)
Новогодние скидки
Всё платное за 50%
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.