MegaLife-Софт, Игры, Новости и многое другое.

Вид опроса для uCoz, в стиле flat

DoG — Sat, 29 Jun 2013 16:50:17 GMT

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

Для начала как и пололаеться, нам следует установить html каркас данного улучьшения для формы опроса, для этого заходим в Админ панель => Опросы => Управление дизайном модуля

удаляем старый html код и устанавливаем новый:

Код

$QUESTION$

$ANSWERS$

  Ответов: $TOTAL_VOTES$
  Результаты
   |
  Архив

Теперь нам осталось прописать css стили:

Код

/* Вид опроса для uCoz, в стили flat
------------------------------------------*/
.cell-poll{
  float:left;
  width:230px;
  color:#666;
  background: #fff;
  padding: 10px 10px 10px 10px;
  border: 1px solid #B6C0CD;
  border-radius:5px;
}

.cell-poll-title{
  float:left;
  width:100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #B6C0CD;
  font:12px Verdana,Arial,Helvetica, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#666;
}

.cell-poll a {text-decoration:none; outline:none}

.cell-poll-answers{
  float:left;
  width:100%;
  margin: 10px 0px 10px 0px;
  text-align:left;
}

.answer{
  float:left;
  width:100%;
  color:#f8f8f8;
  position:relative;
  height:20px!important;
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 7px 0px;
  background: #f8f8f8;
}

.answer input{margin: 3px 5px 2px 5px;}
.answer label {margin: 2px 0px 2px 0px; color:#555;}

.answer div{
  height:20px!important;
  padding: 2px 0px 2px 0px;
  position:absolute;
  z-index:998;
  top:0px;
  left:0px;
  width:100%;
}

.answer span{
  float:right;
  height:14px!important;
  margin-right: 2px;
  padding: 2px 5px 2px 5px;
  color:#666;
  position:relative;
  top:1px;
  left:0px;
  z-index:999;
  background: #fff;

}

.pollBut{
  cursor:pointer;
  border:none!important;
  margin-top:10px;
  background: #64b0db!important;
  padding: 5px 20px 5px 20px!important;

  font:11px Verdana,Arial,Helvetica, sans-serif!important;
  font-weight: bold!important;
  color:#fff!important;
}

.pollBut:active {box-shadow:inset 0px 0px 3px #166693!important;}
.pollBut:hover {background:#51a4d2!important;}

.cell-poll-link{
  float:left;
  width:100%;
  padding-top: 10px;
  border-top: 1px solid #B6C0CD;

  font:9px Verdana,Arial,Helvetica, sans-serif;
  color:#999;
}

.cell-poll-link span{float:left;}
.cell-poll-link b,
.cell-poll-link a {float:right;}
.cell-poll-link b {color:#B6C0CD;}

Вот и всё, наш вид опроса для системы uCoz в стиле flat готова.

На этом всё спасибо за внимание!

Блок "место свободно"

DoG — Mon, 10 Jun 2013 08:35:29 GMT

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

Код

Оригинальный вид опроса ucoz

DoG — Sun, 09 Jun 2013 17:39:00 GMT

Надоел стандартный вид опроса? В этом решении вы сможете поставить на свой сайт оригинальный вид опроса для ucoz.
Как видно по скриншоту, вы сможете установить один из вариантов, в зависимости от вашего дизайна. Опрос выглядит не только понятно и не сложно, но и замечательно смотрится на ucoz сайтах.

Установка

1. Переходим: ПУ -> Управление дизайном -> Опросы -> Вид формы опросов и заменяем весь код на:

Код

$QUESTION$

$ANSWERS$

Смотреть результаты
$TOTAL_VOTES$ голосов

2. Далее переходим в Таблицу стилей CSS и добавляем в самый низ один из следующих кодов, в зависимости от цветового решения вашего сайта:

Код

Красивый информер Лучших пользователей

DoG — Sun, 09 Jun 2013 14:17:21 GMT

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

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(http://bambun.ru/images/bestu_ico.png) no-repeat 3px 1px; height:12px; line-height:12px; padding:0 0 0 16px; margin:3px 0 0 8px;}
.bestu_loop .ico2 {background:url(http://bambun.ru/images/bestu_ico.png) no-repeat 0 -42px; height:16px; line-height:8px; padding:0 0 0 16px; margin:3px 0 0 8px;}

2. Заходим ПУ - Информеры - создаём информер:

[Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 4 · Колонки: 1 ]

В дизайн информера ставим код:

[code]

Готово.

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

DoG — Sun, 09 Jun 2013 11:57:32 GMT

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

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

Код

Войти на сайт

Информер - Новое на сайте

DoG — Sun, 09 Jun 2013 08:52:31 GMT

Установка:
Для этого перейдем в ПУ / Инструменты / Информеры и создадим новый информер uCoz. Разберем создание информера на примере модуля каталог файлов. Выбираем роаздел - "Каталог файлов", тип данных - "Материалы", дата добавления материала D, количество материалов ставим то которое нужно вам, количество колонок - 1. Кликаем создать.Далее переходим в управление дизайном нашего информер и в открывшимся окне заменяем код на этот: копируем код информера и ставим в блок

Код

$TITLE$

Категория: $CATEGORY_NAME$
Дата: $DATE$

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

DoG — Fri, 24 May 2013 18:05:30 GMT

Скрипт баннеров 88х31 для системы ucoz, материал из категории Статистика сайта ucoz. Скрипт баннеров 88х31 для системы ucoz. С красивой синей обводкой баннеров. Красиво по дизайну будит смотреться.
Установка:
Ставим в блок сайта

Код

Скрипт для сайта ucoz "Лучшие пользователи"

DoG — Fri, 24 May 2013 15:05:10 GMT

Скрипт для сайта ucoz "Лучшие пользователи". Представляю вашему вниманию не дурной по дизайну и главное по работе скрипт для сайта ucoz "Лучшие пользователи". Скрипт выполнен в светло синих тонах и по дизайну может подойти ко многим сайтам. И по цвету можно поставить так же ко многим сайтам. Но если не подходит по цвету, можно перекрасить. Хотя выглядит вид великолепно.
Приступаем к установке:
Создаем один информер с такими показателями.
[ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 5 · Колонки: 1 ] и заполнить его шаблон кодом:

И прописываем туда этот код

Код

$USERNAME$

$FORUM_POSTS$ сообщений

Когда все мы это сделали, делаем последнее действие. Берем ваш номер информера который вы создали и прописываем в блок сайта, там где вы посчитаете нужным. На этом все.

Светло - синея просилка для регистраций на сайте

DoG — Fri, 24 May 2013 12:40:12 GMT

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

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

Код

Регистрируйся на На сайте и общайся с людьми! Зови друзей, играй на хороших серверах CS 1.6,этот Портал Только для тебя и твоих друзей.

Скрипт синий мини-профиль + форма входа для uCoz

DoG — Sun, 19 May 2013 16:29:14 GMT

Убрать рекламный баннер
Установка:
В Таблицу 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) no-repeat -124px 0; width:61px; height:23px; float:left; margin:0 0 0 1px;}
.b_prof .b_prof_b:hover {background-position:0 -23px;}
.b_prof .b_prof_b_in:hover {background-position:-62px -23px;}
.b_prof .b_prof_b_ins:hover {background-position:-124px -23px;}

А вот это вставляем в блок там где будет сам мини-профиль:

Код

» Ник: $USERNAME$

» Вы с нами: $USER_REG_DAYS$

» Группа: $USER_GROUP$

» Ваш IP: $IP_ADDRESS$