Скриншот материала «Блок баннеров "Наши друзья" для Укоз»
|
Сегодня Мы хотели бы поделиться html кодом с Блоком баннеров "Наши друзья"для Укоз, который подойдёт абсолютно для любого сайта. В блоке уже предустановленны баннеры наших порталов друзей, так что Вам нужно только лишь скопировать код
блока в нужное место на сайте, но про установку подробнее чуть ниже в
новости. Баннеры имеют затемнение благодаря коду CSS.
Друзья нашего сайта - тысяча и один факт.
Установка проста и элементарна, справиться даже новичок.
#1 - Заходим в Панель Управления > Дизайн > Управление Дизайном CSS и копируем код в любое место:
Код
/* Left Block*/
.lbox {width:192px;margin:8px 0 8px 8px;}
.lbox_t {background:#fbfbfb;border-radius:3px;padding:3px 8px;text-transform:uppercase;text-align:center;font-style:italic;color:#6f6f6f;}
.lbox_t span {color:#f48669;}
.lbox_c {border:2px solid #f1f1f1;border-radius:3px;padding:5px 5px;margin-top:5px;overflow:hidden;}
.layer {margin-top:5px;}
.layer img {position:relative;width:170px;height:96px;border:2px solid #93abbb;padding:3px 3px;}
.layer_t {background:url('/img/block_p_bg.png');width:170px;text-align:center;padding:2px 0;position:absolute;left:5px;top:82px;color:#ececec;}
.toc {background:#fff;padding:1px 5px 0 5px!important;}
.lbox_tags {margin-top:5px;overflow:hidden;}
.lbox_tags a {-webkit-transition:background 0.1s ease;background:#fbfbfb;border-radius:3px;padding:7px 9px;margin:3px 3px;display:block;float:left;color:#7c7c7c;}
.lbox_tags a:hover {background:#93abbb;color:#fff;}
/* --- */
.g_dotted_white_two {background:url('/img/g_dotted_white.png')no-repeat;width:192px;height:5px;margin:9px 0 9px 8px;}
.opacity_all {border:0;padding:0;outline:none;opacity:0.5;}
#2 - Заходим в Панель Управления > Дизайн > Управление Дизайном Шаблоны > Первый или второй контейнер и копируем код целиком:
Код
<div class="lbox">
<div class="lbox_t"><span>Наши</span> друзья</div>
<div style="padding:5px;">
<center>
<span class="opacity_all"><a href="http://scripts-for-ucoz.ru/" title="скрипты uCoz" >
<img src="http://ucozzz.ru/img/fan-ucoz.gif" width="88" height="31"></a></span>
<span class="opacity_all"><a href="http://fastnews.lv/" title="хорошие новости" alt="топ новости">
<img src="http://ucozzz.ru/img/horoshie_novosti_88_31_banner.png" width="88" height="31" title="развлекательные новости"></a></span>
<br>
<span class="opacity_all"><a href="http://funny-animals.lv/" title="новости о животных" alt="мир животных">
<img src="http://ucozzz.ru/img/funnyanimals.gif" width="88" height="31" title="новости о животных"></a></span>
<span class="opacity_all"><a href="http://ucozzz.ru/" title="Все для uCoz" alt="Все для uCoz">
<img src="http://for-ucoz.my1.ru/banner_88x31_no_anim.gif" width="88" height="31" title="Все для uCoz"></a></span>
<br>
<span class="opacity_all"><a href="http://cobra.lv/" title="скрипты uCoz" alt="Все для uCoz">
<img src="http://cobra.lv/Baneri/1245605249_cs1.gif" width="88" height="31" title="Counter Strike 1.6"></a></span>
<span class="opacity_all"><a href="http://csl.lv/" title="Counter Strike" alt="Counter Strike Global Offensive">
<img src="http://ucozzz.ru/img/banner1_cs.gif" width="88" height="31" title="Все для uCoz"></a></span>
<br>
<span class="opacity_all"><a href="http://rigaportal.lv/" title="G" alt="Counter Strike Global Offensive">
<img src="http://ucozzz.ru/img/rigaportal_88_31.png" width="88" height="31" title="Все для uCoz"></a></span>
<span class="opacity_all"><a href="http://online-music-mp3.ru/" title="слушать mp3" alt="слушать mp3">
<img src="http://ucozzz.ru/img/MP3_88x31.gif" width="88" height="31" title="Все для uCoz"></a></span>
<br>
<span class="opacity_all"><a href="http://bestnews.lv/" title="интересные новости" alt="интересные новости">
<img src="http://ucozzz.ru/img/gazeta_bestnews_lv_88_31.gif" width="88" height="31" title="газета новостей"></a></span>
<span class="opacity_all"><a href="http://sound-quality.lv/" title="Авто звук форум" alt="установка музыки в авто">
<img src="http://ucozzz.ru/img/auto_sound_88_31.jpg" width="88" height="31" title="инсталяция звука в машину"></a></span>
<br>
<em><a href="http://ucozzz.ru/load/khtml_kody_dlja_ukoz_html_ucoz/blok_bannerov_quot_nashi_druzja_quot_dlja_ukoz/12-1-0-545">
установить такой блок на сайт</em></a>
</center>
<div class="g_dotted_white_two"></div>
</div></div>
Интересные страницы в социальных сетях: https://plus.google.com/u/0/104970776593152251263/posts , https://plus.google.com/u/0/116022953658701362885/posts , https://twitter.com/wwwcobralv , https://twitter.com/BestnewslvAlex , https://twitter.com/scriptsforucozr , https://twitter.com/rigaportal
Только хорошие новости про технику, науку, авто, спорт и другое.