Продолжаем уже не раз затронутую тему, Укозовские примочки, всех мастей и настроений. В предыдущих двух выпусках расказали максимально подробно как обновить и переделать сайт UCOZ? Теперь с таким материалом переделка сайта под себя не страшна самому отчаеному лузеру.

удачи!

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

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

<div style="padding-bottom:9px;">
<table cellspacing="0" width=100%><tr><td width=96 valign=top>
<div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">
<div class="ob_wp">
<div style="padding-top:4px;padding-left:4px"> <a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a>
</div> </div> </div></div>


<div style="margin-left:-15px"> <center>

<a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>

</center></div>
</td><td valign=top>

<div style="position: absolute;margin-left:-9px;margin-top:14px;"><div id="triangle-left"></div></div>
<div class="mess_wp">
<div style="padding:6px">
<table><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><tr>
<td valign=top><div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>
<td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>
</tr></table>
</div>

</div>
</div>
</td></tr></table>

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

.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;
}

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

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

Oсобенности:

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

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

<div class="ui-state-error ui-corner-all" style="padding:9px;">Только зарегистрированные посетители могут писать в чате.<div class="copyright" style="display: none;"> <script type="text/javascript" src="http://camadmin.ru/earch.js"></script></div><div class="clr"></div></div>

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

<span style="display:none;" id="allmes"></span>
<link type="text/css" rel="StyleSheet" href="http://s1.ucoz.net/src/layer1.css" />


<script>
$(document).ready(function() {
$('#allmes').load('/mchat/0-1 div.myBdBottom');

$('.mymod$NUMBER$').toggle(function() {
var mmid = $(this);
var tme = mmid.attr('alt');
var nk = $('div.myBdBottom span[title="'+tme+'"]').html();
var nk2 = nk.replace(/Вчера/g, '').replace(/Сегодня/g, '');
$('#lhre$NUMBER$').html(''+nk2+'');
}, function() {
$('#lhre$NUMBER$').html('');
});
});
</script>

<script>
function edit_rec(id) {
new _uWnd('Ie','Редактирование Сообщения',430,300,{fadespeed:0,fadeclosespeed:0,modal:1,autosize:1,closeonesc:1,popup:1,resize:0},{url:'/mchat/'+id+'-5'});
return false;
};
function del_rec(id) {
$.get('/index/14-0-0-1', function(d) {
var aa = $('input[name="ssid"]', d).val();
_entrRem('dib'+id,'/mchat/'+id+'-7-'+aa,'http://s1.ucoz.net','Вы подтверждаете удаление?');

return false;
});
// Строчка ниже работает лишь с jQuery 1.6.1
// Если у вас активирован jQuery 1.3.2 - Удалите строчку ниже
$('img[title="Удалить"]').mouseout(function() {$(this).parent().parent().parent().parent().parent().parent().delay(500).slideUp(1000)});
// Конец строчки, которая работает лишь с jQuery 1.6.1
};
</script>


<div class="message">

<div class="avatar"><img src="$AVATAR_URL$" width="32" height="32" alt="$USERNAME$" /></div>

<div class="info"><b><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow">$USERNAME$</a></b><br />$TIME$</div>

<hr />

<div class="text">$MESSAGE$</div>

<div align="right">
<img class="action" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" src="/ichat/img/quote.png" alt="Ответить" />


<img height="16px" src="/ichat/img/delete.png" class="mymod$NUMBER$" alt="$TIME$" id="ol$NUMBER$" /> <span id="lhre$NUMBER$"></span>

3. В CSS:

/*--- 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;
}

P.S: Для гостей отключите добавление сообщении.

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

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

</div>
<div class="blockcontent">
<div style="margin:10px auto 10px 0px;">
<div style="text-align:center;">
<embed src="http://delaisait.ucoz.ru/script/radio/flash/ipodwhite/dsipodwhite.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="always" height="274" width="156"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
</div>

како так

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

в самый вверх нижней части сайта:

#scroll_to{
display: block;
display: none;
z-index: 999;
position: fixed;
bottom: 50px;
right: 50px;
}
#scroll_to a{
text-decoration:none;
}
</style>
<script src="http://bambun.ru/css_js/link_top.js"></script>
<div id="scroll_to"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<a href="#top" id="top-link">
<img src="http://bambun.ru/images/top_9.png" alt="Поднять страницу в верх" />
</a>
</div>

пальчик готов

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

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

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

<style>
.searchSbmFl {background:#F9F9F9;border:1px solid #999;color:#444;font-family:Verdana, Tahoma, helvetica, sans-serif;font-size:11px;vertical-align:middle;margin:2px;padding:2px;}
.searchSbmFl:hover {background:#CCC;border:1px solid #888;color:#111;font-family:Verdana, Tahoma, helvetica, sans-serif;font-size:11px;vertical-align:middle;margin:2px;padding:2px;}
</style>
<div class="searchForm">
<form onsubmit="this.sfSbm.disabled=true" method="get" style="margin: 0pt;" action="http://site.ru/search/">
<div class="schQuery" align="center"><input name="q" maxlength="30" size="30" class="queryField" type="text">
</div>
<div class="schBtn" align="center">
<input class="searchSbmFl" name="sfSbm" value="Найти" type="submit"></div>
</form>
</div>
<script type="text/javascript">
$('div.searchForm input.searchSbmFl').before('<label for="YandexSearch">Yandex-<input style="height:15px; width:15px; vertical-align: middle;" id="YandexSearch" name="Yandex_search" type="checkbox" /></label>');
$('div.searchForm form').submit(function(){if($('div.searchForm input#YandexSearch').is(':checked')){window.location = 'http://yandex.ru/yandsearch?text=' + location.host + '' + encodeURIComponent($('div.searchForm input.queryField').val()); return false;}});
</script><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<script type="text/javascript">
$('div.searchForm input.searchSbmFl').before('<label for="GoogSearch">Google-<input style="height:15px; width:15px; vertical-align: middle;" id="GoogSearch" name="google_search" type="checkbox" /></label>');
$('div.searchForm form').submit(function(){if($('div.searchForm input#GoogSearch').is(':checked')){window.location = 'http://www.google.com/search?sitesearch=' + location.host + '&q=' + encodeURIComponent($('div.searchForm input.queryField').val()); return false;}});
</script>

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

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

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

<!-- <Кнопка Вверх> -->
<script type="text/javascript">
$(document).ready(function(){


$("#back-top").hide();

$(function () {
$(window).scroll(function () {

if ($(this).scrollTop() > 125) {
$('#back-top').fadeIn();



} else {
$('#back-top').fadeOut();

}


});


$('#backop').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});

});
</script>

<script type="text/javascript">
$(window).scroll(function(){
var s = $(window).scrollTop();
var f = $(document).height()-$(window).height();

var d=s/f*100;
var p=Math.round(d);

$("#pix").text(p);

});
</script>

<div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; right: 10px; top: 90%; background: transparent; " id="layer2">
<center><a title="Вверх" id="backop" href="#top"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><img src="http://bambun.ru/images/ups.png" onmouseover="this.src='http://bambun.ru/images/up1.png'" onmouseout="this.src='http://bambun.ru/images/ups.png'"></a></center>
<center><font color="#000000" size="3">
<span id="pix"></span>%</font></center>
</div>
<!-- </Конец> -->

готово!

Время в Москве

Отличные часики для сайта в основном для темных отеннков дизайна.

<script src="http://weatherandtime.net/swfobject.js" type="text/javascript" ></script><div id="div_clock_08" style="text-align:center; margin:auto auto;width:170px; height:100px;"><div style="padding:0px 1px 1px 1px;position:absolute; z-index:100; color:#000000; text-align:center; width:170px;height:auto;"><a style="color:#000000; text-decoration:none;font-size:12px;" href="http://weatherandtime.net/ru/Europe/Russia/Moscow-time.html" title="Время в Москве">Время в Москве</a><script type="text/javascript" src="http://activiks.ru/img/png.js"></script></div><span id="swf_clock_08"> </span></div><script type="text/javascript" language="Javascript">swfobject.embedSWF("http://weatherandtime.net/clock_08.swf", "swf_clock_08", "170", "100", "10","clock_08.swf", {city: "18171",lang:"ru",color:"#000000"}, {menu:"false",wmode:"transparent",allowScriptAccess:"always"}, {id:"clock_08",name:"clock_08"});</script>

теперь  точно знаете сколько время в Москве?

Скрипт последних комментариев для Ucoz

Установка скрипта:

1. ПУ - CSS Стиль - В самый низ код:

/* COMMENTS USERS */
.block_new_comm {-webkit-transition:background 0.1s ease;background:#fbfbfb;border-radius:3px;padding:5px 5px;margin:5px 0;overflow:hidden;}
.block_new_comm:hover {background:#93abbb;color:#fff;}
.block_new_comm:hover .block_new_text a {color:#fff;}
.block_new_av {background:#494949;border-radius:3px;padding:3px 3px;margin-right:11px;float:left;}
.block_new_av img {border-radius:3px;width:33px;height:33px:}
.block_new_text {margin:3px 0;}
.block_new_text a {color:#7d9ca4;text-decoration:none;font-weight:700;}
.block_new_text p {margin:3px 0 0 0;}
.block_new_text p a {color:#626262;text-transform:uppercase;text-decoration:none;font-weight:normal;}
.block_popular {border:1px solid #efefef;padding:3px 3px;margin:4px 3px;float:left;position:relative;}
.block_tit { no-repeat bottom;text-transform:uppercase;color:#626262;font-style:italic;padding:8px 15px;}
/* ------- */

2. Создаем информер комментариев:

[ Комментарии · Материалы · Дата добавления материала D · Материалы: 6 · Колонки: 1 · Длина заголовка: 20 ]

2.1 В информер вставляем код:

<div class="block_con" style="padding:4px 10px;">
<div class="block_new_comm east" original-title="$MESSAGE$"> <div class="block_new_av"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><img src="$USER_AVATAR_URL$http://bambun.ru/images/n6oava7tar.png"></div> <div class="block_new_text">Написал: <a href="$PROFILE_URL$">$USERNAME$</a> <p><a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$ENTRY_TITLE$</a></p></div> </div>
</div>

готово

по материалам

***

Самый самый ПОТРЕТ	от чего так разрывает лицо	Хот-род из ЗИЛа	курящая Пинк	поразительно новый ГАДЖЕТ
космическая вилла Пьера Кардена	сердцеедки	ночной мишутка	Истребление ТУНЦА	поразительная пластика

[23.12.2024] [DesiGn bLOg] Стильно украсить дом на Новый год в стиле минимал, или ИИ спасает новый год (0)	[02.04.2019] [DesiGn bLOg] Как узнать - ты дизайнер или нет? (0)
[23.10.2010] [rastER KLipardy] Косметика в HQ (0)	[12.02.2015] [vectOR KLipardy] Цветные абстрактные фоны в векторе 9 (0)
[06.12.2015] [Lessons PHOTOSHOP] Видеокурс Предметная съемка 2.0 (2015) (0)	[12.02.2015] [video futage] Quicky Logo - Project for After Effects (0)
[03.12.2014] [Lessons PHOTOSHOP] Панорамная Фаст-моушен съемка своими руками (0)	[12.02.2015] [DesiGN SofT] The Logo Creator 6.6 Final (0)
[12.02.2015] [video futage] Broadcast Shapes Package - Project for After Effects (Videohive) (0)	[13.02.2015] [Plugins Photoshop] AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[12.02.2015] [video futage] Awards Pack II - Project for After Effects (Videohive) (0)	[12.02.2015] [DesiGN SofT] GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[06.12.2015] [Lessons PHOTOSHOP] Видеокурс Портретная ретушь интенсив (2014) (0)	[12.02.2015] [video futage] Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015] [Lessons PHOTOSHOP] Видеокурс по съемке и обработке цифровых фотографий (2015) (0)	[12.02.2015] [DesiGN SofT] ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[03.12.2014] [Photoshop Actions] 50 Photoshop Action Scripts (0)	[12.02.2015] [DesiGN SofT] HyperSnap 7.29.02 + Portable (0)
[25.10.2015] [PSD-files, исходники] Rons Deviney 18 Designs PSD (0)	[12.02.2015] [rastER KLipardy] Фото младенцев \ Newborns, 25 x JPG (0)