cs-ex

Вид комментариев для темных дизайнов от Артема Малкова

startsmart — Fri, 08 Mar 2013 19:01:07 GMT

[c][/c]Всем привет. Не плохой вид комментариев для сайтов на uCoz. Приступим.
Заходим Панель управления - дизайн - управление дизайном - комментарии - вид комментариев
удаляем все и вставляем этот код

[code]

удалить

$TIME$

$MESSAGE$

$TIME$

$MESSAGE$

удалить

[/code]

затем Панель управления - дизайн - управление дизайном - общие шаблоны - таблица стилей
и вставляете в самый низ этот код

[code]
.com_wp {border-radius:50%;background:#fff;width:65;height:65}
.ob_wp { width:73;height:73;background: #20242b;border-radius:50%; }

.ob_wp1 { width:81;height:81;background:rgba(255,255,255,0.3);;border-radius:50%; }

.mess_wp{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);border-radius:4;background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));
background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
}
.tim_wp{background:d7d7d7;border-radius:4;}
#triangle-left {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 9px solid #e1e1e1;
border-bottom: 7px solid transparent;
}#triangle-left1 {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-left: 9px solid #e1e1e1;
border-bottom: 7px solid transparent;
}[/code]

Готово. До новых работ

Адаптация чата iChat для uCoz

startsmart — Fri, 08 Mar 2013 17:06:59 GMT

[c][/c]Oсобенности:

Мод очистки чата.
Мод вывода аватара пользователя
Новый вид модер панели

Установка:
1. В "Форме добавления сообщений мини-чата" замените все на:

[code]

Только зарегистрированные посетители могут писать в чате.

Вам нельзя писать в чате.

[/code]

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

[code]

$USERNAME$
$TIME$

$MESSAGE$

[/code]

3. В CSS:

[code]/*--- iChat v1.1 by MAD-GTX. ---*/

.iChat {
padding: 3px;
}

.message {
font-size: 11px;
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
line-height: 1.27;
word-wrap: break-word;
}

.message {
border: 1px solid #dadada;
background-color:#FFFFFF;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 1px;
margin-top: 2px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 3px;
}

.message:hover {
border: 1px solid #cccccc;
}

.clr { clear: both; }

.message div {
margin: 0;
padding: 0;
}

.message .info {
display: block;
margin-top: 2px;
color: #969696;
background-color: rgb(240, 247, 252);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.button {
background: #fff url("/ichat/img/button.png") repeat-x 0 100%;
text-shadow: 0 1px 0 #fff;
border: 1px solid #b3b3b3;
color: #383838;
padding: 2px 9px 5px 9px;
margin-bottom: 2px !important;
height: 24px;
font-weight: bold;
cursor: pointer;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
-moz-box-shadow: 0 1px 4px -3px black;
-webkit-box-shadow: 0 1px 4px -3px black;
box-shadow: 0 1px 4px -3px black;
}
.button:hover { background-position: 0 10px; }

.message .text {
margin-left: 5px;
font-size: 12px;
}

.message a {
color: #176093;
}

.message .action {opacity: 0.3;cursor:pointer;}
.message .action:hover {opacity: 1;}

.message hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }

.message .avatar img {
margin-right: 5px;
float: left;
height: 32px;
width: 32px;
background-color: #FCFCFF;
border: 1px solid #A5CAE4;
border-radius: 4px 4px 4px 4px;
padding: 2px;
}

.copyright {
font-size: 9px;
padding-right: 5px;
float: right;
color: #969696;
}

.copyright a {
font-size: 10px;
color: #176093;
}
.iChat_input { width: 99px; padding: 1px; }
.iChat_bbeditor { border: 1px solid #d4dfe8; background: #fff url("/ichat/img/bbcode/bg.png") repeat; }
.iChat_bbeditor span, .iChat_bbeditor span img, .iChat_bbeditor .bbspacer, .iChat_bbeditor .bbselect { float: left; }
.iChat_bbeditor .bbselect { height: 21px; padding: 4px 3px 0 3px; }
.iChat_bbeditor .bbselect select { font-size: 11px; }
.iChat_bbeditor span { cursor: pointer; background: url("/ichat/img/bbcode/buttons.png") no-repeat; }
.iChat_bbeditor span:hover { background-position: -23px 0; }

.iChat_editor { width: 99% !important; background-color: #f9fafa; border: 1px solid #d4dfe8; }
.iChat_editor .iChat_bbeditor { border-width: 0 0 1px 0; }

.ui-corner-all {
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#mchatMsgF {
width: 99%;
height: 60px;
display:block;
background:#fff url(/ichat/img/logotype.png) center no-repeat;
border:1px solid #c2c2c2;
}[/code]

Cкачать: http://yadi.sk/d/i76qFB1c36cUn

4. Залейте папку iChat из прикрепленного архива в корень сайта и готово.
P.S: Для гостей отключите добавление сообщении.

Вид комментариев для uCoz v.5

startsmart — Fri, 08 Mar 2013 14:33:08 GMT

[c][/c]Всем привет, сегодня я хочу предоставить на общее скачивание очередной вид комментариев для uCoz реализованный в стили минимализма, ничего лишнего как говориться.

Шаг 1 - Установим HTML:

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

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

[code]

$USERNAME$ $NAME$
пишет: | $DATE$ | $TIME$ ( E-mail )
#$NUMBER$
Страница с комментарием
$MODER_PANEL$

$USER_AVATAR_URL$http://bambun.ru/images/no_aiotar.jpg" />
$MESSAGE$

$ANSWER$

Ответить
0)?>Like | +$COMMENT_RATING$ Like | $COMMENT_RATING$
Like

[/code]

Обратите внимание, что аватар и ссылка на страницу администратора в ячейки системной переменной $ANSWER$ отвечающий за отображение ответа от администратора, следует прописать вручную.

Шаг 2- Установим CSS:

Теперь когда наш с вами каркас формы добавление комментариев для uCoz готов, пропишем ему следующие css стили:

[code]/* Вид комментариев для uCoz v.5
------------------------------------------*/
.cell_comment {
float:left;
width:100%;
color:#666;
background:#fff;
margin: 10px 0px;
border: 5px solid #bdd3e0;
border-radius:3px; overflow: hidden;
}

.comment_top {
float:left;
width:100%;
padding:5px 0px;
background:#F4F8F9;
border-bottom: 1px solid #E6F0F2;
}

.comment_name{
margin-left: 20px;
color:#34AB63;
}

.comment_number {
float:right;
background:#f5f7f9;
margin-right: 20px;
}

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

.comment_mp,
.comment_page {
float:right;
margin-right: 20px;
}

.comment_message {
float:left;
font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;
text-align:justify;

width:94%;
overflow: hidden;
padding: 10px 20px 15px 20px;
}

.comment_avatar {
float:right;
width:50px;
height:50px;
margin: 0px 0px 10px 20px;
border: 3px solid #bdd3e0;
border-radius:3px;
}

.comment_bottom {
float:left;
width:100%;
padding:6px 0px 5px 0px;
background:#F4F8F9;
border-top: 1px solid #E6F0F2;
font:10px Verdana,Arial,Helvetica, sans-serif;
}

.comment_answer:link,
.comment_answer:visited{
float:left;
margin: 0px 0px 0px 20px;
background:#8cbec9;
padding: 2px 7px 2px 7px;
text-shadow: 1px 1px 1px #5d97a4;
color:#fff;
}

.comment_answer:hover {
background:#9dd0db;
}

.comment_answer:active {
box-shadow:inset 0px 0px 3px #5a95a2!important;
}

.comment_like:link,
.comment_like:visited{
float:right;
background:#8ec98c;
padding: 2px 7px 2px 7px;
text-shadow: 1px 1px 1px #4aa44c;
color:#fff;
}

.comment_like:hover {
background:#abe6a9;
}

.comment_like:active {
box-shadow:inset 0px 0px 3px #349932!important;
}

.comment_bottom strong {
float:right;
padding: 2px 10px 2px 10px;
background:#dde9d9;
margin-right: 20px;
}

.comment_answer_admin{
float:left;
width:94%;
margin-top: 10px;
padding: 10px 20px 10px 20px;
background:#f4ecec;
border-radius:3px;
}

.comment_avatar_admin{
float:right;
width:50px;
height:50px;
margin: 0px 0px 10px 25px;
border: 3px solid #dca2a2;
border-radius:3px;
}

.cell_comment a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=85);
}[/code]

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

Новый вид комментариев v.1.0 + Модер-панель для uCoz

startsmart — Fri, 08 Mar 2013 11:56:03 GMT

[c][/c]Здравствуйте дорогие читатели, сегодня хочу вас порадовать новым видом комментариев и модер-панель для uCoz, в этом виде комментария присутствует уголок что делает вид комментариев симпатичней, не стандартная модер-панель + кнопка "Ответить", небольшая кнопочка "Like".

Шаг 1 - Установим HTML:

Для начало нам следует удалить старый html код вида комментарий, для этого идём в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев и устанавливаем следующий код:

[code]

$USERNAME$

$NAME$

Гость

$DATE$ - $TIME$

Like | 0+$COMMENT_RATING$

№$NUMBER$

$MESSAGE$

[/code]

Шаг 2 - Установим CSS:

Теперь нам надо прописать стили "css" что бы наш вид комментариев отображался коректно и стал симпатичным.

[code]/* Вид комментариев v.1
------------------------------------------*/

/* Выравнивание */
div.left_block {float:left;}
div.right_block {float:right;}

/* Кнопки комментировать, редактировать, удалить */
.otvet {
background: url(/img/otvet.png);
background-position: -0px -0px;
width: 25px;
height: 23px;
cursor: pointer;
border-right:1px solid #cad1db;
}
.otvet:hover
{
background: url(/img/otvet.png);
background-position: -0px -23px;
width: 25px;
height: 23px;
cursor: pointer;
}

.edit-com {
background: url(/img/moder-panel.png);
background-position: -0px -0px;
width: 35px;
height: 23px;
cursor: pointer;
border-left:1px solid #cad1db;
}
.edit-com:hover
{
background: url(/img/moder-panel.png);
background-position: -0px -23px;
width: 35px;
height: 23px;
cursor: pointer;
}

.delete-com {
background: url(/img/moder-panel.png);
background-position: -35px -0px;
width: 35px;
height: 23px;
cursor: pointer;
border-left:1px solid #cad1db;
}
.delete-com:hover
{
background: url(/img/moder-panel.png);
background-position: -35px -23px;
width: 35px;
height: 23px;
cursor: pointer;
}

/* Аватар */
.avatar_comment {
width:50px;
height:50px;
padding:3px;
background:#888888;
}

/* Закругление углов */
.wbr3 {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

/* Контент */
.content-com {
float:left;
width:100%;
position:relative;
margin-bottom:15px
}

.com_p {
top:0;
right:0;
width:75px;
position:absolute;
background:url(/img/ugolok.png) no-repeat top left
}

.com_l {
padding:0px 0;
background:#fff;
border:1px solid #cad1db;
margin:0 74px 0 0;
overflow:hidden
}

.com_v {
height:23px;
border-bottom:1px solid #cad3da
}

.com_v,.com_n {
margin:0 0px 0 0px
}

.com_c {
min-height: 39px;
overflow:hidden;
margin:5px 15px 7px 15px;
}

.com_c p {
padding:10px;
margin:10px 0;
background:#ebfce8;
overflow:hidden!important;
border:1px solid #b4e5ac
}

/* Like */
.kcom_like:link,.kcom_like:visited {
text-align:center;
color:#fff;
float:right;
width:47px;
background:#999999;
margin-top:3px;
padding:1px 3px 1px 3px;
border:1px solid #666666
}

.kcom_like:hover {
text-decoration: none;
border:1px solid #666666!important;
color:#375e15!important;
text-shadow:1px 1px 1px #d7ffb6!important;
background:#9aeb56!important
}

/* Черта возле кнопок */
.cherta-right {
height:20px;
border-right:1px solid #cad1db;
}

.cherta-left {
height:19px;
border-left:1px solid #cad1db;
}

/* Текст */
.text_r {
text-align:right;
}

.text_9 {
font:9px Verdana,Arial,Helvetica, sans-serif;
}

.grey {
color:#b1b1b1;
}

.grey2 {
color:#cac8c8;
}

.gren {color:#429e1e;
font-weight:bold;
}

.right {
float:right;
}
.left {
float:left;
}

.top {
padding: 4px 12px 0px 12px;
}

.top2 {
padding: 5px 12px 0px 12px;
}

.bold {
font-weight:bold;
}

.text_115 {
font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;
}[/code]

Скачать архив: http://yadi.sk/d/UCCjw3Zv36kUX

На этом всё, это моя первая и не последня web разработка на center-dm, оценивайте и пользуйтесь, спасибо за внимание.

Радио в стиме mp3 плеера

startsmart — Fri, 08 Mar 2013 09:31:15 GMT

[c][/c]Хорошее радио с разными стилями музыки.
Поднимайте настрой вашим посетителям сайта.

[code]

[/code]

Палец вверх (поднятие страници)

startsmart — Fri, 08 Mar 2013 06:53:41 GMT

[c][/c]в самый вверх нижней части сайта:

[code]

[/code]

Форма поиска сайта с переключателем с yandex и google

startsmart — Sun, 03 Mar 2013 17:35:23 GMT

[c][/c]Форма поиска сайта совмещенная
Усовершенствованный код формы для поиска с возможностью ввести в поиск как на самом сайте так и проставив галочку в поисковых системах yandex.ru и google.com , пример показан на скрине.
Форма работает исправно, как на самом сайте так как она является стандартной , в поисковиках форма создает редирект на страницу поисковика

Установка:Вставляем в любое место сайта полный код самого поиска, настройки почти не требует если только размеры формы ввода для поиска

[code]

[/code]

http://site.ru/search/ заменяем на ссылку своего сайта или же на тег $HOME_PAGE_LINK$/search/ разницы абсолютно не какой
maxlength="30" количество символов которые разрешено вводить в форму
size="30" размер окна измеряется PX

Мини профиль для Ucoz

startsmart — Sun, 03 Mar 2013 14:50:52 GMT

[c][/c]Установка
1. Создайте блок в режими вкл конструктора.
2. Вставьте код в содержимое блока.

[code]

$WDAY$ - $DATE$ - $TIME$

Вы вошли как: $USERNAME$

IP Адрес: $IP_ADDRESS$

Сообщений: $UNREAD_PM$

Группа: $USER_GROUP$

Вы здесь: $USER_REG_DAYS$-й день

$LOGIN_FORM$

[/code]

Флэш игра для вашего сайта

startsmart — Sun, 03 Mar 2013 12:23:09 GMT

[c][/c]Задержите пользователя на своем сайте.

установка: куда угодно ставите код

[code] [/code]

Кнопка "Вверх" для сайта, блога или форума

startsmart — Sun, 03 Mar 2013 09:37:19 GMT

[c][/c]Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт ucoz или блок. Эта кнопка будет очень полезна для Ваших сайтов, блогов или форумов с длинными страницами. Данный скрипт не нагружает сайт или блог и достаточно эффективен.
В самый низ страницы, перед /body :

[code]

[/code]