Всё для Cs:Source,Системы uCoz и Adobe Photoshop

Профиль для ucoz в нижнем правом углу сайта

Meetwoor — Tue, 26 Nov 2013 13:37:38 GMT

скрин: http://s020.radikal.ru/i706/1311/de/d755b2038d80.jpg

Установка:

Как правильно установить "Профиль для ucoz" на сайт?
Приступим. И так
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в глобальный блок "Нижняя часть сайта" в самый низ или куда вам будет удобнее.

[code]

Мини-Профиль

[/code]

Форма входа на uCoz

Meetwoor — Tue, 26 Nov 2013 13:37:04 GMT

скрин: http://s52.radikal.ru/i137/1311/7e/80339c532d4d.jpg

В этой новости я поделюсь, как мне кажется, достаточно редкой полезностью для сайта укоз, а именно формой входа на собственно сам сайт uCoz.
Выглядит эта форма входа так же как и на скриншоте к материалу.
Установка проходит в несколько этапов - нужно добавить код в шаблон CSS, а так же и заменить сам код $LOGIN_FORM$ или $LOG_FORM$, но если вам доводилось прежде работать с админ панелью сайта на бесплатном хостинге uCoz, а так же с HTML кодами, тогда эта проблема должна решиться мигом.

Установка:

В самый низ вашего css вставляйте:

[code]/* GLOBALS */
.form-1 *,
.form-1 *:after,
.form-1 *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

.form-1 {
width: 140px;
margin: 0px;
padding: 10px;
position: relative; /* For the submit button positioning */

/* Styles */
box-shadow:
0 0 1px rgba(0, 0, 0, 0.3),
0 3px 7px rgba(0, 0, 0, 0.3),
inset 0 1px rgba(255,255,255,1),
inset 0 -3px 2px rgba(0,0,0,0.25);
border-radius: 5px;
background: white; /* Fallback */
background: -moz-linear-gradient(#eeefef, #ffffff 10%);
background: -ms-linear-gradient(#eeefef, #ffffff 10%);
background: -o-linear-gradient(#eeefef, #ffffff 10%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
background: linear-gradient(#eeefef, #ffffff 10%);
}

.form-1 .field {
position: relative; /* For the icon positioning */
}

.form-1 .field i {
/* Size and position */
left: 0px;
top: 0px;
position: absolute;
height: 36px;
width: 36px;

/* Line */
border-right: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);

/* Styles */
color: #777777;
text-align: center;
line-height: 42px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events: none;
}

.form-1 input[type=text],
.form-1 input[type=password] {
font-family: 'Lato', Calibri, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
/* Size and position */
width: 100%;
padding: 10px 18px 10px 45px;

/* Styles */
border: none; /* Remove the default border */
box-shadow:
inset 0 0 5px rgba(0,0,0,0.1),
inset 0 3px 2px rgba(0,0,0,0.1);
border-radius: 3px;
background: #f9f9f9;
color: #777;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

.form-1 input[type=text] {
margin-bottom: 10px;
}

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
color: #52cfeb;
}

.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
color: #42A2BC;
}

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus {
outline: none;
}

.form-1 .submit {
/* Size and position */
width: 65px;
height: 65px;
position: absolute;
top: 16px;
right: -25px;
padding: 10px;
z-index: 2;

/* Styles */
background: #ffffff;
border-radius: 50%;
box-shadow:
0 0 2px rgba(0,0,0,0.1),
0 3px 2px rgba(0,0,0,0.1),
inset 0 -3px 2px rgba(0,0,0,0.2);
}

.form-1 .submit:after {
/* Size and position */
content: "";
width: 10px;
height: 10px;
position: absolute;
top: -2px;
left: 30px;

/* Styles */
background: #ffffff;

/* Other masks trick */
box-shadow: 0 62px white, -32px 31px white;
}

.form-1 button {
/* Size and position */
width: 100%;
height: 100%;
margin-top: -1px;

/* Icon styles */
font-size: 1.4em;
line-height: 1.75;
color: white;

/* Styles */
border: none; /* Remove the default border */
border-radius: inherit;
background: #52cfeb; /* Fallback */
background: -moz-linear-gradient(#52cfeb, #42A2BC);
background: -ms-linear-gradient(#52cfeb, #42A2BC);
background: -o-linear-gradient(#52cfeb, #42A2BC);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#42A2BC));
background: -webkit-linear-gradient(#52cfeb, #42A2BC);
background: linear-gradient(#52cfeb, #42A2BC);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.3),
0 1px 2px rgba(0,0,0,0.35),
inset 0 3px 2px rgba(255,255,255,0.2),
inset 0 -3px 2px rgba(0,0,0,0.1);

cursor: pointer;
}

.form-1 button:hover,
.form-1 button[type=submit]:focus {
background: #52cfeb;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.form-1 button:active {
background: #42A2BC;
box-shadow:
inset 0 0 5px rgba(0,0,0,0.3),
inset 0 3px 4px rgba(0,0,0,0.3);
}[/code]

[code]

[/code]

Осталось только подправить ширину формы под нужный вам размер. Изменить этот параметр в css в участке
Цитата

[code].form-1 {
width: 140px;[/code]

Мини-профиль

MyLife — Thu, 03 May 2012 08:47:23 GMT

http://s019.radikal.ru/i624/1204/c8/564cb4f583da.jpg <-- Скрин

В форуму входа вставляем этот код:

[code]

Забыл пароль | Регистрация

[/code]

По месту расположения мини-профиля вставляем этот код:

[code]

Ваш логин: $USERNAME$

Группа: $USER_GROUP$

Персональная страница

Читать ЛС ($UNREAD_PM$)

Добавить материал

Выход

$LOGIN_FORM$
[/code]

Темный мини-чат для uCoz

MyLife — Thu, 03 May 2012 08:47:10 GMT

http://s019.radikal.ru/i636/1204/18/2cfb3b1b1e8d.png <-- Скрин

Темный мини-чат для uCoz. Удобный черный чат, с различными функциями и красивыми картинками.
Автор: TAMEP.

В CSS:

[code]/* Темный мини-чат */
.vid_mchat_b {
border-bottom:1px solid #2b2b2b;
}

.vid_mchat {
overflow:hidden;
background:#191919;
border-bottom:1px solid #0a0a0a;
padding:3px 0 0 0;
min-height:58px;
}

.vid_mchat .name {
max-width:145px;
padding:0 0 4px 0;
background:url("vid_mchat_name_b.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/vid_mchat_name_b.png*/ no-repeat bottom center;
}

.vid_mchat .text {
font-weight:bold;
color:#636363;
padding:3px;
}

.vid_mchat .avatar {
float:right;
background:url("vid_mchat_ava.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/vid_mchat_ava.png*/ no-repeat 0 0;
padding:2px;
}

.vid_mchat .avatar img {
width:38px;
height:38px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.form_add {
padding:0 4px 5px 3px;
}

.form_add .bbcodes {
padding:0 0 2px 3px;
}

.form_add .bbcodes a {
display:inline-block;
background:url("bbcodes_a_l.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_l.png*/ no-repeat 0 0;
padding:0 0 0 5px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#69859f;
height:17px;
text-align:center;
line-height:17px;
}

.form_add .bbcodes a span {
display:inline-block;
height:17px;
background:url("bbcodes_a_r.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_r.png*/ no-repeat right;
padding:0 5px 0 0;
}

.form_add .bbcodes a:hover {
background:url("bbcodes_a_l_h.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_l_h.png*/ no-repeat 0 0;
color:#1a1a1a;
text-shadow:0 1px 0 #88a1b5;
}

.form_add .bbcodes a:hover span {
background:url("bbcodes_a_r_h.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_r_h.png*/ no-repeat right;
}

.form_add .submit {
margin:0;
padding:0 3px 0 0;
border:0;
}

.form_add .submit input {
background:url("form_add_submit.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/form_add_submit.png*/ no-repeat 0 0;
width:42px !important;
height:42px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#636363;
padding:0;
margin:0;
border:0;
}

.form_add .textarea {
width:156px;
float:right;
padding:1px 0 0;
margin:0;
border:0;
}

.form_add .textarea textarea {
padding:9px 6px;
width:144px;
height:23px;
border:0;
background:url("form_add_textarea.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/form_add_textarea.png*/ no-repeat 0 0;
height:23px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#636363;
}
/* --- */[/code]

Вид материалов чата:

[code]

$AVATAR_URL$Ссылка на NOAVATAR" alt="$USERNAME$" />

$USERNAME$

$MESSAGE$

[/code]

Форма добавлений сообщений мини-чата:

[code]

B
U
i
S
Настройки

[/code]

Часы для cs

MyLife — Thu, 03 May 2012 08:45:36 GMT

http://s019.radikal.ru/i611/1204/e3/3768e0ac77bd.png <-- Скрин

[code][/code]

http://s58.radikal.ru/i162/1204/06/92e598784aa9.png <-- Скрин

[code][/code]

Новые анекдоты на вашем сайте

Batareyka — Sat, 31 Mar 2012 05:18:49 GMT

Так выглядит скрипт:http://s019.radikal.ru/i617/1203/5e/c52f5476eb1c.png

[code]

Случайный анекдот

[/code]

Скрипт "Новости сайта"

Batareyka — Sat, 31 Mar 2012 05:17:54 GMT

Так выглядит скрипт:http://s019.radikal.ru/i608/1203/c2/c6a2583ee96a.jpg

Установка:

1. Активируем модуль "Каталог статей" и создаем в нем любую категорию.

2. В настройках модуля включаем галочки у краткого описания, остальные все выключены, а так же включаем возможность поиска материалов пользователя.

3. В настройках групп даем возможность добавлять материалы группе "Администраторы", а остальным закрываем возможность.

4. В вид материалов модуля вставляем:

[code]$DATE$ в $TIME$
$MESSAGE$

[/code]

5. На главной странице модуля находим:

[code]$BODY$[/code]

И заменяем на:

[code]

$BODY$

[/code]

6. На тех страницах, на которых хотите чтобы работал скрипт находим:

И заменяем на:

[code][/code]

7. Туда, где хотите видеть сам скрипт вставляете:

[code]

Новости проекта

[?]

[/code]

Лично я ставил в глобальный блок.

Скрипт установлен.

Скрипт Наш сайт оптимизирован под Mozila firefox

Batareyka — Sat, 31 Mar 2012 05:17:05 GMT

Скрипт показывает под какой браузер оптимизирован ваш сайт и если на других он будет отображается некачественно то ваш пользователь зайдет с того браузера который порекомендовал сайт.
Вставляете в блок:

Так выглядит скрипт: http://s019.radikal.ru/i618/1203/d5/b053e062d3e1.png

[code]
Наш сайт адаптирован под браузер Mozilla Firefox