Здравствуйте друзья, читатели и гости. Последнее время занимаюсь чисткой своих блогов, удаляю статьи с нерабочими скриптами гаджетов, внешние ссылки на сайты, которых уже нет и много всего другого. С 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 кода (в меню выше перейдите по ссылке). На сегодня вся информация. Все вопросы в комментариях. Всем всего доброго.
Рекомендую почитать статьи теме:
Рекомендую почитать статьи теме:
Рекомендуемый контент:
Расскажите пожалуйста как оформить избранное сообщение.
ОтветитьУдалитьДля оформления использовать CSS, дизайн-добавить гаджет:
Удалить<style>
#FeaturedPost1{
background: #f8f8ff;
border:7px groove #03b4cc;
font-size:20px;color:#f00;
}
</style>
Можно вставить в шаблон (сейчас вкладка Тема) выше строки
]]></b:skin>, только без тэга style.
В коде CSS меняем фон гаджета, размер шрифта, оформляем в рамочку. Другие виды рамок смотрите в меню-содержание, ярлык Рамки.