» »

Ставим блок рекомендации для сайта

Ставим блок рекомендации для сайта

Это простой код плюс стили, но в тоже время нужный на сайте, так как можно разместить рекомендацию как здесь на резчик рекламы. Что безусловно в сети есть хорошие сайты, но администратор по какой то причине не может оплатить, чтоб убрать рекламу на сайте. Это если говорить о конструкторе uCoz, то здесь вы пользователям и гостям рекомендуете приложение, что они устанавливают на браузер. Что после установки на сайте можно нормально находиться и реклама не будет мешать. Также вы его можете применить совершенно в другом плане и рекомендовать сайты или что вам нужно.

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

Приступаем к установке:

Это устанавливаем там где нужно, как вы считаете.

Код
<div style="overflow:hidden;margin:8px 0">
<div class="xwwe"> <a href="Ссылка на приложение"><img class="xinfsz_img" src="http://zornet.ru/Aben/ABGEA/Rin/retunga/2.png" alt="" align="left"></a><a href="Ссылка на программу">AdBlock</a><br> <span style="font-size:9pt;color:#efebeb;margin-left: 50px;display:block;">Убирает рекламу. На сайте без рекламы.</span> </div>
<div class="xwwe"> <a href="Ссылка на расширение"><img class="xinfsz_img" src="http://zornet.ru/Aben/ABGEA/Rin/retunga/1.png" alt="" align="left"></a><a href="Ссылка на расширение">Adguard</a><br><span style="font-size:9pt;color:#efebeb;margin-left: 50px;display:block;">Это резчик рекламы, что на любом сайте убирает.</span></div>
</div>

CSS:

Код
.xwwe {text-align:left;padding:8px 8px 12px 8px;cursor:default;font: 13px 'Open Sans';color: #ded9d9;}  
.xwwe a {color: #fff;font-weight: bold;text-shadow: 0 1px 0 #292727;}
.xwwe:hover {background:rgba(0, 0, 0, 0.04);}  
.xinfsz_img {margin: 0px 10px auto 0px;width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

На этом все сохраняем, так как установка завершена и благодарю пользователя Neiman за предоставленный материал.
24.08.2017 Просмотров: 453 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Critic©
Critic© 25.08.2017 20:191
0
Как под программы, так и под сайты можно нормально сделать.
Kosten
Kosten 25.08.2017 21:092
0
Можно и сайты сделать, но думаю как раз эти программы или приложение для сайта, где реклама от конструктора присутствует, но хороший контент, то поставить не помешает.
avatar