Старый 24.05.2018, 16:55   #71
Эксперт
 
Аватар для MonAmur
 
Регистрация: 03.07.2007
Адрес: Chinatown
Сообщений: 7,265
Вес репутации: 608
MonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущее
По умолчанию

Цитата:
Сообщение от D.iK.iJ Посмотреть сообщение
Тогда уж нужно фон с параллаксом, полупрозрачные плашки и все такое.
Не. Для доров отличный шаблон в первоначальном варианте. Простой и незаюзанный ))

Кстати, хочу высказать благодарность Андрею за помощь в настройке плагина для вордпресс, чтобы на мобильных устройствах хорошо отображался. Полдня голову ломал с css, потом вспомнил про dikij.com.
MonAmur вне форума   Ответить с цитированием
Старый 25.06.2018, 05:51   #72
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
Post

Цитата:
Сообщение от MonAmur Посмотреть сообщение
Не. Для доров отличный шаблон в первоначальном варианте. Простой и незаюзанный ))
Ахаха! Хорошо. Доры вон еще мои редиректы любят. Вечно пытаются их использовать ))


3 версия кнопки «Полная версия сайта» для адаптивного дизайна. Для интереса - на чистом JavaScript


Цитата:
В header страницы использован вот такой мета-тег мобильной версии:
<meta id="vp" name="viewport" content="width=device-width, initial-scale=1">

Без сохранения результата:
<a href="javascript: document.getElementById('vp').setAttribute('conten t','width=1024, initial-scale=0.3');" style="border-bottom: 1px dashed #666; text-decoration: none;">Просто ссылка для перехода на полную версию сайта</a>

<a href="javascript: document.getElementById('vp').setAttribute('conten t','width=auto, initial-scale=1');" style="border-bottom: 1px dashed #666; text-decoration: none;">Обратно на мобильную версию</a>.

Скрипт с запоминанием:
<a href="javascript: desktop();" id="vpbutton" style="border-bottom: 1px dashed #666; text-decoration: none;">Мобильная версия сайта</a>

<script>
function mobile() {
document.getElementById('vp').setAttribute('conten t','width=auto, initial-scale=1');
document.getElementById('vpbutton').innerHTML = "Полная версия сайта";
setTimeout("document.getElementById('vpbutton').hr ef='javascript: desktop();';", 500);
SetCookie("mobile=yes", "0");
}

function desktop() {
document.getElementById('vp').setAttribute('conten t','width=1024, initial-scale=0.3');
document.getElementById('vpbutton').innerHTML = "Мобильная версия сайта";
setTimeout("document.getElementById('vpbutton').hr ef='javascript: mobile();';", 500);
SetCookie("mobile=no", "30");
}

//Функция автозапуска
if (document.cookie.indexOf("mobile=no") != -1) {desktop();}

//Куки
function SetCookie(id, days){
var ws=new Date();
ws.setDate((days-0+ws.getDate()));
document.cookie=id+"; path=/; expires="+ws.toGMTString();
}
</script>
Демка
.
D.iK.iJ вне форума   Ответить с цитированием
Старый 25.06.2018, 15:32   #73
не эксперт
 
Регистрация: 14.06.2008
Адрес: msk
Сообщений: 2,180
Вес репутации: 293
zeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущееzeta - прекрасное будущее
По умолчанию

Цитата:
Сообщение от D.iK.iJ Посмотреть сообщение
на чистом JavaScript
для ссылок не айс
zeta вне форума   Ответить с цитированием
Старый 25.06.2018, 17:19   #74
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

Цитата:
Сообщение от zeta Посмотреть сообщение
для ссылок не айс
Я вообще не знаю - кому нужна эта кнопка ))) а скрипт на PHP уже был раньше.

А вообще, можно по клику менять тег viewport, например, меняя увеличение страницы.
D.iK.iJ вне форума   Ответить с цитированием
Старый 05.11.2018, 07:31   #75
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

Народ!
Всем советую проверить сайты на адаптивность. Гугл, видимо, что-то подкрутил опять в алгоритмах и стал ругаться на "Интерактивные элементы расположены слишком близко". :fire:

Сегодня вот написал человек, у которого просели позиции просто из-за звездочек рейтинга:



Просто звездочки со скриптом на них! А страницы признаны не адаптивными! :dont:

Проверки от Гугла:
https://testmysite.withgoogle.com/intl/ru-ru
https://developers.google.com/speed/pagespeed/insights/
https://search.google.com/test/mobile-friendly

Ну и сторонний, но показывающий такие ошибки
http://adaptivator.ru/
D.iK.iJ вне форума   Ответить с цитированием
Старый 04.07.2019, 18:18   #76
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
Smile

Год назад я тут уже выкладывал очень простой адаптивный шаблон (ссылка была на прошлой странице). Теперь вот сделал еще один!

Шаблон как у сайта Тесла!

D.iK.iJ вне форума   Ответить с цитированием
Старый 09.12.2019, 22:55   #77
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
Exclamation

Прошло 10 лет и я наконец-то набросал свой скрипт поделиться ссылкой в соц.сетях
Это после какого-то очередного обновления, когда Гугл в Пейджспид стал у меня учитывать куки при работе. И уронил скорость загрузки еще сильнее.

Выглядит как-то так:

Картинок нет.
Отслеживания нет.
Кнопки можете сами убрать или добавить.
Ничего нет. Обычный ДжаваСкрипт с document.write и минимальными стилями.
Грузится быстрее самой страницы!
D.iK.iJ вне форума   Ответить с цитированием
Старый 13.12.2019, 05:04   #78
Мастер
 
Регистрация: 17.07.2012
Адрес: Москва
Сообщений: 815
Вес репутации: 194
qkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущее
По умолчанию

Цитата:
Сообщение от D.iK.iJ Посмотреть сообщение
Прошло 10 лет и я наконец-то набросал свой...

Я тут тоже как-то позабавился, чуть с красивостями и SVG:
http://gfns.net/doc/social/7/
__________________
Сохраним ваш сайт для Сети. Не отключим сайт за неоплату! Хостинг "Пока не исчезнут машины".
qkowlew вне форума   Ответить с цитированием
Старый 14.12.2019, 13:24   #79
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

Цитата:
Сообщение от qkowlew Посмотреть сообщение
Я тут тоже как-то позабавился, чуть с красивостями и SVG:
http://gfns.net/doc/social/7/
У меня Адблок плюс режет. Видимо, из-за названия share.js
И еще. Можно окно открывать по центру экрана. Гляньте у меня. Я решение честно нагуглил ))
D.iK.iJ вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Оптимизация сайта koctik Общие вопросы оптимизации 5 13.07.2013 15:23
SEO оптимизация сайта birja Общие вопросы оптимизации 2 13.04.2012 10:54
Задачка... 3 строчки на JS. Хелп! MonAmur Разработка и сопровождение сайтов 3 08.10.2009 14:50
Оптимизация сайта sunplant Общие вопросы оптимизации 9 25.11.2008 09:15
оптимизация сайта :( pha Яндекс 1 10.12.2007 15:54


Часовой пояс GMT +3, время: 12:12.