пятница, 20 марта 2015 г.

Масштабирование блога или "Блог-то - Не резиновый!

Начиная этот блог - я решил, что ныне не буду заморачиваться стремлением к чему-то идеальному. А просто буду делать то, что хочу. Не думая о дизайне, не думая об оформлении. Просто, буд-то взял листок и карандаш.
Но что мне жутко не нравилось уже с первых моментов - это то, что перетаскивая блог с экрана ноутбука - на второй экран монитора - блог не становился резиновым и не масштабировался. Оказалось, что это "маленькая болячка блогов Blogger \ Blogspot ", но которую можно легко вылечить!

В процессе "гугления" - было как-то тяжеловато найти оптимальный запрос, чтобы найти то, что мне нужно. Находились всякие "масштабирования картинок в блогах", "Блоги мирового масштаба" и даже "Крылья, Ноги Хвост! ... " о_О
Но не то, что мне нужно. И вот наконец-то я наткнулся на чудесный сайт! Там-то я и нашел решение! 
Все, что необходимо, это: 
добавить CSS для группы шаблонов "Простая", "Венецианское окно" и "Путешествие":

body {
  padding-left: 10px;
  padding-right: 10px;
}
html body .content-outer {
  max-width: 100%;
}

Для "Корпорация "Чудеса"" и "Водяной знак":

html body .region-inner {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

Как добавить код в CSS, я тоже вычитал там. 
  1. В настройках блога. Открываем Шаблон
  2. Жмем "Изменить HTML"
  3. Клацаем в код и ищем: ]]></b:skin>

И перед этой строкой вставляем код, который я написал выше! BINGO! Теперь ваш блог резиновый! ;) 

Оригиналы этого решения тут: