CSSPRO | ANOMAL RAY

Топ пользователей для Ucoz

SaNcHo — Mon, 31 Dec 2012 12:11:17 GMT

УСТАНОВКА СКРИПТА:

Для начала нужно создать информер [Пользователи · Материалы · Кол.комментариев · Материалы:9 · Колонки:3] в шаблон информера кидаем код что будет указан ниже, и потом создаем блок и вставляем в блок номер вашего информера=)

Код

А потом зайти в ваш CSS стиль и в самый низ вставить вот этот код:

Код

/* User-top */
   .informer_user_ava {width:60px}
   .informer_user_nic {width:60px;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;margin:3px 0 10px}
   .tooltip_user a {text-decoration:none;color:#333}
   .tooltip_user a:hover {position:relative}
   .tooltip_user a span {display:none}
   .tooltip_user a:hover span {z-index:999;display:block;position:absolute;text-align:left;color:#1E90FF;font-size:8pt;top:-150px;right:0;width:250px;background:url('http://bambun.ru/images/fonn.png'); border:1px solid #000000;padding:0}
   .user_i, .user_ii {float:left;width:120px;margin-bottom:2px;padding:0 0 5px;background:url('') repeat-x bottom}
   .user_v {border-bottom:1px solid #000000}
   .user_n {border-top:1px solid #000000}
   .user_c {clear:left;overflow:hidden;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;padding:5px}
   .user_v_p {padding:3px 4px 0}
   .user_v, .user_n {clear:left;height:25px;background:url('http://bambun.ru/images/fonn.png') repeat-x top #171717}
   .user_name {float:left}
   .user_full_name {float:right}
   .user_full_name, .user_name {background:;padding:2px 5px;font-size:10px;border-top:1px solid #0d0d0d;border-right:1px solid #0d0d0d;border-left:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d}
   .user_ava_a {padding:4px; border:1px solid #0d0d0d;}
   .user_ava_a {width:50px; height:50px; background:url('http://bambun.ru/images/fonn.png');}
   /* ---------------------------------- */

Полу-прозрачность bannera (картинки)

OConner — Tue, 11 Sep 2012 12:32:20 GMT

туда, куда надо вам:
[greentable]

[/greentable]
в CSS-стили:
[greentable]/* ----////// Эффект прозрачности /////------- */

#ollone a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}

#ollone a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}[/greentable]

Я молодец, я нашел ошибку: скрипт как на lostfilm-е

OConner — Mon, 27 Aug 2012 13:34:26 GMT

Скрипт похож как на lostfilm-е

в CSS-стили:
[greentable]/* Я молодец, я нашел ошибку*/
#attention {
position: fixed;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
#attention_inner {
position: fixed;
left: -105px;
width: 150px;
height: 48px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
text-indent: -99999em;
background: url("http://csspro.ucoz.co.uk/ops.jpg") scroll no-repeat;
opacity: 0.3;
}
#attention:hover {
left: 110px;
cursor: pointer;
}
#attention:hover #attention_inner {
left: 0;
opacity: 1;
}
#attention { top: 150px; }
#attention_inner {
top: 150px;
background-position: left top;
}

/*extraBar*/
#extraBar {
width: 100%;
float: left;
background: url("/") repeat scroll 0 0 #EFEFEF;
border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
padding: 10px 0;
}
#extraBar .moduletable { float: left; }
#extraBar .moduletable .modWidth { padding: 0 10px; }
/*bottomBlock*/
#bottomBlock {
width: 100%;
float: left;
background-color: #FFF;
padding: 20px 0;
}
#bottomBlock .moduletable { float: left; }
#bottomBlock .moduletable .modWidth { padding: 0 10px; }
/** ------- **/[/greentable]

Туда, где хотим видеть данный скрипт, вставляем перед :
[greentable]

Я молодец, я нашел ошибку

[/greentable]

Переадресация (редирект) с сайта на ucoz'е на другой сайт.

OConner — Thu, 23 Aug 2012 06:53:41 GMT

Данный скрипт работает 100%.
Для того, чтобы сделать редирект заходим: ПУ → Управление дизайном → Страницы сайта.
Между тегами Вставляем следующий код:
[greentable][/greentable]
[redtable]Там где http://csspro.ucoz.co.uk/: вставляем ссылку сайта, на который будет перенаправлять.[/redtable]

Соц. сети| by rip OLL [vk]

OConner — Wed, 22 Aug 2012 12:47:28 GMT

[yellowtable]Похожий скрипт см. здесь[/yellowtable]

В CSS-стили:
[greentable]/* soc icon by OLL*/
a.soc-icon:link, a.soc-icon:visited{text-decoration:none;display:inline-block;*display:inline;vertical-align:top;width:32px;height:8px;padding-top:24px;background:url('http://csspro.ucoz.co.uk/A1/backup-vk-.png') no-repeat;}
a.soc-icon:hover, a.soc-icon:active{text-decoration:none;}
a.vk:link, a.vk:visited, a.vk:hover, a.vk:active{background-position:0 0;}
#dsaaq img {opacity: 0.15;} #dsaaq img:hover {opacity: 1;}
.anm {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a.vk:hover {background-position:0px -32px;}
/* ----- */[/greentable]
[redtable]Следующий код вставляйте туда, где хотите его видеть. Например: нижняя часть сайта.[/redtable]
Код:
[greentable]

[/greentable]

Соц. сети| by rip OLL [vk, fb, tw, go]

OConner — Tue, 21 Aug 2012 19:35:44 GMT

В CSS-стили:
[greentable]/* soc icon by OLL*/
a.soc-icon:link, a.soc-icon:visited{text-decoration:none;display:inline-block;*display:inline;vertical-align:top;width:32px;height:8px;padding-top:24px;background:url('http://csspro.ucoz.co.uk/A1/backup-1-.png') no-repeat;}
a.soc-icon:hover, a.soc-icon:active{text-decoration:none;}
a.vk:link, a.vk:visited, a.vk:hover, a.vk:active{background-position:0 0;}
a.fb:link, a.fb:visited, a.fb:hover, a.fb:active{background-position:-34px 0;}
a.tw:link, a.tw:visited, a.tw:hover, a.tw:active{background-position:-68px 0;}
a.go:link, a.go:visited, a.go:hover, a.go:active{background-position:-102px 0;}
#dsaaq img {opacity: 0.15;} #dsaaq img:hover {opacity: 1;}
.anm {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a.vk:hover {background-position:0px -32px;}
a.fb:hover {background-position:-34px -32px;}
a.tw:hover {background-position:-68px -32px;}
a.go:hover {background-position:-102px -32px;}
/* ----- */[/greentable]
[redtable]Следующий код вставляйте туда, где хотите его видеть. Например: нижняя часть сайта.[/redtable]
Код:
[greentable]

[/greentable]

Рамка для скрина в файлы.

OConner — Tue, 14 Aug 2012 08:24:58 GMT

1. скачиваем файл 432.png и заливаем в папку img.
2. Заходим в ПУ → Каталог файлов → Настройки модуля
Отмечаем Скриншот как это показано на скрине:

3. В ВИД файлов:
[greentable]

$MODER_PANEL$

$TITLE$

Категория: $CATEGORY_NAME$ Автор: $USERNAME$ \| $DATE$
	Категория: $CATEGORY_NAME$ Добавил: $USERNAME$ Дата: $DATE$ Комментарии: $COMMENTS_NUM$ Рейтинг: $RATING$0 Просмотров: $READS$ Подробнее: Перейти

Просмотров: $READS$

Загрузок: $LOADS$

Добавил: $USERNAME$

[/greentable]

Рамка для скрина в новости.

OConner — Tue, 14 Aug 2012 08:19:56 GMT

1. Скачайте файл 432.png и залейте в папку img.
[greentable]2. Зайдите в ПУ → Новости сайта → Настройки модуля.
Отмечаем Изображения[/greentable]

3. В ВИД новостей вставляем это:
[bluetable]

$MODER_PANEL$

$TITLE$

Автор: $USERNAME$ \| $DATE$
	$MESSAGE$

Просмотров: $READS$

Обсудить: $COMMENTS_NUM$

[/bluetable]

Просилка регистрации

OConner — Wed, 08 Aug 2012 10:30:24 GMT

Скрин

[yellowtable]ПУ→Управление дизайном→модуль (например:Каталог файлов - Главная страница к.ф.) и после [blink]head[/blink][/yellowtable]
Вставляем код:
[greentable][/greentable]