D.iK.iJ

D.iK.iJ
Рейтинг
242
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
porohobot:
сколько страниц должно быть?

Минимум 100, но лучше - 300. Это по моему личному опыту. Ну и убрать разные пустые технические.

Кому-то просто лень переделывать стандартный движок.

Например, мало страниц у сайта.

Или поведенческие не очень.

Или контент малополезный )))

Логично, что вылазит белый фон. если контент уже закончился.

Посмотрите в /bio/assets/css/main.css - 3048 строка

body.homepage #header стоит значение min-height: 0

Можно попробовать поставить, например,

min-height: 50vh;

Как вариант, добавить еще min-height: 50vh; и для #footer в 3089 строке. Но я особо не тестировал.

А вообще, обычно привязывают футер к низу страницы каким-нибудь из способов. Вот первый же вариант в Гугле: http://dimox.name/press_footer_bottom_with_css/

В /_st/my.css - 283 строка.

Стоит aside и там display: table-footer-group!important;

Если сделать display: block;

а в 284 строке

#content вместо display: table-header-group!important;

тоже display: block;

Меню будет сверху. Да. Смотреть удобно по F12 через инспектор стилей в Хроме.

mrmvd:
я правильно понимаю, что стучаться во вконтакт и просить их сделать lightweight скрипт со сжатием и асинхронной загрузкой бесполезно?

Скорее всего.

Ну, асинхронно скрипт и так не трудно грузить.

<div id='vk_comments'></div>
<script type="text/javascript">
function start(){
VK.init({apiId: 366666, onlyWidgets: true});
VK.Widgets.Comments("vk_comments", {limit: 5, width: "650", attach: "*", autoPublish: "1"});
}
</script>
<script async onload="start();" type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

Блин. С одной стороны, текст с картинками напоминает мне Алиэкспресс... с другой - голый текст - тоже не интересно. Как-то совместить бы. :)

1) Поставить нормальный мета-тег. У вас там много чего стоит. А нужен всего один

<meta name="viewport" content="width=device-width, initial-scale=1">

2) Куча битых файлов в консоли по F12 показывает. И по страницам тоже что-то странное.

3) Адаптив я обычно начинаю с таких вот стилей. У вас практически на них все и закончится.

@media screen and (max-width: 960px) {
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}
}

4) Если что-то из стилей закрыто в robots.txt от индексации Гуглом - открыть.

5) Проверить кеширование статики и сжатие.

R4z0R:
но ничего не получилось, да и не силен я в js

Это же Жиквери. Там можно обратиться к классу, а не к ID. Все это же самое, только попробуйте что-то вроде $('.royalSlider')

avatar2020:
А мобильную адаптацию делать по медиа запросам, правильно? (Media Queries)

Вполне правильно. Ну, просто остальные варианты как-то затратнее обычно. Ведь медиа запросы - это же просто стили в зависимости от ширины экрана.

Можно еще сделать отдельный мобильный шаблон. Легкий и со своими скриптами и стилями. Нужно только правильно определять все устройства.

Можно вообще сделать свое приложение.

Можно выбрать какой-то готовый адаптивный шаблон для своего движка.

Ну, мобильную версию на поддомене не предлагаю - устарело уже.

А вот 3-4 точки, если честно, не очень хорошая идея. Устройств разных много. И как-то симпатичнее, если сайт "тянется" под все размеры экрана.

Всего: 2932