Как сделать мобильную версию сайта быстро.

Как сделать мобильную версию сайта быстро. Гугл в плотную занялся проверкой сайтов по теме удобства просмотра в мобильном варианте. Обойти тест Гугла достаточно просто, надо сделать следующее: 1. Закрыть роботу доступ к CSS-файлам через robots.txt. В приведённом варианте файлы стилей лежат в папке css. User-agent: * Disallow: /css/ 2. Добавить в код мета-тег viewport. < meta name = "viewport" content = "width=device-width" > Это всё. Как установите, проверьте свой сайт по ссылке выше. Если всё сделано верно Гугл сочтёт Ваш сайт удобным для просмотра через мобильные устройства. Собсно это временная мера, пока нечего надеть, нет в наличии адаптивного дизайна для просмотра с мобильных устройств. Как отнесётся Гугл к таким манипуляциям самому интересно. Один момент уже выяснился, страницы с красивым слайдером тест не проходят, а резиновый (адаптивный) слайдер проходит без проблем. Делайте выводы.

Читать полностью...
Категория поста: Статьи

Пакет 25 стилей для Vbulletin 4

Пакет 25 стилей для Vbulletin 4 Выкладываю пакет стилей к vB 4.х.х. Тут разные версии от 4.0.5 до 4.2 Во многих темах присутсвуют psd файлы. Стили были скачены в разных углах сети. Многое устанавливал, всё отлично работает, если конечно версия форума совпадает с версией стиля. Список стилей: 1. Стиль blackorwhite 4.1.9 2. Стиль bleckorhvite 4.1.10 3. Crystal Clean Skin 4.1.10 4. DarkGreenOutLines vB 4.1.10 5. Dark Vision vB 4110-4111 6. FMI-GameSkin-vB4.2 7. Futuris vB4.1.12 8. GK Transporant vb4.0.2 9. hazieyatie vb 4.1.х 10.Heilight 4.1.12 11.iskins 4.1.5 12.mekarsenja vb4.1.х 13.mahligai vb4.1.х 14.membara vb4.1.10 15.merhania vb4.1.4 16.pemanis vb4.1.10 17. Reptile_Green_4110_v2.50 18. Royal Flush Skin 4.1.10 19. Supertune vb 4.1.11 и 4.1.12 20. Take Five vb 4.1.10 21. Totally.Pro.Style vb 4.1.12 22. TwistedDarkGreen vb 4.0.8 - 4.1.12 23. Underground_4.1.12 24. UPRISING_gaming_Skin_vb4.1.10-4.1.11 25. ws-eve vb4.1.10-4.1.12 Скачать стили: vb4 архив zip. размер 46,4 мБ [ ] Прошу пардону, если найдёте неточности по версиям.

Читать полностью...
Категория поста: Няшечки

Как создать вкладки на странице

Как создать вкладки на странице Простая реализация создания горизонтальных или вертикально расположенных вкладок на jQuery с использованием простенького кода для создания дополнительных вкладок. Как выглядят дополнительные вкладки - Демо. Скачать скрипт можно тут [ ] Разметка html 1. Горизонтальное расположение вкладок(как в демо): « div class = "section" > « ul class = "tabs" > « li class = "current" > Первая вкладка «/ li > « li > Вторая вкладка «/ li > « li > Третья вкладка «/ li > « li > Червертая вкладка «/ li > «/ ul > « div class = "box visible" > « p > параграф «/ p > «/ div > « div class = "box" > « p > параграф «/ p > «/ div > « div class = "box" > « p > параграф «/ p > «/ div > « div class = "box" > « p > параграф «/ p > «/ div > «/ div > 2.Вертикальное

Читать полностью...
Категория поста: Няшечки

Навороченный адаптивный слайдер

Навороченный адаптивный слайдер Время не стоит на месте, заметно меняется внешний вид сайтов в сети, особенно большой популярностью пользуется адаптивный дизайн. Слайдеры, "карусели", "кирпичная кладка", теперь можно встретить почти на любом сайте, они могут придать легкость и изюминку сайту, особенно когда в них используются эффекты HTML5 и CSS3. Ниже вставленный слайдер хорош тем, что: 1. Дивовый(резиновый) дизайн сам подстраивается под размер страницы. 2.Картинки могут быть совершенно разных размеров. Т.е. не обязательно подгонять все фото под один размер. 3. У слайдера есть возможность вставки видео. Можно подключить ролики с YouTube, Vimeo, Html5, Video, Wistia и аудио то же можно подключить. 4. Есть кнопка Увеличить-уменьшить. 5. Лёгкая установка. 6. Три варианта установки на Ваш выбор: Слайдер, Плитка, Карусель. Все три варианта будут работать на одном сайте одновременно. Примеры вставки на светлом фоне - Слайдер, тут - Плитка.

Читать полностью...
Категория поста: Няшечки

Слайдер для vBulletin 4

Слайдер для vBulletin 4 Задался целью вставить слайдер на vb4. Есть готовые решения вставки слайдеров на морду cмs, но мне захотелось вставить слайдер во всю ширь страницы форума, без виджетов, чтобы ни какие боковые панели не отвлекали от просмотра. Пример вставки на форум vb 4.1.12 Для вставки слайдера на форуме должно быть установлено два хака. Их много разных, использовал эти: 1. Хак для создания СВОИХ страниц. (архив zip 11кб) Русификатора нет, но там и так всё понятно. 2. Хак для создания новых вкладок в меню.(архив zip 13кб) Этот русифицирован и в двух кодировках. Про ужас устройства цмс vb4 можно написать целый роман, скажу лишь, два этих хака будут полезны потому, что избавят от многих проблем. Возможно цмс и вовсе не понадобится. Хаки установлены, осталось дело за малым, установить сам слайдер. Распакуйте архив и залейте в корень форума папочку slaider.

Читать полностью...
Категория поста: Няшечки

Прыг: 01 02 03 04 05 06

^Наверх