Скрыть или изменить фон сообщения ярлыков



Здравствуйте друзья, читатели и гости. Последнее время занимаюсь чисткой своих блогов, удаляю статьи с нерабочими скриптами гаджетов, внешние ссылки на сайты, которых уже нет и много всего другого. С 2013 года накопилось информации, которая на данный момент уже не актуальна. 

Работы много, что-то точно пропущу. Если в статьях найдете нерабочий код виджета, внешнюю ссылку на несуществующий ресурс или другие ошибки, сообщите пожалуйста в комментариях или через контактную форму, буду очень благодарна.

Прошлась по страницам черновикам, нашла рабочие коды менюшек для блоггер, в ближайшее время опубликую статьи. А сегодня скроем или оформим другим фоном серую форму "Показаны сообщения с ярлыком (название) Показать все сообщения". Все мы знаем, что выглядит такое сообщение мрачновато:

Системное оформление формы сообщений ярлыков

Мы сделаем как-то так:

Вставить код в шаблон и настроить оформление.

В blogger переходим по вкладке тема, делаем резервную копию шаблона. Далее нажмите изменить, найдите закрывающий тэг </head> и выше вставьте код:

<b:if cond='data:blog.pageType != "error_page"'>
<style>
div.status-msg-body {background-color:#f8f8ff !important; color:#0e5198 !important;}
div.status-msg-body a {color:#03b4cc !important;}
</style>
</b:if>

Настройки простые, измените цветовой код на свой желаемый цвет: синий-фон формы; голубой-цвет текста названия ярлыка; зеленый-цвет текста "показать все сообщения" (цвет в основном зависит от настроек в дизайнере шаблона).

Также изменится сообщение об отсутствующей странице:

Попутно после вставки кода изменится фон сообщения о не найденной странице в блоге

Кому-то захочется скрыть такую форму сообщения с названием ярлыков, в таком случае выше закрывающего тэга </head> вставьте код ниже:

<b:if cond='data:blog.pageType != "error_page"'>
<style>
.status-msg-wrap {visibility:hidden;display:none;} 
</style>
</b:if>

Для мобильной версии нужно немного изменить код:

<b:if cond='data:blog.pageType != "error_page"'>
<b:if cond='!data:blog.isMobile'><style>
/* Aspetto Desktop */
div.status-msg-body {background-color:#f8f8ff !important; color:#0e5198 !important;}
div.status-msg-body a {color:#03b4cc !important;}
</style>
<b:else/>
<style>
/* Aspetto Mobile */div.status-msg-body {background-color:#eee !important; color:#333 !important;}
div.status-msg-body a {color:#333 !important;}
</style>
</b:else></b:if></b:if>

Шаблоны у всех разные, поэтому если при сохранении будет выдавать ошибку, преобразуйте код в генераторе HTML кода (в меню выше перейдите по ссылке). На сегодня вся информация. Все вопросы в комментариях. Всем всего доброго.

Рекомендую почитать статьи теме:

Text.ru - 100.00%





Автор статьи ✎ Olga Protasova Выпуск ✹ 5/08/2018 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь Генератором HTML кода


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *