Translate

Поиск по этому блогу

среда, 9 марта 2016 г.

Как убрать панель NovBar?

      Убираем панель NovBar.
В некоторых  блогах я видел эти панели, но все зависит от пожеланий и вкусов автора. Вообще, конечно, удобно для редактирования блога сразу заходить в него через эту панель.

 Но мы с вами рассмотрим два варианта. Как удалить панель NovBar из blogspota.
1.Вариант первыйполное удаление панели.
Здесь все проще простого. Идем в «Дизайн» и вверху находим панель NovBar Как на картинке.

 Нажимаем изменить и в открывшейся вкладке выбираем «Выключено».

 Сохраняем. Всё дело сделано.
 Способ очень простой, но иногда бывает необходимость. Чтобы данная панель была видна при наведении на нее стрелки курсора. Для этого воспользуемся вариантом 2
2.Вариант второй: панель видна только при наведении курсора.
Идем во вкладку «Шаблон» = > «Настроить» = > «Дополнительно». Справа, прокручиваем все вниз, до  - «Добавить CSS»

В окно справа, вставляем следующий код:

#navbar-iframe {
  opacity: 0;
}
#navbar-iframe:hover {
  opacity: 0.5;
}

Сохраняем. Теперь у нас почти все получилось, но вверху остается пространство пустое, которое лучше все-таки убрать.


Для этого идем опять в «Шаблон» = > «Изменить HTML».
Левой кнопкой мыши щелкаем на пустом поле и нажимаем Ctrl+F. В окошко справа вводим:

body.mobile  {

Прямо перед ней вводим код:

body .navbar {height: auto;}

Получается, как на картинке. 

Сохраняем и проверяем. Должно получиться как у меня в пробном блоге : http://trainingforbloger.blogspot.ru/

В некоторых случаях это может не сработать, поэтому придется либо убрать панель полностью —body .navbar {display: none;},
либо сделать это пространство в цвет шапки блога —body .navbar {background-color:#----;}
(введите ваше значение цвета, который должен соответствовать цвету, ниже расположенной шапки блога)

И еще. При работе с разными шаблонами, вы будете часто сталкиваться и с разной разметкой. В некоторых случаях navbarможет быть не классом, а идентификатором, или вообще быть не navbar.
Именно поэтому я вам рекомендую каждый раз открывать инструмент разработчика в гугл хроме. и смотреть код!

Эти простые рекомендации помогут вам сделать ваш блог более привлекательным. Какие из них вам использовать, все зависит от вашего вкуса, главное, что вы теперь всегда  будете знать, как изменить ваш блог.
Осталось удалить надпись "Технологии блогер"

 
Теперь уберем текст "Сообщения Atom"

   
                                                                                                                                                   

Комментариев нет:

Отправить комментарий



Хотите освоить самые современные методы написания React приложений? Надоели простые проекты? Нужны курсы, книги, руководства, индивидуальные занятия по React и не только? Хотите стать разработчиком полного цикла, освоить стек MERN, или вы только начинаете свой путь в программировании, и не знаете с чего начать, то пишите через форму связи, подписывайтесь на мой канал в Телеге, вступайте в группу на Facebook.Пишите мне - kolesnikovy70 почта gmail.com