Responsive Curve

Автор janis79, 30 мая 2015, 19:48:30

« назад - далее »

0 Пользователи и 2 гостей просматривают эту тему.

janis79

Скажите пожалуйста, что за чудо-мод, очень кстати популярный по скачиваниям? Я понял, что он изменяет вроде надпись в футере и позволяет редактировать другие функции дефолтной темы Curve. Прав ли я?
Автор блога http://zarabotatj-v-internete.ru 8)

BoPoH

неправ, он добавляет в стандартную тему адаптивность для мобильных устройств, а для чего все это читать тут

janis79

Цитата: BoPoH от 30 мая 2015, 20:09:00
неправ, он добавляет в стандартную тему адаптивность для мобильных устройств, а для чего все это читать тут
Спасибо, полезная вещь для SEO, пойду проверять адаптацию в гугле)
Автор блога http://zarabotatj-v-internete.ru 8)

ALINA

Вчера просматривая вебмстеринг гугла обратила внимания на ошибки .Гугл тыкает носом на дополнительные темы на форуме .У меня в 2 -х разделах другие темы установлены . Вернее ,как другие ? Одна дефолтная curve,  вторая ее модификация .По умолчанию тема основная на форуме адаптирована под мобильные .Там все ок .Гугл, когда попадает в эти разделы, ругается .Вот раздумываю ....Если этот мод воткнуть будут ли эти 2 темы адпатированы под моб уст-ва ? Перестанет ли он визжать . Глянула .Там несколько правок .СтОит ли заморачиваться ? Будет ли толк ?

janis79

Цитата: ALINA от 14 июня 2015, 10:32:00
Вчера просматривая вебмстеринг гугла обратила внимания на ошибки .Гугл тыкает носом на дополнительные темы на форуме .У меня в 2 -х разделах другие темы установлены . Вернее ,как другие ? Одна дефолтная curve,  вторая ее модификация .По умолчанию тема основная на форуме адаптирована под мобильные .Там все ок .Гугл, когда попадает в эти разделы, ругается .Вот раздумываю ....Если этот мод воткнуть будут ли эти 2 темы адпатированы под моб уст-ва ? Перестанет ли он визжать . Глянула .Там несколько правок .СтОит ли заморачиваться ? Будет ли толк ?
Я снес этот мод, он действует в том случае, если вы сильно не изменяли тему, а так эффекта ноль. Там правок - "мама спаси" придется делать. Я пару медиазапросов в css внедрил и все, за 10 мин почти любой шаблон делается резиновым под мобильные устройства и гугл все принимает. Вот осталось только меню доработать для красоты и все. Попробуйте менять размер экрана браузера - сайт резиновый под любые размеры.
http://kopirajting.zarabotatj-v-internete.ru/
Автор блога http://zarabotatj-v-internete.ru 8)

ALINA

Цитата: janis79 от 14 июня 2015, 13:48:25сайт резиновый под любые размеры.
а что вам гугл говорит  на эту тему ? Адаптирован ? У меня на основной теме все ОК .А вот 2 те ,что в разделах ...Когда гугл по ним шастает, то в вебмастринге  ошибки пишет .
А что за медиазапросы в css ?

janis79

#6
Цитата: ALINA от 14 июня 2015, 15:51:27
а что вам гугл говорит  на эту тему ? Адаптирован ? У меня на основной теме все ОК .А вот 2 те ,что в разделах ...Когда гугл по ним шастает, то в вебмастринге  ошибки пишет .
А что за медиазапросы в css ?
Да, все отлично оптимизировано для мобильных по обоим сервисам Гугла. Насчет медиазапросов, это вам лучше в интернете посмотреть, долго объяснять. Я в css прописывал медиазапросы для различных точек излома шаблона, которые определял через инструменты разработчика в браузере гугл (F12) и потом подправлял нужные места шаблона. Теперь вот все бьюсь, чтобы меню сделать, которое будет кнопкой открываться - тут уже сложновато...

Достаточно сам шаблон сделать резиновым и Гугл сразу кричит: "Все отлично!". А далее только удобства улучшать...

Я вот уже почти внедрил меню, которое на html коде и не обращается к базе данных, стандартное дефолт вообще вырежу. Оно также уже адаптировано под моб, можете попробовать мой сайт уменьшать в браузере. Осталось меню переписать под свои ссылки...
Автор блога http://zarabotatj-v-internete.ru 8)

alex-ergeev

Цитата: janis79 от 14 июня 2015, 13:48:25Я пару медиазапросов в css внедрил и все, за 10 мин почти любой шаблон делается резиновым под мобильные устройства и гугл все принимает.
http://kopirajting.zarabotatj-v-internete.ru/


Не можешь привести этих пару запросов? А то намучился с мобильными шаблонами, пробовал ставить несколько штук, вечно все недовольны, пользователи привыкли к снадратному, жалуются постоянно.

Kira

Такая же беда. Половина пользователей крайне недовольна, вторая половина счастлива. Приделал выключатель. Опыт программирования у меня небольшой, но, может, кому пригодится это решение.

1. В базе в таблице "smf_members" создаём новую колонку "res_view" со значением по умолчанию "20" для сохранения настройки пользователя.

2. В \Sources\Load.php ищем
mem.signature, mem.personal_text, mem.location, mem.gender, и среди прочего вставляем
mem.res_view,Так два раза.

3. Добавляем выключатель. В \Sources\Profile-Modify.php ищем например
'gender' => array(
 'type' => 'select',
 'cast_type' => 'int',
 'options' => 'return array(0 => \'\', 1 => $txt[\'male\'], 2 => $txt[\'female\']);',
 'label' => $txt['gender'],
 'permission' => 'profile_extra',
 ),
После него вставляем
'res_view' => array(
 'type' => 'select',
 'cast_type' => 'int',
 'options' => 'return array( 20 => "Да", 10 => "Нет");',
 'label' => 'Адаптировать форум для мобильных устройств',
 'permission' => 'profile_extra_own',
 ),
Рисуем выключатель. Ищем
setupProfileContext(
 array(
 'id_theme', 'smiley_set', 'hr',
 'time_format', 'time_offset', 'hr',
 'theme_settings',
Добавляем туда
'res_view',
4. Собственно отключаем адаптивность. В \Themes\default\index.template.php после
function template_html_above()
{
 global $context, $settings, $options, $scripturl, $txt, $modSettings;
добавляем
global $user_settings;Затем
echo '
 <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />
        <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive', $context['theme_variant'], '.css?fin20" />';
заменяем на
echo '
 <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';
 if(!(($context['user']['is_logged']=='1') && ($user_settings['res_view']=='10'))){
 echo'
 <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive', $context['theme_variant'], '.css?fin20" />';
 }
Всё.

Ещё прикрутил к каждому сообщению кнопку, показывающую доп. информацию о постере (аватар, кол-во сообщений и т.д.), по умолчанию скрытую, что ИМХО, сильно добавило удобства. Если интересно, расскажу, как. На скриншоте кнопка в правом верхнем углу сообщения в первом сообщении не нажата, во втором нажата.



Kira

А гости не могут отключить адаптивность.

Ramzesito

на маленьких экранах этот мод отключает название постов в теме форума, а вместе с тем - ссылку на конкретный пост, как сделать, чтобы это название не отключалось? где расположен код, проверяющий текущую ширину экрана?
Sportgen.ru - Велосипед, лыжи и бег в Обнинске и Калужской области

GeorG

Файл /Themes/default/css/responsive.css
Этот код:
.keyinfo h5, .keyinfo .messageicon, #messageindex .last_th {
 display: none;
 }

Вариант 1.
Можно просто в конце файла вставить это:
@media screen and (min-width: 240px) and (max-width: 640px) {
 .keyinfo h5 {
 display: inherit;
 }
}

Вариант 2.
Можете так попробовать, тогда слишком длинная строка будет обрезаться (а не выходить за пределы монитора):
@media screen and (min-width: 240px) and (max-width: 640px) {
 .keyinfo h5 {
 display: inherit;
 }
 .keyinfo h5 a {
 white-space: nowrap;
 overflow: hidden;
 display: block;
 text-overflow: ellipsis;
 width: 95%;
 margin: 0 auto;
 }
}

Вам недоступны вложения в этом разделе.
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

Ramzesito

GeorG, спасибо, заработало,

может знаете, как такую недоработку исправить? -

на маленьком экране ФОТО прекрасно тянутся/сжимаются под ширину экрана,
а вот ВИДЕО, встроенные модом Simple Audio Video Embedder(последняя версия 5.0), не хотят,
в настройках мода ширина/высота стоят default(=0), можно вручную, конечно прописать маленькие значения, но тогда на больших экранах видео останется миниатюрным
Sportgen.ru - Велосипед, лыжи и бег в Обнинске и Калужской области

GeorG

Всё точно так же - медиа-запросами (пример выше).
Определяете ширину устройства width, задаёте ширину вывода содержимого.
Верстка тем по шаблону, их доработка/переработка, переделка тем с версии smf 1.1 на smf 2.0. Примеры работ - insidestyle.ru
Установка модов (заточка под ваш форум); Моды под заказ; Обновление форума; Правильный перенос; Удаление/лечение вирусов; Устранения ошибок.
Обращаться в ЛС
Мой форум
Модуль анти-спама CleanTalk, сам пользуюсь
Сервера которыми сам пользуюсь - cadedic.ru

bulatus

Привет!!!
Как изменить меню Responsive Curve? Иконки смотрятся убого имхо.
Хочется вот так как на скринах... при нажатии на кнопку меню раскрывается текстовое меню.

Yarik

Цитата: bulatus от 23 февраля 2021, 10:11:36Привет!!!
Как изменить меню Responsive Curve? Иконки смотрятся убого имхо.
Хочется вот так как на скринах... при нажатии на кнопку меню раскрывается текстовое меню.
https://www.simplemachines.ru/index.php?topic=19967.0

digger®

Цитата: bulatus от 23 февраля 2021, 10:11:36Привет!!!
Как изменить меню Responsive Curve? Иконки смотрятся убого имхо.
Хочется вот так как на скринах... при нажатии на кнопку меню раскрывается текстовое меню.
https://custom.simplemachines.org/mods/index.php?mod=4269

bulatus

Цитата: digger® от 23 февраля 2021, 11:04:12https://custom.simplemachines.org/mods/index.php?mod=4269
Установил Hilbert.


Там почему-то нет меню (main_menu)... удалил Hilbert.


Цитата: S.T.A.L.K.E.R. от 23 февраля 2021, 11:00:54https://www.simplemachines.ru/index.php?topic=19967.0


Спасибо, это интересное решение.  O0 Есть вопрос, но это уже в той теме.