Меню сайта
АКЦИЯ!!!
Категории раздела
Сервис
Translate my page
Выбрать язык / Select language:
Бесплатное отправление смс сообщений!
Поиск
Календарь
Архив записей
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » 2014 » Август » 15
Кидаем в css
Код:
/* PageSelector */
.catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlockuz1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
/* ---------------- */
Скрипт для юкоз: Вид новостей
Код вида материлов:
Код:
<br><table class="etable" align="center" cellpadding="3" cellspacing="1" width="575">
<tr class="etitle"><td colspan="2" width="100%"> $CATEGORY_NAME$: $TITLE$</td>
</tr>
<tr class="erow">
<td align="center" height="200" width="140">
<img class="img" src="ссылка на картинку" alt="Фильм Перевозчик 3 / Transporter 3" height="172" width="120">
</td>
<td width="460">
$MESSAGE$
</td></tr>
<tr class="etitle">
<td align="center" colspan="2">
<a class="white" href="$ENTRY_URL$">Подробнее</a> | Просмотров: $READS$ | Оценка пользователей: $RATING$</td>
</tr>
</table>
Это вставляем в css, в любое место:
Код:
.etable {
background: #6496C8;
border: 0px;
}
.etitle {
background: #6EA0D2;
border: 0px;
color: #FFFFFF;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}
.eans {
background: #FFFFFF;
border: 0px;
color: #326496;
font-family: Tahoma;
font-size: 11px;
}
.erow {
background: #FFFFFF;
border: 0px;
color: #326496;
font-family: Tahoma;
font-size: 11px;
}
.img {
border: 1px;
border-color: #6496C8;
border-style: solid;
}
На этот раз вашему вниманию предоставляется синий вариант полупрозрачных окон в стиле Windows Vista
Установка:
После /head или в самый верх любого глобального блока (Желательно использовать блок "Верхняя часть сайта") вставляйте:
Код:
<style type="text/css">
@import url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/ajax_window7.css') all;
</style>
Этот код вставляем в CSS:
Код:
/* Page Selector Style By TyFti.Net.Ru / Start */
.catPages1 {color:#948549;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #948549;background:#EDCEA0;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#948549;color:#E1B87F;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#948549;padding:3px 10px;color:#Ff0000;font-size:11px;}
.catPages2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#6B82A4;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#FFFFFF;padding:3px 10px;color:#ccc;font-size:11px;}
/* Page Selector Style By TyFti.Net.Ru / End */
Не зря тема названа именно черное меню для сайта, потому, что если у вас черный шаблон, то и меню будет черным, и к черному дизайну оно больше подходит. Но так как у меня шаблон болотного цвета, то и меню под него подстроилось. Так что не пугайтесь этого некрасивого оттенка и устанавливайте смело, если вам нужно маленькое, не навороченное меню
Вставляем код после и до на тех страницах, где хотим видеть меню:
Код
<style>.blockmenu {
height:18px;
width: 100%;
font: normal 10px Arial, Helvetica, sans-serif;
text-align: left;
}
.blockmenu a:link,
.blockmenu a:visited {
color:#ffffff;
text-decoration:none;
padding-left:16px;
line-height:18px;
display:block;
font-weight:normal;
background: url();
border: 1px solid #000000;
border-top: 1px solid #333333;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
text-align: left;
}
.blockmenu a:hover {
color:#ffffff;
text-decoration:none;
padding-left:16px;
line-height:18px;
display:block;
font-weight:normal;
border: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
background: #333333 url("") no-repeat left center;
text-align: left;
}
form {
padding:0px;
margin:0px;
} <style>
<SPAN class="blockmenu">
<a href="/" title="Главная страница">Главная</A>
<a href="/forum">Форум</a>
<a href="/publ/">Статьи</a>
</span>
Категория: Меню |
Просмотров: 462 |
Добавил: RedStar |
Дата: 15.08.2014
|
Самое простое и обычное горизонтальное меню для сайта голубого цвета. Легкое в установке, для светлых шаблонов с голубыми оттенками самое то! Можно установить как в верхней части, так и в нижней.
Данный код вставить между <head> и </head> (либо сделать меню через глобальные блоки).
Код
<style>
table.global_links {margin: 0px;padding: 0px;border: 0px;width: 100%;height: 26px;background: #4ea6d4 left bottom repeat-x;}
table.global_links td {padding: 0px 10px 5px 10px;vertical-align: middle;border: 0px;cursor: default;font-family: verdana, tahoma, Arial;font-size: 12px;font-weight: bold;color: #ffffff;white-space: nowrap;}
table.global_links td:hover {color: #ffffff;cursor: pointer;}
table.global_links td.current {padding: 0px 10px 0px 10px;background: #ffffff;color: #000000;cursor: default;}
table.global_links td.head,table.global_links td.head:hover {padding: 0px 10px 5px 10px;vertical-align: middle;border: 0px;cursor: default;font-family: verdana, tahoma, Arial;font-size: 12px;font-weight: bold;color: #ffffff;white-space: nowrap;}
table.global_links td a {font-family: verdana, tahoma, Arial;font-size: 12px;font-weight: bold;color: #ffffff;text-decoration: none;cursor: default;}
table.global_links td:hover a {font-family: verdana, tahoma, Arial;font-size: 12px;font-weight: bold;color: #ddf3ff;text-decoration: none;cursor: pointer;}
table.global_links td.link_forum {padding: 0px 10px 5px 20px;background: url('/images/modern_icon_block_forum_lastposts.gif') left center no-repeat;}
table.global_links td.link_imgshosting {padding: 0px 10px 5px 20px;background: left center no-repeat;}
table.global_links td.border_left {padding: 0px;background: right bottom no-repeat;border: 0px;white-space: nowrap;width: 4px;}
table.global_links td.border_right {padding: 0px;background: left bottom no-repeat;border: 0px;white-space: nowrap;width: 3px;}
</style>
<table cellpadding="0" cellspacing="0" class="global_links">
<tr>
<td><a href="/">Главная</a></td>
<td><a href="/forum">Форум</a></td>
<td title="Скрипты для uCoz<"><a href="/load/scripts_for_ucoz/1">Скрипты для uCoz</a></td>
<td title="Шаблоны для ucoz"><a href="/load/scripts_for_ucoz/1">Шаблоны для ucoz</a></td>
<td title="Иконки для ucoz"><a href="/load/scripts_for_ucoz/1">Иконки для ucoz</a></td>
<td style="width: 99%; cursor: default;"></td>
</tr>
</table>
Категория: Меню |
Просмотров: 551 |
Добавил: RedStar |
Дата: 15.08.2014
|
Приступим!
1.Создаете блокнот кидайте туда код ( измените для себя )
<?xml version="1.0" encoding="UTF-8"?><ajax><cmd t="layerContent12" p="innerHTML"><![CDATA[ Как с вами связаться<p></p>
<fieldset><legend><b>Правила баннерообмена</b></legend>
<div align="left">Правила ваши</b></fieldset><p></p>
<fieldset><legend><b>Баннеры</b></legend>
<div align="center"><br><img src="изоброжение"></div><br><textarea style="width:100%;height:45px;" readonly onclick="this.select()"><a href="http://ссылка на ваш сайт/"><img border="0" src="изоброжение" alt="текст" width="88" height="31"></a></textarea><br>
<script type="text/javascript">
$(document).ready(function(){
_uWnd.alert('Если вы хотите произвести баннерообмен то перейдите по <a href="ваша ссылка на баннеробмен" target="_blank">этой ссылке</a>','Баннерообмен',{w: 300, h: 100, tm: 10000};);};);
</script>]]></cmd></ajax>
2.Сохраняйте блокнот как mybanner.xml, формат UTF-8
3.Кидайте в Файловый менеджер
4.Кидайте это в блок
<center><img src="изоброжение"></div><BR>
<a href="javascript://" onclick="openLayerB('12',0,'ссылка на mybanner.xml','Друзья сайта',510,250,'1','','',0,'justify'); return false;">Наши баннеры</a></p></center>
Вставляем в самый низ css
Код:
.catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlockuz1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
Красивый, темный переключатель страниц
Красивый, темный в сочетании с зеленым цветом переключатель страниц,очень подойдет для тёмно-зеленых дизайнов.Стильный и удобный переключатель страниц для вашего сайта uCoz
Кидаем в css
Код:
.catPages1 {
padding:3px;
margin:3px;
text-align:center;
color:#ffffff;
}
.catPages1 a:link {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #2C2C2C;
text-decoration: none;
color:#ffffff;
background: #2C2C2C url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/0351b8c06637.gif);
}
.catPages1 a:hover, .catPages1 a:active {
border:1px solid #AAD83E;
color: #FFFfff;
background: #AAD83E url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/1363704533_22.gif);
}
.catPages1 b { border:1px solid #AAD83E;
padding: 0px 5px 2px 5px;
margin-right: 2px;
color: #FFFfff;
background: #AAD83E url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/1363704533_22.gif);}
Для установки этого вида каталога сайта , выполните всего 1 пункт!
Удалите всё из вида материалов и вставьте туда это:
Код:
<div class="block">
<div class="block_title">
<div class="cblock_title_fix"><div class="moder_panel">$MODER_PANEL$</div><a href="$SITE_URL$">$TITLE$</a></div>
</div>
<div class="block_content">
<div class="MusicBlock">
<table cellpadding="0" cellspacing="0" height="35" width="100%">
<tr>
<td style="text-align: center;float: center;width:10%;" align="center">
<div align="center" class="screenshot"><a target="_blank" href="$SITE_URL$" title="$TITLE$"><?if($IMG_URL1$)?><img src="$IMG_URL1$" border="0" alt="" height="31" width="88"/><?else?><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/ucoztop-88x31.png" border="0" alt="" height="31" width="88"/><?endif?></a></div>
</td>
<td style="width:78%; padding-left:7px; padding-bottom:1px;">
<a target="_blank" href="$SITE_URL$" class="entryLink" title="Переити на сайт!">
<font color="#36638e" style="font-size:11px;">
<b>$TITLE$</b>
</font></a>
<div style="font-size:9px; color:#8B8989;" align="left">
<a title="Дата: $DATE$ <br> Ушли: $REDIRECTS$<br> Ктегория: $CATEGORY_NAME$">Дата: $DATE$ | Ушли: $REDIRECTS$ | Ктегория: $CATEGORY_NAME$ <?if($MODER_PANEL$)?>| Модерация: $MODER_PANEL$ <?endif?></a>
</div></td>
<td style="width:12%;" align="center">
<div style="margin-right:5px;float: right;font-size:9px; color:#8B8989;">
<center>
<?$RSTARS$('12','/.s/img/stars/9/12.png','1','float')?>
<a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a>
</center></div></td></tr></table> </div>
</div>
</div>
Красивое горизонтальное меню, светлое. При наведении на ссылки, подменю загорается голубым цветом, всё видно на скрине, что ниже.
Вставляем код после и до на тех страницах, где хотим видеть меню:
Код
<!-- UcoZMenu --><style type="text/css">
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 185px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 5px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
.suckerdiv ul li a:visited{
color: black;
}
.suckerdiv ul li a:hover{
background-color: #009ee0;
}
.suckerdiv .subfolderstyle{
background: url() no-repeat center right;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">var menuids=["suckertree1"]
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i])
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"
else
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)</script>
<div class="suckerdiv">
<ul id="suckertree1">
<fieldset class="counter"><legend><font color="#FF0000"><b>MyCS</b></font><b><font color="#FF0000">:</font></b></legend>
<div align="center">
<li><a href="$HOME_PAGE_LINK$"> Главная страница</a></li>
<li><a href="/forum"> Форум</a></li></div>
</fieldset><!--/U1REKLWERX1Z-->
<fieldset class="counter"><legend><font color="#FF0000"><b>uCoz</b></font><b><font color="#FF0000">:</font></b></legend>
<div align="center">
<li><a href="/"> Графика</a></li>
<li><a href="/"> Шаблоны</a></li>
</div>
</fieldset><!--/U1REKLWERX1Z-->
<fieldset class="counter"><legend><font color="#FF0000"><b>Counter-Strike</b></font><b><font color="#FF0000">:</font></b></legend>
<div align="center">
<li><a href="/">Читы</a></li>
<li><a href="/">Плагины</a></li>
<li><a href="/">Модели</a></li>
<li><a href="/">Готовые сервера</a></li>
</div>
</fieldset><!--/U1REKLWERX1Z-->
<fieldset class="counter"><legend><font color="#FF0000"><b>Разное</b></font><b><font color="#FF0000">:</font></b></legend>
<div align="center">
<li><a href="/">Игры</a></li>
<li><a href="/">Боевики</a></li>
<li><a href="/">Сериалы</a></li>
<li><a href="/">Комедия</a></li>
<li><a href="/">Спорт</a></li>
<li><a href="/">Трейлеры</a></li>
</div>
</fieldset><!--/U1REKLWERX1Z-->
</li>
</ul>
</ul>
</li>
</div>
<script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>
<!-- /UcoZMenu --></div>
Категория: Меню |
Просмотров: 445 |
Добавил: RedStar |
Дата: 15.08.2014
|
Плюсы скрипта:
+ Не занимает много места
+ Есть плеер
+ Отдельная кнопка проиграть трек
+ Отдельная кнопка остановить трек
+ И просто хороший дизайн =)
Минусы:
- При включение трека идет пару секунд на загрузку прлеера и загрузку подробострей о треке!
Установка:
1. ПУ » Управление дизайном » Каталог файлов » Вид материалов:
Код:
<div class="MusicBlock" style="">
<table style="" cellpadding="0" cellspacing="0" height="35" width="100%">
<tr><td style="text-align: center;float: center;width:4%;" align="center"><a href="javascript:void(0)" onclick="$('#id$ID$_audio_play').slideToggle('slow');$('#id$ID$_audio_play_addons').slideToggle('slow');">
<span id="id$ID$_audio_pimp"><input style="width:45px;height:35px;margin-left:2px;" type="submit" border="0" value="PLAY" title="Проиграть: $TITLE$ Трек" onclick="$('#id$ID$_audio_simg').toggle();$('#id$ID$_audio_pimp').toggle();"/></span>
<span id="id$ID$_audio_simg" style="display:none;"><input style="width:45px;height:35px;margin-left:2px;" type="submit" value="STOP" title="Остановить: $TITLE$ Трек" onclick="$('#id$ID$_audio_pimp').toggle();$('#id$ID$_audio_simg').toggle();"/></span>
</a></td>
<td style="width:61%; padding-left:7px; padding-bottom:1px;"><a href="$ENTRY_URL$" class="entryLink" title="Подробние об етом треке или скачать!"><font color="#36638e" style="font-size:11px;"><b>$TITLE$</b></font></a><div style="font-size:9px; color:#8B8989;" align="left"> <?if($DATE$='Сегодня' || $DATE$='Вчера')?><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/25--28.gif" border="0" title="Новий трек!" /> | <?endif?><a title="Дата: $DATE$ <?if($RFILE_SIZE$)?><br>Длительность $RFILE_SIZE$<?endif?> <br>Скачало: $READS$">Дата: $DATE$ <?if($RFILE_SIZE$)?>| Длительность: $RFILE_SIZE$ <?endif?>| Скачало: $READS$</a></div></td>
<td style="width:200;" align="right"><div id="id$ID$_audio_play" style="display:none;float: center;"><object id="audioplayer1670" type="application/x-shockwave-flash" data="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/uppod.swf" width="200" height="35"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/uppod.swf" /><param name="flashvars" value="comment=fifagamers.ru&st=http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/video74-394.txt&file=$AUTHOR_SITE$" /></object></div></td>
<td style="width:10%;" align="center"><div style="margin-right:5px;float: right;font-size:9px; color:#8B8989;"><center><?$RSTARS$('12','/.s/img/stars/9/12.png','1','float')?><a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a></center></div></td></div></tr></table> </div>
2.Меняем на свои поля
$AUTHOR_SITE$ - Ссылка на трек
$RFILE_SIZE$ - Длительность
$READS$ - Скачало
3. ПУ » Управление дизайном » CSS:
Код:
.MusicBlock {opacity: 0.7;background:#cfe4ea;border:1px solid #3e81b2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:3px;text-shadow: 1px 1px 0px #BEBEBE;}
div.MusicBlock:hover {opacity: 1.0;border:1px solid #FFFFFF;text-shadow: 1px 1px 0px #BEBEBE;}
Вид материалов для ucoz в зелено-желтых цветах подойдет для сайта с новостной тематикой) :
Код:
<style>#menublt {margin: 0px;padding: 0px 0px;background: gren; }
#menublt a {margin: 0px;padding: 4px;display: block;background:#f1f1f1 ;border:1px solid #cccccc;margin-bottom:2px;}
#menublt a:hover {text-decoration: none;background-color: #FFF;}
.iim{border:1px solid #FFF;max-width: 150px;}
</style>
<div id="entryID36990"><div style=""><div style="background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/vmn-231--menu.png); height:32px;width:680px; ;color:#FFF;font-size:12px;"><a href="$ENTRY_URL$" class="newslink" style="color:#FFF;"></a><div style="padding:5px;"><b style="color: rgb(255, 255, 255); "><a href="$ENTRY_URL$" class="newslink" style="color:black;"><font size=3>$TITLE$</font></a> $MODER_PANEL$</b></div></div></div></div>
<div style="background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/vmn-231title-bg1.png);padding:7px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;">
<table width="100%"><tbody><tr><td align="left" valign="top">
<noindex><a href="$IMG_SMALL_URL1$" style="max-width: 300px;" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'};)"><div style="margin-top: 1px;"></div>
<img src="$IMG_URL1$" style="max-width: 300px;" align="left" border="0" width="220" height="150"></a></noindex>
</td><td width="100%" align="left" valign="top">
<div id="menublt"><a href="$ENTRY_URL$#comments">Комментариев: 0 </a><a href="$PROFILE_URL$">Добавил: $USERNAME$</a><a style="color:#4D6D91">Просмотры: $READS$</a><a style="color:#4D6D91">Рейтинг: $RATING$</a> <font color="#4d6d91"><a href="$ENTRY_URL$">Подробнее</a></font></div>
</td></tr></tbody></table></div>
<div style="height:4px"></div><br>
Оригинальный и красивый материалов файлов uCoz. Как для светлых дизайн сайтов так и для темных. У вида ярко выражен рейтинг что придает виду свою оригинальность. Картинка при клике увеличивается. Так же он приятен по своей структуре.
Установка:
Меняем код в админ панели у файлов - вид материала.
Код
<div class="vid-mater"> <div class="vid-mater-title"> <div class="vid-mater-rating"> <?$RSTARS$('18','http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/324--rating.png','1','float')?> </div> <div class="vid-mater-title2"><a href="$ENTRY_URL$"><strong>$TITLE$</strong></a> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></div> </div> <div class="vid-mater-center"> <div class="vid-mater-left"><a href="$IMG_URL1$" class="ulightbox" rel="ulightbox"><img src="$IMG_URL1$" alt="$TITLE$" /></a></div> <div class="vid-mater-right"> <div class="vid-mater-mess">$MESSAGE$</div> <div class="vid-mater-butt"> <span>Скачиваний: <b><?if($LOADS$)?>$LOADS$<?endif?></b></span> <span>Комментарии: <b>$COMMENTS_NUM$</b></span> <a href="<?if($FILE_URL$)?>$FILE_URL$<?else?>$RFILE_URL$<?endif?>"><b>Скачать файл</b></a> </div> <style type="text/css">@import url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/324--vid-mater.css') all;</style> </div> </div> </div>
Данное меню делалось специально для детского онлайн кинотеатра, но я его выкладываю в паблик. При нажатие на категории, меню уходит и появляются категории, а если нажать на меню,то категории уйдут и меню вернётся.
Код вставляем в новый блок.
Код
<table border="0" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td valign="top" width="210" style="padding:5px 1px 0 5px;">
<div style="width:100%;">
<!-- <2 блог> -->
<div id="isInMo" <div class="MnotActive">
<!-- <Содержиомое 1> -->
$SMENU_1$<!-- </Содержиомое 1> -->
</div> </div>
<!-- </2 блог> -->
<!-- <1 блог> -->
<div style="display:none" id="noInMo"> <div class="MnotActive">
<!-- <Содержиомое 2> -->
$CATEGORIES$
<!-- </Содержиомое 2> -->
<!-- </1 блог> -->
<script type="text/javascript">new _uMenu('musers');new _uMenu('msite');new _uMenu('mforum');new _uMenu('mload');new _uMenu('mgb');new _uMenu('msearch');new _uMenu('mmail');new _uMenu('mpoll');new _uMenu('mstat');</script>
</div></div>
<script type="text/javascript">function showmods(t) {if (t){document.getElementById('instMods')
.className='MnotActive1';document.getElementById('uninstMods')
.className='Mactive';document.getElementById('isInMo')
.style.display='none';document.getElementById('noInMo')
.style.display='';document.body.focus();}else {document.getElementById('instMods')
.className='Mactive';document.getElementById('uninstMods')
.className='MnotActive';document.getElementById('noInMo')
.style.display='none';document.getElementById('isInMo')
.style.display='';document.body.focus();}}</script>
<br><table cellpadding="0" cellspacing="0" width="100%">
<td width="25%"valign="top"align="left"><div id="instMods" class="Mactive"><td class="myBtnLeft"><img border="0" alt="" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/120_px.gif"></td><td class="myBtnCenter">
<div class="myBtnCont x-unselectable" align="center" style="background:url no-repeat padding-left:18px;margin-left:2px;font-size:12px;font-family:Arial,Tahoma;line-height:14px;" >
<a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Меню Кина</a></div></td><td class="myBtnRight"><img alt="" border="0" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/120_px.gif"></td>
<td width="25%"valign="top"align="right"><div id="uninstMods" class="MnotActive"><td class="myBtnLeft"><img border="0" alt="" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/120_px.gif"></td><td class="myBtnCenter"><div class="myBtnCont x-unselectable" align="center" style="background:url no-repeat padding-left:18px;margin-left:2px;font-size:12px;font-family:Arial,Tahoma;line-height:14px;" ><a id="instModsL" href="javascript://" onclick="showmods(1);return false;">Категории</a></div></td><td class="myBtnRight"><img alt="" border="0" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/120_px.gif"></td>
</tr> </table> </td> </tr> </table>
Категория: Меню |
Просмотров: 542 |
Добавил: RedStar |
Дата: 15.08.2014
|
очень стильный переключатель страниц
для ucoz!!
простота в установке.
Вставляем в css :
Код:
catPages1 {color:#5c5b5b;border:0px;margin-bottom:0px;margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;text-align:center;}
.catPages1 a:link,
.catPages1 a:visited {color:#fff;text-decoration:none;background:#5c5b5b;padding:3px 10px;font-size:9pt;}
.catPages1 a:hover {background-color:#5c5b5b;}
.catPages1 b {text-decoration:none;background:#5c5b5b;padding:4px 11px;color:#fff;font-size:12pt;position:relative;bottom:-1.5pt;}
.catPages1 b,
.catPages1 a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
Красный переключатель страниц для uCoz сайтов,подойдет под светлый дизайн
В ксс в любое место ставим:
Код:
.catPages1 {
font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
padding:2px;
margin:7px;
}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:active{
margin: 2px;
padding: 0.5em 0.64em 0.43em 0.64em;
background-color: #ee4e4e;
text-decoration: none; /* no underline */
color: #fff;
}
.catPages1 b {padding: 0.5em 0.64em 0.43em 0.64em;
margin: 2px;
background-color: #de1818;
color: #fff;}
.catPages1 a:hover {
padding: 0.5em 0.64em 0.43em 0.64em;
margin: 2px;
background-color: #de1818;
color: #fff;
}
В CSS вставляем ниже приведённый код!
для верхних цифр:
Код:
/* PageSelector start */
.catPages1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #ffffff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;border: 1px solid #E0DDDB;}
.catPages1 a:hover {background:#ffffff;color:#DDDBD9;font-weight:bold;border: 1px solid #666666;}
.catPages1 b {text-decoration:none;background:#DDDBD9;padding:3px 10px;color:#000;font-size:11px;border: 1px solid #666666;}
.pagesBlockuz1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
/* PageSelector end */
Для нижних цифр:
Код:
/* PageSelector2 start */
.catPages2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #000000;background:#000000;padding:3px 10px;font-size:11px;font-weight:bold;border: 1px solid #E0DDDB;}
.catPages2 a:hover {background:#ffffff;color:#DDDBD9;font-weight:bold;border: 1px solid #666666;}
.catPages2 b {text-decoration:none;background:#DDDBD9;padding:3px 10px;color:#000;font-size:11px;border: 1px solid #666666;}
.pagesBlockuz2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
/* PageSelector2 end */
Классный переключатель страниц для ucoz, он заменяет стандартный укозовский переключатель страниц на вот этот:
Выглядит это так:
Поставьте данный код в любое место в CSS:
Код:
* PageSelector */ .catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .catPages1 a:link, .catPages1 a:visited, .catPages1 a:hover, .catPages1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;} .catPages1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;} .catPages1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;} .pagesBlockuz1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .pagesBlockuz1 a:link, .pagesBlockuz1 a:visited, .pagesBlockuz1 a:hover, .pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;} .pagesBlockuz1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;} .pagesBlockuz1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;} .pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .pagesBlock1 a:link, .pagesBlock1 a:visited, .pagesBlock1 a:hover, .pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;} .pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;} .pagesBlock1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;} /* ---------------- */
Вставляем в css :
Код:
.catPages1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.catPages1 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.catPages2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.catPages2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlockuz1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;font-size:11px;
font-weight:bold;}
.pagesBlockuz1 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;font-size:11px;
font-weight:bold;}
.pagesBlockuz2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlock1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlock2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
новый,красивый переключатель страниц.Подойдет для светлых тонов
Закидываем в CSS:
Код:
* Page Selector / Start */
.catPages1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(/style/center.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {BACKGROUND-IMAGE:URL(/style/gp.png);color:#fff;font-weight:bold;}
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(/style/bp.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}
.catPages2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#6B82A4;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#FFFFFF;padding:3px 10px;color:#ccc;font-size:11px;}
/* Page Selector Style / End */
Вид материалов каталога файлов для темного дизайна.
Установка:
1. Заходим в ПУ-->Каталог файлов-->Настройки модуля и активируем поля Изображения (ставим галочки) (см. изображение)
2. Затем заходим Дизайн --> Управление дизайном (шаблоны) --> Каталог файлов --> Вид материалов --> Удаляем оттуда все и вставляем
Код:
<table style="border: 1px solid #252525" cellpadding="1" cellspacing="0" width="100%" align="center"><tr><td valign="top" align="center">
<script src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1.js" type="text/javascript"></script>
<div style="float:right">$MODER_PANEL$</div>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="eTitle" align="center" style="border: 1px solid #000000;"><a href="$ENTRY_URL$">Скачать $TITLE$</a> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif');">Скрин</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif');">Подробнее о файле</td>
</tr>
<tr>
<td width="125px" align="center" style="border: 1px solid #252525;">
<left><font onmouseover="Tip('<img border=0 src=$AUTHOR_SITE$>', BGCOLOR, ', FONTCOLOR, '#333333', BORDERCOLOR, 'Silver', WIDTH, '100%', FADEIN, 500, FADEOUT, 500)">
<center><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'};)"><img width="170" border="1" align="center" vspace="5" hspace="10" src="$IMG_URL1$"></a></center>
<td align="center" style="border: 1px solid #000000;"><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div></td>
</tr></table>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif');">Рейтинг</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')">Просмотрели</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')">Загрузок</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')">Добавил</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif)">Комментарии</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')">Подробнее</td>
</tr>
<tr>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')"><img border="0" src="http://fifagamers.ru/rate/$RATING_NUM$.png" alt="Голосов: $RATING_NUM$"> <img border="0" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-rate-0.png" alt="Нет голосов ">
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')">$READS$</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')">$LOADS$</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')"><a href="$PROFILE_URL$">$USERNAME$</a></td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')">$COMMENTS_NUM$</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/dt-100-new.gif')"><a href="$ENTRY_URL$">Перейти</a></td>
</tr></table></td></tr></table><br>
3. При добавление какого либо материала в каталог файлов не забывайте добавлять картинку
А теперь давайте перейдем к установке нашего вида новостей для uCoz.
Установка CSS
Скопируйте данный код в ПУ / Дизайн / Управление дизайном (CSS), либо в отдельный css файл :
Код:
/* style news */
.clear {
clear:both;
}
.news {
width:auto;
position:relative;
margin-bottom:20px;
padding:15px;
background:#fff;
border:1px solid #d3d3d3;
font-family:helvetica, arial, sans-serif;
}
.news_l {
padding-right:145px;
min-height:150px;
}
.news_r {
width:140px;
height:100%;
background:#f4f4f4;
position:absolute;
top:0;
right:0;
text-align:center;
}
.news h2 {
margin:0;
background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/43242---stripe.png) 0px 7px repeat;
height:20px;
overflow:hidden;
margin:10px 0 15px 0;
position:relative;
}
.news h2 a {
background:#fff;
padding:2px 10px 2px 0;
text-decoration:none;
color:#89a0af; /*цвет заголовка новости*/
font-size:16px;
}
.news h2 span a {
padding-right:0;
}
.img_news {
float:left;
display:inline-block;
margin:0 14px 5px 0;
padding:5px;
background:#EDF1F2;
border:1px solid #DDE1E2;
}
.img_news img {
width:220px;
border:1px solid #DDE1E2;
}
.message {
padding:0 0 10px 0;
margin:0;
font-size:12px;
line-height:19px;
text-align:justify;
}
.news_r .date {
display:inline-block;
position:relative;
font-size:13px;
padding:7px 10px 4px 10px;
margin:18px 0 -5px 0;
background:#6099bf; /*цвет блока с датой*/
border:1px solid #fff;
color:#fff;
text-align:center;
}
.news_r ul {
list-style:none;
margin:0;
padding:0;
text-align:left;
width:100px;
margin:18px auto 0 auto;
font-size:12px;
}
.news_r ul li {
padding:3px 0 3px 5px;
border-bottom:1px dotted #BEBEBE;
}
.news_r ul li img {
margin-right:10px;
position:relative;
top:4px;
}
.news_r ul li a, .news_r ul li span {
color:#707070;
text-decoration:none;
}
Далее
Перейдите в "Вид материала" модуля новостей, и замените весь код этим:
Код:
<div class="news">
<div class="news_l">
<h2>$MODER_PANEL$ <a href="$ENTRY_URL$">$TITLE$</a></h2>
<?if($IMG_URL1$)?><div class="img_news">
<img src="$IMG_URL1$" alt="$TITLE$"/>
</div><?endif?>
<p class="message"><?if($MESSAGE$)?>$MESSAGE$<?else?>Описание отсутствует<?endif?></p>
<div class="clear"></div>
</div>
<div class="news_r">
<div class="date" title="$WDAY$ в $TIME$">$DATE$</div>
<ul>
<li><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/43242---user.png" alt=""/><a href="$PROFILE_URL$" title="автор материала">$USERNAME$</a></li>
<?if($CATEGORY_NAME$)?><li><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/43242---cat.png" alt=""/><a href="$CATEGORY_URL$" title="категория">$CATEGORY_NAME$</a></li><?endif?>
<li><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/43242---comm.png" alt=""/><a href="$COMMENTS_URL$" title="комментариев">$COMMENTS_NUM$</a></li>
<li><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/43242---eye.png" alt=""/><span title="просмотров">$READS$</span></li>
</ul>
</div>
</div><!--/news-->
Новое горизонтальное меню для uCoz. Хорошо подойдет под светлые тона.
Вставляем данный код в верхнюю часть сайта.
Заменяем ссылки и названия ссылок на свои и радуемся новому меню
Код
<link rel="stylesheet" href="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/107_style.css" type="text/css" media="screen"/>
<div class="container">
<ul id="menu">
<li>
<a href="/">
<i class="icon_about"></i>
<span class="title">О нас</span>
<span class="description">
Прочти о нас и наших услугах
</span>
</a>
</li>
<li>
<a href="/load">
<i class="icon_work"></i>
<span class="title">Файлы</span>
<span class="description">
Просмотреть работы
</span>
</a>
</li>
<li>
<a href="/gb">
<i class="icon_help"></i>
<span class="title">Помощь</span>
<span class="description">
Связаться с поддержкой
</span>
</a>
</li>
<li>
<a href="/search/?q">
<i class="icon_search"></i>
<span class="title">Поиск</span>
<span class="description">
Найти что-нибудь
</span>
</a>
</li>
</ul>
</div>
<script>
$(function() {
$('#menu > li').hover(
function () {
var $this = $(this);
$('a',$this).stop(true,true).animate({
'bottom':'-15px'
}, 300);
$('i',$this).stop(true,true).animate({
'top':'-10px'
}, 400);
},
function () {
var $this = $(this);
$('a',$this).stop(true,true).animate({
'bottom':'-95px'
}, 300);
$('i',$this).stop(true,true).animate({
'top':'50px'
}, 400);
}
);
};);
</script>
Категория: Меню |
Просмотров: 375 |
Добавил: RedStar |
Дата: 15.08.2014
|
Установка
1. Скачать Архив он в WinRar распокуите его и там папка images её кидаете в корень сайта .
2. Код копируем и вставляем в ПУ->Управление дизайном->Каталог файлов->Вид материалов.
Код:
<br><table class="etable" align="center" cellpadding="3" cellspacing="1" width="575">
<tr class="etitle"><td colspan="2" width="100%"> $CATEGORY_NAME$: $TITLE$</td>
</tr>
<tr class="erow">
<td align="center" height="200" width="140">
<img class="img" src="ссылка на картинку" alt="Фильм Перевозчик 3 / Transporter 3" height="172" width="120">
</td>
<td width="460">
$MESSAGE$
</td></tr>
<tr class="etitle">
<td align="center" colspan="2">
<a class="white" href="$ENTRY_URL$">Подробнее</a> | Просмотров: $READS$ | Оценка пользователей: $RATING$</td>
</tr>
</table>
Скачать архив
Решил выложить привлекательное меню для сайта для светлых дизайнов.
Это в CSS любое место:
Код
.part2 a {color:black; display:block; background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/102_main.png') top; padding:10px; padding-left:16px;}
.part2 a:hover {background:url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/102_main.png') bottom; color:white}
Там где хотим видеть меню ставим это:
Код
<div class="part2">
<a href="#">Главная</a>
<a href="#">Форум</a>
<br>
</div>
Ссылки можно добавить или убрать. Вместо # пишем адрес к главной и форуму.
Готово.
Категория: Меню |
Просмотров: 454 |
Добавил: RedStar |
Дата: 15.08.2014
|
Простой но рабочий скрипт увеличения картинки при нажатии
Установка:
Перед </хеад> ставим следующее:
[code]<script type="text/javascript" src="http://ucozua.ru/highslide/highslide.js"></script>
<link rel="stylesheet" href="http://ucozua.ru/highslide/highslide.css" type="text/css">
<script type="text/javascript">
hs.graphicsDir = 'http://ucozua.ru/highslide/graphics/';
hs.outlineType = 'rounded-white';
</script>
Потом в месте где хотите видеть картинку ставим:
<a href="$IMAGE1$" class="highslide" onclick="return hs.expand(this)">
<img src="$IMAGE1$" style="max-width: 350px;border: 1px solid rgb(204, 204, 204);" title="Нажмите чтобы увеличить">
</a>
$IMAGE1$ Меняем на свой путь к картинке и всё... [/code]
Категория: Скрипты |
Просмотров: 569 |
Добавил: RedStar |
Дата: 15.08.2014
|
Скрипт таких же оповещений как ВКонтакте, только лучше) так как мы може выбрать нужный нам цвет,под свой дизайн сайта. Далее вы найдете коды пяти форм оповещения разных цветов.
В глобальный блок "Нижняя часть сайта" в самый низ вставляем следующее:
<script type="text/javascript">
var no_ava = 'http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/4320ds_net_avatara.jpg';
$.getScript('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/li4nie-soobshenia_432das9.js');</script>
Далее выбираем понравившийся стиль и вставляем код в самый низ вашего CSS:
Черный вид оповещения о новых ЛС:
Код:
/* Оповещение о новом лс как ВКонтакте
------------------------------------------*/
.news_ls1 {
position:relative;
z-index:9999;
}
.news_ls2 {
position:fixed;
bottom:5px;
right:5px;
}
.uContent{
overflow: hidden;
display:none;
margin-bottom:10px;
width:300px;
background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/440582317.png);
padding:5px 10px 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);
}
.uContent_l {
float:left;
font: 11px Verdana,Arial,Helvetica, sans-serif;
color:#a7a7a7; text-shadow: 1px 1px 1px #252525; font-weight: bold;
}
.uContent_p {float:right;}
.uContent_c {
float:left;
font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif;
color:#a7a7a7;
width:300px;
padding: 5px 0px 0px 0px;
}
.uPm-close {
width:18px;
height:18px;
background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/260195063.png) no-repeat;
}
.uPm-close:hover {
background-position:0px -18px;
}
.uContent_c img {
float:right;
width:45px;
height:45px;
border:1px solid #838383;
padding: 3px;
margin: 0px 0px 10px 15px;
background:#646464;
}
.uContent_c span {
color:#8fbbe9;
}
.uContent_c p {
padding:0;
margin: 5px 0px 0px 0px;
}
.uContent_c a:link,
.uContent_c a:visited {color:#f7f7f7;}
.uContent_c a:hover {color:#bdbdbd;}
/* -------------------------------------- */
Голубой вид оповещения о новых ЛС:
Код в CSS:
/* Оповещение о новом лс как Вконтакте
------------------------------------------*/
.news_ls1 {
position:relative;
z-index:9999;
}
.news_ls2 {
position:fixed;
bottom:5px;
right:5px;
}
.uContent{
overflow: hidden;
display:none;
margin-bottom:10px;
width:300px;
background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/658964882.png);
padding:5px 10px 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);
-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);
}
.uContent_l {
float:left;
font: 11px Verdana,Arial,Helvetica, sans-serif;
color:#6e87c6; text-shadow: 1px 1px 1px #fff; font-weight: bold;
}
.uContent_p {float:right;}
.uContent_c {
float:left;
font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif;
color:#555;
width:300px;
padding: 5px 0px 0px 0px;
}
.uPm-close {
width:18px;
height:18px;
background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/869795995.png) no-repeat;
&n
...
Читать дальше »
Великолепный темный вид материалов каталога файлов,Новостей и статей, выполнен на высоком уровне, великолепно конечно будит смотреться на темных сайтах, главное рабочий вид, ошибок не замечал, устанавливайте и радуйтесь.
Приступаем к установке:
Заходим в П.У - дизайн сайта, находим к примеру каталог файлов потом вид материалов, заходим в материалы и убираем старый код и вставляем наш новый код, и на этом все когда все сохраним.
Код
<div id="entryID$ID$"><script type="text/javascript" src="http://fifagamers.ru/highslide/highslide.js"></script>
<style type="text/css" media="all">
@import url(http://www.fifagamers.ru/highslide/highslide.css);
</style>
<script type='text/javascript' src='/highslide.js'></script>
<script type='text/javascript' src='/highslide.js'></script>
<script type="text/javascript">
hs.graphicsDir = 'http://www.fifagamers.ru/highslide/graphics/';
</script>
<script type="text/javascript">
if(document.location.protocol=='http:'){
var Tynt=Tynt||[];Tynt.push('dZpU2c0ICr35Teadbi-bnq');Tynt.i={"ap":"Источник: "};
(function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/111---ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script>
<table class="eBlock" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;">
<div class="eTitle" style="text-align: center;"><a href="$ENTRY_URL$">$TITLE$</a> <a title="Материал добавлен $DATE$"></a></div><a title="Материал добавлен $DATE">
</a><div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><a title="Материал добавлен $DATE">
</a><div id="cat_news_bg" style="float: right; background: url("/ripnews/bg.png") repeat scroll 0% 0% transparent; margin-right: -9px;"><a title="Материал добавлен $DATE$ в $TIME$"></a><a href=""></a></div>
<div id="img_news_bg" style="float: left; border: 1px solid rgb(0, 0, 0);"><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img alt="$TITLE$" src="$IMG_URL1$" style="border: 1px solid rgb(0, 0, 0);" align=" left" width="164"></a></div>
<span style="font-family: Tahoma,Geneva,Kalimati,sans-serif; font-size: 12px; line-height: 16px; background-color: rgb(19, 20, 25); color: rgb(169, 169, 169);"><p style="padding: 0px; margin: 10px 0px 15px; font-family: Tahoma,Geneva,Kalimati,sans-serif; font-size: 1em;">$MESSAGE$</p></span></div>
<div class="eDetails" style="clear: both;">
<div style="float: right;"><?$RSTARS$('12','/.s/img/stars/3/12.png ','0','float')?></div>
<div class="vid_mater_bot"><div class="vid_mater_bot_r">Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> | Просмотров: $READS$ | Добавлено: <span title="$TIME$">$DATE$</span><?if($COMMENTS_URL$)?> <a href="$COMMENTS_URL$"> | Комментариев: ($COMMENTS_NUM$)</a><?endif?></div></div></div>
</td></tr></tbody></table><br></div>
Скрипт Анимированное меню для uCoz - Это новейшее горизонтальное меню для сайтов системы укоз. Не сложная в установке. Сайт оживит сразу же после установки. При наведение на любую ссылку она сначала загорается красным прямоугольником, после чего этот текст ссылки становится серым цветом, после чего восстанавливается в обычный стандартный белый цвет. Это горизонтальное меню также подойдет к любым сайтам! За не сложных три шага можно с легкостью разукрасить свой сайт!
Установка:
В верхнюю часть сайта или туда где хотим видеть меню вставляем:
Код
<style type="text/css">
#menu {
background: #3e3e3e;
padding: 7px 25px 7px 25px;
text-align: center;
border: 5px solid #00b4ff;
}
#menu a {
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
color: white;
font-size: 10pt;
padding: 7px;
font-family: Tahoma;
}
#menu a:hover {
background: #b52828;
}
</style>
<script type="text/javascript">
$('#menu a').hover(function () {
$(this).animate({
opacity: 0.5
},
1000);
},
function () {
$(this).animate({
opacity: 1
},
1000);
};);
</script>
<div id="menu">
<a href="/">
Главная
</a>
<a href="/forum">
Форум
</a>
<a href="/load">
Софт
</a>
<a href="/publ">
Фильмы
</a>
<a href="/index/8">
Профиль
</a>
<a href="/index/10">
Выход
</a>
</div>
Ссылки заменяем на свои и радуемся. Очень легкая установка.
Категория: Меню |
Просмотров: 541 |
Добавил: RedStar |
Дата: 15.08.2014
|
просто вставить в Вид материалов, каталога файлов и все.
Код:
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/highslide.js"></script>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<script type="text/javascript">
hs.graphicsDir = 'http://fifagamers.ru/highslide/graphics/';
hs.outlineType = 'rounded-black';
hs.numberOfImagesToPreload = 0;
hs.showCredits = false;
hs.lang = {
loadingText : 'Загрузка...',
fullExpandTitle : 'Развернуть до полного размера',
restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',
focusTitle : 'Сфокусировать',
loadingTitle : 'Нажмите для отмены'
};
hs.allowSizeReduction = false;
hs.dimmingOpacity = 0.8;
</script>
<table style="border: 1px solid #252525" cellpadding="1" cellspacing="0" width="100%" align="center"><tr><td valign="top" align="center">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="eTitle" align="center" style="border: 1px solid #000000;"><a href="$ENTRY_URL$">Скачать $TITLE$</a> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/100.png');">Скрин</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/100.png');">Подробнее о файле</td>
</tr>
<tr>
<td width="125px" align="center" style="border: 1px solid #252525;">
<left><font onmouseover="Tip('<img border=0 src=$AUTHOR_SITE$>', BGCOLOR, ', FONTCOLOR, '#333333', BORDERCOLOR, 'Silver', WIDTH, '100%', FADEIN, 500, FADEOUT, 500)">
<?if($IMG_URL1$)?><center><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'};)"><img width="170" border="1" align="center" vspace="5" hspace="10" src="$IMG_URL1$"></a></center><?endif?>
<td align="center" style="border: 1px solid #000000;"><?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?></td>
</tr></table>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="center" style="border: 1px solid #000000;background:url('http://fifagamers.ru/SF_img/100.png');">Рейтинг</td>
<td align="center" style="border: 1px solid #000000;background:url('http://fifagamers.ru/SF_img/100.png')">Просмотрели</td>
<td align="center" style="border: 1px solid #000000;background:url('http://fifagamers.ru/SF_img/100.png')">Загрузок</td>
<td align="center" style="border: 1px solid #000000;background:url('http://fifagamers.ru/SF_img/100.png')">Добавил</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/SF_img/100.png')">Комментарии</td>
<td align="center" style="border: 1px solid #000000;background:url('http://www.fifagamers.ru/SF_img/100.png')">Подробнее</td>
</tr>
<tr>
<td align="center" style="border: 1px solid #000000;background:url('http://fifagamers.ru/SF_img/100.png')"><?if($RATING_NUM$)?><img border="0" src="http://fifagamers.ru/rate/$RATING_NUM$.png" alt="Голосов: $RATING_NUM$"> <?else?> <img border="0" src="http://fifagamers.ru/rate/0.png" alt="Нет голосов "> <?endif?>
<td align="center" style="border: 1px solid #000000;background:url('http://fifagamers.ru/SF_img/100.png')">$READS$</td>
<td align="center" style="border: 1px solid #000000;background:url('http://fifagamers.ru/SF_img/100.png')">$LOADS$</td>
<td align="center" style="border: 1px solid #000000;background:url('http://fifagamers.ru/SF_img/100.png')"><a href="$PROFILE_URL$">$USERNAME$</a></td>
<td align="center" style="border: 1px solid #000000;background:url('http:
...
Читать дальше »
Данный плагин позволяет создавать эффект увеличительного стекла. Смотрится очень здорово.
Установка:
После "/head" на нужных страницах вставляйте:
<link type="text/css" rel="stylesheet" href="/css/zoomy.css" />
Следующий код в то место, где будет картинка с эффектом:
<div class="shadow"></div>
<a class="normal" href="Ссылка на большое изображение"><img src="Ссылка на маленькое изображение" /></a>
Следующий код вставляйте в самый низ страницы после тега "/body":
<script type="text/javascript" src="/js/zoomy.min.js"></script>
<script type="text/javascript">
$(function(){
$('.normal').zoomy();
};);
</script>
Всё, осталось лишь залить скрипт из прикреплённого архива в папку ".js" и стиль в папку "css" - Скачать .
Картинки, расположенные в архиве, прикреплены на тот случай, если ссылки на них станут битыми.
Категория: Скрипты |
Просмотров: 598 |
Добавил: RedStar |
Дата: 15.08.2014
|
вставить между и (страница сайта)
работает с небольшой задержкой
<?if($USER_LOGGED_IN$)?><?if($IS_NEW_PM$)?>
<script type="text/javascript">
window.onload=function(){new _uWnd('npm', 'Новое персональное сообщение', 420, 450,{align:'justify',min:0,max:0,modal:0,icon:'http://www.fifagamers.ru/pages_scripts/new1/83228213052d.jpg'},'<table style="border-collapse: collapse; width: 420px; height: 200px;" align="" width=""><tbody><tr><td><div align="center">Здравствуйте <b>$USERNAME$ !</b> У Вас есть непрочитанные сообщения ! <font color="#ff0000"><b>($UNREAD_PM$)</b></font></div><br><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="width: 90px; text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img alt="" src="$USER_AVATAR_URL$" align="left" border="0" width="80"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="userAvatar" title="$USERNAME$" src="http://www.fifagamers.ru/pages_scripts/new1/noavatar.png" align="left" border="0" vspace="0" height="80" hspace="3"></a><?endif?></td><td style="text-align: left; vertical-align: middle; padding-right: 5px; letter-spacing: 0pt; word-spacing: 0pt;">Уважаемый (ая) <font color="#0000cd"><b> $USERNAME$ </b></font>.Уведомляем Вас , что с момента Вашего последнего визита на сайт , Вам было прислано новое персональное сообщение .</td></tr></tbody></table><br><div align="center">Для того чтобы прочитать сообщение,пожалуйста нажмите<br>на ссылку ниже...</div><br><div align="center"><a href="$PM_URL$" target=_blank><span style="font-size:10pt" ><font color="#31d02c"><b>Прочитать</b></font></span></a> </div> </td></tr></tbody></table>');}
</script>
<?endif?><?endif?>
Вид материалов для форума.
Установка
Управление дизайном » Форум - Вид материалов
Код:
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tr><td width="18%" class="postTdTop" align="center"><b>$USERNAME$</b> <a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$,');return false;"> » </a> </td><td class="postTdTop"><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right"><a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'};);return false;"><img alt="" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/s26--thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'};);return false;"><img alt="" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/s26--thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # <span id="num$ID$">$NUMBER$</span></td></tr>
<tr><td class="postTdInfo" valign="top">
<?if($AVATAR_URL$)?>
<img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?else?><div id="banners"><IMG SRC="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/s26--noava.png" width="130" BORDER="0"></div><?endif?>
<div align="left">
<?if($USER_TITLE$)?><div class="postRankName"><b><font color="#696969">Титул:</font></b> <font color="#7d7d7d">$USER_TITLE$</font></div><?else?><div class="postRankName"><b><font color="#696969">Ранг:</font></b> <font color="#7d7d7d">$USER_RANK_NAME$</font></div><?endif?>
<?if($REG_DATE$)?><b><font color="#696969">С нами с:</font></b> <font color="#7d7d7d">$REG_DATE$</font><?endif?>
<?if($GROUP_NAME$)?><div class="postUserGroup"><b><font color="#696969">Группа:</font></b> <font color="#7d7d7d">$GROUP_NAME$</font></div><?endif?>
<?if($GENDER$)?><b><font color="#696969">Пол:</font></b> <font color="#7d7d7d">$GENDER$</font><br><?endif?>
<?if($CITY$)?><b><font color="#696969">Адрес:</font></b> <font color="#7d7d7d">$CITY$</font><br><?endif?>
<?if($REP_RATING$)?><b><font color="#696969">Репутация: </font></b> <a href="$READ_REP_URL$"><font color="#7d7d7d">$REP_RATING$</font></a><?endif?>
<?if($POSTS$)?><div class="numposts"><b><font color="#696969">Сообщений:</font></b> <font color="#7d7d7d"><span="unp">$POSTS$</span></font></div><?endif?>
</br>
<?if($USER_STATUS$)?>$USER_STATUS$<?endif?></div>
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>
</td><td class="posttdMessage" valign="top">$MESSAGE$
<?if($ATTACHMENT$)?>
<div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?><br>
<?if($SIGNATURE$)?><br><hr size="2" width="200" align="left" class="signatureHr"><span class="signatureView"><div id="banners">$SIGNATURE$</div></span><?endif?>
<?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?></td></tr>
<tr><td class="postBottom" align="center"><?if($USER_IP$)?><div class="postip">[ <a class="postIpLink" href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank">$USER_IP$</a><?if($COUNTRY$)?> (<img border="0" src="/country/$COUNTRY_ID$.gif" align="absmiddle" alt="$COUNTRY$" title="$COUNTRY$" />)<?endif?> ]</div><?else?> <?endif?></td><td class="postBottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td>$USER_DETAILS_ICON_BAR$</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>
</table></td></tr></table>
Кидаем в css
Код:
/* Page Selector / Start */
.catPages1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {BACKGROUND-IMAGE:URL(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/7106ad9140b5.png);color:#fff;font-weight:bold;}
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}
.catPages2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#6B82A4;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#FFFFFF;padding:3px 10px;color:#ccc;font-size:11px;}
/* Page Selector Style / End */
Вид материалов с плеером для музыкального сайта
Установка:
в вид материалов удаляем все от туда и ставим этот код
Код:
<!-- <bc> -->
<div class="MusicBlock" style=""> <table style="" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td style="width:4%; border-right:1px solid #cccccc; padding-right:3px;" align="center"> <img style="padding-top:1px;" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/music-beam-16.png" align="absmiddle" border="0"></td> <td style="width:76%; padding-left:7px; padding-bottom:1px; border-right:1px solid #cccccc;"><a class="najmi" href="$ENTRY_URL$">$TITLE$<br></a><object type="application/x-shockwave-flash" data="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/ump3player_500x70.swf" height="45" width="340"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="movie" value="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/ump3player_500x70.swf"><param name="FlashVars" value="way=$FILE_URL$&swf=http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/ump3player_500x70.swf&w=300&h=45&time_seconds=0&autoplay=0&q=&skin=http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/skin_pattern2.swf&volume=100&comment="></object><div style="font-size:10px; color:#c0c0c0;" align="left"><br></div></td>
<td style="width:10%; border-right:1px solid #cccccc; font-size:11px; font-family:tahoma; color:#6d6d6d;" align="center">$LOADS$<div style="font-size:10px; color:#c0c0c0;" align="center">Загрузки</div></td> <td style="width:10%; font-size:11px; font-family:tahoma; color:#6d6d6d; padding-left:5px;" align="center">$COMMENTS_NUM$<div style="font-size:10px; color:#c0c0c0;" align="center">Комменты</div></td> </tr> </tbody></table> </div>
<div style="float:right;" class="MusicShadowR"> </div><div style="height:5px;"> </div> <div style="padding:1px;"></div>
<!-- </bc> -->
Рип горизонтального меню красного цвета, с подменю. Недостающие ссылки можно добавить, а ненужные - убрать.
Вставляем код после и до на тех страницах, где хотим видеть меню:
Код
<!--Rip by FIFAGAMERS.RU-->
<style>
div#menu_top {
background: #FDFFFE url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/115_menu-bb.png) 0px 0px repeat-x;
width: 930px;
height: 35px;
margin: 0px 0px 0px 0px;
float: center;
text-align: center;
}
div#menu_top_space_left {
width: 0px;
height: 35px;
float: center;
}
div#menu_top_inside {
width: 930px;
margin: 9px 0px 0px 0px;
text-align: center;
float: left;
}
div#menu_bottom {
background: #DFDCDC url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/115_menu_bottom.png) 0px 0px repeat-x;
width: 930px;
height: 32px;
margin: 0px 0px 0px 0px;
font-family: Arial, Tahoma, Sans-serif;
float: center;
}
div#menu_bottom_space_left {
width: 0px;
height: 30px;
margin: 0px 0px 0px 0px;
float: left;
}
div#menu_bottom_inside {
width:930px;
margin: 6px 0px 0px 0px;
text-align: center;
float: left;
}
a.hor-menu {
font-family: Arial, Tahoma, Sans-serif;
padding-left: 18px;
padding-right: 19px;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
text-align: center;
font-weight: bold;
TEXT-ALIGN: center;
}
a.hor-menu:hover {
color: #CDCDCD;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
</style>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center">
<div id="menu_top"><div id="menu_top_inside">
<script type="text/javascript" languauage="JavaScript"><!--
function zmien(pozycja_menu) {
document.getElementById("m1").style.display="none";
document.getElementById("m2").style.display="none";
document.getElementById("m3").style.display="none";
document.getElementById("m4").style.display="none";
document.getElementById("m5").style.display="none";
document.getElementById("m6").style.display="none";
document.getElementById("m7").style.display="none";
document.getElementById(pozycja_menu).style.display="block";
}
--> </script>
<a href="/" class="hor-menu" onmouseover="zmien('m1')">Главная</a>
<a href="#" class="hor-menu" onmouseover="zmien('m2')">Новости</a>
<a href="#" class="hor-menu" onmouseover="zmien('m3')">Лео Месси</a>
<a href="#" class="hor-menu" onmouseover="zmien('m4')">Барселона</a>
<a href="#" class="hor-menu" onmouseover="zmien('m5')">Сезон 14/15</a>
<a href="#" class="hor-menu" onmouseover="zmien('m6')">Мультимедиа</a>
<a href="#" class="hor-menu" onmouseover="zmien('m7')">NEW BLOCK</a>
</div></div>
<div id="menu_bottom_space_left"></div>
<div id="menu_bottom" class="menu_bottom"><div id="menu_bottom_inside">
<div id="m1" style="display: none;">
<a href="/index/0-2" target="_self" class="menub">О проекте</a>
<a href="/index/nashi_bannery/0-25" target="_self" class="menub">Наши баннеры</a>
<a href="/index/ssylki/0-23" target="_self" class="menub">Ссылки</a>
<a href="/blog" target="_self" class="menub">Блог сайта</a>
</div>
<div id="m2" style="display: none;">
<a href="/" target="_self" class="menub">Новости</a>
<a href="/publ" target="_self" class="menub">Статьи</a>
<a href="/blog" target="_self" class="menub">Блог</a>
</div>
<div id="m3" style="display: none;">
<a href="/index/biografija/0-6" target="_self" class="menub">Биография</a>
<a href="/index/o_messi/0-4" target="_self" class=&quo
...
Читать дальше »
Категория: Меню |
Просмотров: 479 |
Добавил: RedStar |
Дата: 15.08.2014
|
Синий переключатель страниц для ucoz
Подойдет для сайтов в светло - синих тонах.Если хотите такой же переключатель для тёмного дизайна то стоит просто изменить в коде #ffffff на #000000 и наоборот!Удачи...
Кидаем в css
Код:
/* Page Selector Style */
.catPages1, .pagesBlockuz1, .pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:8px;margin-top:9px;}
.catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlockuz2 a:link,
.catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlockuz2 a:visited,
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover,
.catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlockuz2 a:active {text-decoration:none;color: #000000;background:#51B5EA;padding:2px 8px;font-size:10px;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover {background:#04b0eb;color:#000000;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {text-decoration:none; background:#007fff; padding:2px 8px; color:#000000; font-size:10px;-moz-border-radius: 3px;border-radius: 3px;}
/* ----------------------- */
Решил сделать Вид материалов форума, думаю кому то понравится и поставит себе на сайт. Подойдет под любой дизайн сайта. Выглядит компактно и красиво. Установка не требует ни каких усилий.
Установка:
В CSS вашего сайта в самый низ добавляем:
Код
/* Профиль на форуме By fifagamers.ru */.forumvd {-moz-border-radius:4px;-webkit-border-radius:4px; border-radius: 4px; background:#F8F7F6; border:1px solid #E6E6E6;font-size:11px;padding:3px;margin:3px;background-color:#fff;}
.forumvd:hover {-moz-border-radius:4px;-webkit-border-radius:4px; border-radius: 4px; background:#F8F7F6; border:1px solid #d6d4d4;font-size:11px;padding:3px;margin:3px;background-color:#ff;}
/* Профиль на форуме By fifagamers.ru */
Где background-color - фон (стоит белый)
font-size - размер шрифта
Потом в управлении дизайном в виде материалов форума удаляем все и вставляем этот код:
Код
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$[/b],');return false;">$USERNAME$</a></td><td class="postTdTop"><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right"><a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/444thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/4562thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>
<tr><td class="postTdInfo" valign="top">
<!--- Вид материалов By fifagamers.ru - начало ---><table style="border-collapse: collapse; width: 100%;"><tbody>
<tr><td width="20%">
<?if($AVATAR_URL$)?><img title="$USERNAME$" class="forumvd" border="0" src="$AVATAR_URL$" width="110px" height="110px"><?else?><img title="$USERNAME$" border="0" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/n564o_avatar.png" width="110px" height="110px"><?endif?>
</td><td width="80%">
<?if($USER_TITLE$)?><div class="forumvd">$USER_TITLE$</div><?endif?>
<div class="forumvd">Группа: $GROUP_NAME$</div>
<div class="forumvd">Сообщений: $POSTS$</div>
<?if($AWARDS_READ_URL$)?><div class="forumvd">Награды: <a href="$AWARDS_READ_URL$" title="Список наград">$AWARDS$</a><?if($AWARDS_DO_URL$)?><a href="$AWARDS_DO_URL$"> <img title="Вручить награду" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/456wp.gif" border="0"></a><?endif?><?endif?></div>
<div class="forumvd">Репутация: <?if($READ_REP_URL$)?><a href="$READ_REP_URL$" title="Смотреть историю репутаций">$REP_RATING$</a><?else?>off<?endif?> <?if($DO_REP_URL$)?><a href="$DO_REP_URL$"><img onclick="repchange('minus','$ID$');" title="Понизить репутацию" align="absmiddle" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/345wm.gif" border="0" /></a> <a href="$DO_REP_URL$"><img onclick="repchange('plus','$ID$');" align="absmiddle" title="Повысить" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/456wp.gif" border="0" /></a><?endif?></div>
<?if($READ_BAN_URL$)?><div class="forumvd">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a><?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$"><img title="Забанить" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/456wp.gif" border="0"></a><?endif?></div><?endif?>
</td>
</tr></tbody></table><!--- Вид материалов By fifagamers.ru - конец --->
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>
</td><td class="posttdMessage" valign="top">$MESSAGE$
<?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>
<?if($SIGNATURE$)?><br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span><?endif?>
<?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?></td></tr>
<tr><td class="postBottom" align="center"><?if($USER_IP$)?><div class="postip">[ <a class="postIpLink" href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank">$USER_IP$</a><?if($POST_COUNTRY_ID$)?> (<a href="javascript://" rel="nofollow" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>)<?endif?> ]</d
...
Читать дальше »
Новый переключатель страниц как вконтакте,подойдет для светлых дизайнов
В CSS кидаем это:
Код:
catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#6B82A4;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#FFF;padding:3px 10px;color:#ccc;font-size:11px;}
Очень красивое вертикальное меню для темного сайта. Заменяйте ссылки на свои. Добавляйте / убирайте если нужно и пользуйтесь на здоровье.
Вставляем код после и до на тех страницах, где хотим видеть меню:
Код
<style>
.blockmenu {
height:18px;
width: 100%;
font: normal 10px Arial, Helvetica, sans-serif;
text-align: left;
}
.blockmenu a:link,
.blockmenu a:visited {
color:#FF0011;
text-decoration:none;
padding-left:16px;
line-height:18px;
display:block;
font-weight:normal;
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/116_menu-cvetovaya-gamma.bmp);
border-top: 1px solid #001AFF;
border-right: 1px solid #001AFF;
border-bottom: 1px solid #001AFF;
border-left: 1px solid #001AFF;
text-align: left;
}
.blockmenu a:hover {
color:#F90616;
text-decoration:none;
padding-left:16px;
line-height:18px;
display:block;
font-weight:normal;
border: 1px solid #1E90FF;
background: #647D95 url("http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/116_m.gif") no-repeat left center;
text-align: left;
}
form {
padding:0px;
margin:0px;
}
input{
vertical-align:middle;
font-size:7pt;
font-family:verdana,arial,helvetica;
color:#D8D8D8;
background:#254C6F;
}
</style>
<SPAN class="blockmenu">
<a href="#">Ссылка 1</a>
<a href="#">Ссылка 2</a>
<a href="#">Ссылка 3</a>
<a href="#">Ссылка 4</a>
<a href="#">Ссылка 5</a>
<a href="#">Ссылка 6</a>
</SPAN>
Категория: Меню |
Просмотров: 500 |
Добавил: RedStar |
Дата: 15.08.2014
|
Данный код вставляем через HTML редактор на главной странице после $LAST_NEWS$
и в страницы архив материалов после $BODY$
Код:
<br><style>
#content {white-space:nowrap}
#content a{display:inline-block;font:12px Tahoma;width:36px;padding:1px 0;margin:1px;color:#a5de1e;text-align:center;text-decoration:none;}
#content a:hover, .curPage{background:#2d2d2d;color:#fff !important;}
#pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}
.scrollWrap {background:#4с4с4с;font:0;position:relative}
.scrollBar {background:#444444;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}
.scrollPage {background:#a5de1e;font:0;position:absolute;z-index:300;}
.pagesTotal {font:12px Tahoma;color:#bbb}
#pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;} </style> <div id="pageScroll"><span id="content"></span></div> <script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/dsaPageScroller.js"></script> <script>initScrolls(10/*количество страниц по ширине*/,5/*высота бара*/,false/*простая прокрутка*/,true/*стрелка*/,true/*всего страниц*/,7/*минимальная ширина бара*/,' ')</script><br>
Так же это вставляем в низ Вашего CSS
Код:
/* PageSelectorGlav by Cs-Nnov.Ru*/
#content {white-space:nowrap}
#content a{display:inline-block;font:12px Tahoma;width:35px;padding:1px;margin:1px;color:#f4c430;border:2px solid #171717;background:#252525;text-align:center;text-decoration:none;}
#content a:hover, .curPage{background:#2c2c2c;margin:1px;color:#f4c430;border:2px solid #282828; !important;}
#pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}
.scrollWrap {background:#252525;font:0;position:relative}
.scrollBar {background:#777;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}
.scrollPage {background:#f4c430;font:0;position:absolute;z-index:300;}
.pagesTotal {font:12px Tahoma;color:#000000}
#pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;}
/* --------- */
Хорошо пойдет под любой сайт и под любой шаблон светлого сайта.
В конец css ставим:
Код
.block{width:218px;float:left;padding:0 0 10px 0;*float:none;}
.greenblock_header{background:url(../images/greenblock_header.gif) no-repeat;width:209px;height:39px;}
.greenblock_header h3{padding:11px 0 0 36px;*padding:12px 0 0 36px;}
.block_center{background:url(../images/block_center.gif) repeat-y;width:209px;float:left;padding:0 0 2px 0;}
.block_centertxt{padding:15px 10px 0 10px;}
.block_bot{background:url(../images/block_bot.gif) no-repeat;width:209px;height:10px;float:left;}
.leftmenu{padding:5px 0 0 0;}
.leftmenu_cat{background:#F2F2F2;text-align:center;padding:5px 0 5px 0;color:#4fbeeb;border-bottom:1px solid #EDEDED;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
.leftmenu_catbg{padding:3px 0 0 0;}
ul.leftmenu_list{padding:0;margin:0;list-style:none;}
ul.leftmenu_list li{border-bottom:1px solid #EDEDED;padding:5px 0 5px 10px;}
ul.leftmenu_list li a{color:#626262;}
ul.leftmenu_list li a:hover{color:#4fbeeb;text-decoration: underline;}
Там где хотим видеть меню ставим это:
Код
<div class="block">
<div class="greenblock_header"><h3>Навигация</h3></div>
<div class="block_center">
<div class="leftmenu">
<div class="leftmenu_cat">Движки сайтов</div>
<ul class="leftmenu_list">
<li>Datalife Engine</li>
<div id="menu1" >
<ul>
<li><a href="/dle_relizi/">Релизы</a>
<li><a href="/bugs/">Баг-Фиксы</a>
<li><a href="/dle_sborki/">Сборки</a>
</ul>
</div>
<li>Joomla</li>
<div id="menu2" >
<ul>
<li><a href="#">Релизы</a>
<li><a href="#">Баг-Фиксы</a>
<li><a href="#">Сборки</a>
</ul>
</div>
</ul>
<div class="leftmenu_cat">FIFAGAMERS.RU</div>
<ul class="leftmenu_list">
<li>MysterIoes</li>
<div id="menu3" >
<ul>
<li><a href="#">Релизы</a>
<li><a href="#">Баг-Фиксы</a>
</div>
</ul>
</div>
</div>
<div class="block_bot"></div>
</div>
Естественно ссылки меняем на свои, качаем картинки и кидаем в папку images
Ссылка на картинки: http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/105_images-menu.zip
Категория: Меню |
Просмотров: 470 |
Добавил: RedStar |
Дата: 15.08.2014
|
Как сделать красивое увеличение картинки при нажатии? Легко и просто...
Можно установить практически в любом модуле. Мы разберем, для примера, модуль новостей. И так:
1. Для начала скачиваем архив (В самом низу поста). Далее в настройках новостей сайта добавляем дополнительное поле (Главная » Новости сайта » Настройки модуля). В моем примере, это доп. поле № 1.
В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение" (Главная » Замена стандартных надписей и выбираете - Форма добавления модуля "Новости сайта").
Затем в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$:
<?if($OTHER1$)?><center><a href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'};)"><img src="$OTHER1$" border=0 width=200 style="border:none;"></a></center><br><?endif?>
Если у вас другой номер доп. поля то его изменяем в коде $OTHER1$ на свой.
2. После этого в корне сайта создаем директорию highslide. Кидаем туда файл highslide.css и highslide.js из архива. Потом открываем уже залитый на сайт файл highslide.js и находим в нем это :
creditsText : 'текст надписи на картинке',
creditsHref : 'адрес вашего сайта',
creditsTitle : 'комментарий к надписи',
И заменяете на свои... И сохраняем.
В эту же директорию загружаем папку graphics со всеми файлами, которые внутри. В итоге должен получиться путь /highslide/graphics/
3. Теперь в шаблонах "Страницы сайта", "Архив Материалов новостей" и "Вид материала" и "Страница материала и комментариев к нему" между "head"........"/head" пишем:
<style type="text/css" media="all">
@import url(highslide/highslide.css);
</style>
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
</script>
P.S. В управление "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"
Залить В Файловий Менеджер СКАЧАТЬ СОДЕРЖИМОЕ
Категория: Скрипты |
Просмотров: 460 |
Добавил: RedStar |
Дата: 15.08.2014
|
Заходим в Управление дизайном и там в Таблица стилей (CSS)
вставляем этот код в любое место в Таблица стилей (CSS)
Код:
.catPages1 {color:#006400;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;background:#32CD32;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#1E90FF;color:#fff;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#1E90FF;padding:3px 10px;color:#fff;font-size:11px;}
.catPages2 {color:#006400;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #fff;background:#32CD32;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#1E90FF;color:#fff;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#1E90FF;padding:3px 10px;color:#fff;font-size:11px;}
Этот код заменяет стандартные переключатели страниц на более солидные
Для того чтобы их применить у себя на сайте нужно:
зайти в админку -> управление дизайном -> таблицы стилей(css) и вставить этот код в конец
Код:
/* Page Selector / Start */
.catPages1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {BACKGROUND-IMAGE:URL(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/7106ad9140b5.png);color:#fff;font-weight:bold;}
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}
.catPages2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#6B82A4;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#FFFFFF;padding:3px 10px;color:#ccc;font-size:11px;}
/* Page Selector Style / End */
Чёрное выпадающее меню для uCoz. Смотрится очень красиво.
Стиль меню можно изменить по своему вкусу..
Код вставляем в новый блок.
Код
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul.subnav").parent().append("<span></span>");
$("ul.topnav li span").click(function() {
$(this).parent().find("ul.subnav").slideDown('fast').show();
$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow');
};);
};).hover(function() {
$(this).addClass("subhover");
$(this).removeClass("subhover");
};);
};);
</script>
<style type="text/css">
body {
margin: 0; padding: 0;
font: 10px normal Arial, Helvetica, sans-serif;
}
.container {
width: 960px;
height: 35px;
margin: 0 auto;
position: relative;
z-index: 10000;
}
#header {
background: black;
}
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 920px;
background: #222;
font-size: 1.2em;
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_topnav_bg.gif) repeat-x;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative;
}
ul.topnav li a{
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover{
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_topnav_hover.gif) no-repeat center top;
}
ul.topnav li span {
width: 17px;
height: 35px;
float: left;
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
ul.topnav li ul.subnav {
list-style: none;
position: absolute;
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;
}
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #252525;
border-bottom: 1px solid #444;
clear: both;
width: 170px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
background: #333 url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover {
background: #222 url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/118_dropdown_linkbg.gif) no-repeat 10px center;
}
</style>
<div class="container">
<ul class="topnav">
<li><a href="#">Главная</a></li>
<li>
<a href="#">Документация</a>
<ul class="subnav">
<li><a href="#">jQuery</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">AJAX</a></li>
<li><a href="#">Другое...</a></li>
</ul>
</li>
<li>
<a href="#">Скачать</a>
<ul class="subnav">
<li><a href="#">Иконки</a></li>
<li><a href="#">Шаблоны</a></li>
<li><a href="#">Скрипты</a></li>
<li><a href="#">Фоны</a></li>
<li><a href="#">Другое...</a></li>
</ul>
</li>
<li><a href="#">Форум</a></li>
<li><a href="#">Товары</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">О нас</a></li>
</ul>
</div></div>
Примечание:
Если данное меню будет заезжать на вашу шапку или наоборот будет свободное место от меню до
...
Читать дальше »
Категория: Меню |
Просмотров: 525 |
Добавил: RedStar |
Дата: 15.08.2014
|
Этот код нужно вставить в CSS в любое место:
Код:
/* Page Selector Style */
.catPages1, .pagesBlockuz1, .pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:8px;margin-top:9px;}
.catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlockuz2 a:link,
.catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlockuz2 a:visited,
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover,
.catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlockuz2 a:active {text-decoration:none;color: #000000;background:#fd9b00;padding:2px 8px;font-size:10px;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover {background:#ebdd04;color:#000000;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {text-decoration:none; background:#ff4200; padding:2px 8px; color:#000000; font-size:10px;-moz-border-radius: 3px;border-radius: 3px;}
/* ----------code-by-microCD-fifagamers.do.am------------- */
Оранжевый переключатель страниц с закругленными краями.
Заходим В ПУ-->Управление дизайном-->CSS. В самый низ ставим это:
Код:
/* Page Selector Style */
.catPages1, .pagesBlockuz1, .pagesBlockuz2 {color:#ff8400;border:0px;margin-bottom:8px;margin-top:9px;}
.catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlockuz2 a:link,
.catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlockuz2 a:visited,
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover,
.catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlockuz2 a:active {text-decoration:none;color: #fafafa;background:#ff8400;padding:2px 8px;font-size:10px;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover {background:#ff7700;color:#ff8c00;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {text-decoration:none; background:#ffa200; padding:2px 8px; color:#ff6f00; font-size:10px;-moz-border-radius: 3px;border-radius: 3px;}
/* ----------------------- */
Вставляете данный код в любое место в CSS стилях.
P.S. Можно сменить цвет под свой дизайн.
Код:
.catPages1 {color:#0ad7ef;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#0ad7ef;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#FFF;padding:3px 10px;color:#ccc;font-size:11px;}
Настраиваем под себя! картинки и названия меню.
Есть два способа установить данное выдвигающееся меню:
1. Заходим в ПУ, Управление дизайном, Глобальные блоки, Создаем новый глобальный блок и называем его например MENU, вставляем в него данный код и сохраняем. Затем вставляем код глобального блока ( в данном случае : $GLOBAL_MENU$ ) на тех страницах где хотим видеть данное меню между ...
2. Второй способ, для ленивых. Просто берем данный код и вставляем между ..., на тех страницах, где будет наше меню.
Код
<style type="text/css">
/* ***** menu ***** */
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 10px;
list-style: none;
z-index:999999;
width:550px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 17px;
background-color:#E7F2F9;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:12px;
color:#60ACD8;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .bazar a{
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscellaoneous.png);
}
ul#navigation .hal a {
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_misc_doc.png);
}
ul#navigation .for a {
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscss.png);
}
ul#navigation .chatib a {
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscccss.png);
}
ul#navigation .sms a {
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscellaneous.png);
}
</style>
<ul id="navigation">
<li class="bazar"><a href="/" target ="_blank"><span>Домой</span></a></li>
<li class="hal"><a href="/load" target ="_blank"><span>Файлы</span></a></li>
<li class="for"><a href="/forum" target ="_blank"><span>Форум</span></a></li>
<li class="chatib"><a href="/news" target ="_blank"><span>Новости</span></a></li>
<li class="sms"><a href="/gb" target ="_blank"><span>Гостевая</span></a></li>
</ul>
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_navigation.js"></script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
};);
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
};);
</script>
</td>
</tr>
</table>
</div></td>
</tr>
</table>
Категория: Меню |
Просмотров: 391 |
Добавил: RedStar |
Дата: 15.08.2014
|
Новый переключатель страниц для uCoz.Для светлых сайтов!
В СSS
Код:
..catPages1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.catPages1 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.catPages2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.catPages2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlockuz1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;font-size:11px;
font-weight:bold;}
.pagesBlockuz1 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;font-size:11px;
font-weight:bold;}
.pagesBlockuz2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlock1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
.pagesBlock2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}
Красивый вид материала в синих тонах для онлайн кинотеатра и не только.
Скачиваем архив скрипта, в корне сайта создаем папочку [img]и заливаем в нее все картинки, далее копируем код скрипта и вставляем в
Вид материалов:
Код:
<div id="block_top_video"><div style="padding-left: 10px;"><b>$TITLE$</b><?if($MODER_PANEL$)?><div style="float: right;">$MODER_PANEL$</div><?endif?></div></div>
<div id="block_video"><div id="block_content_video">
<div style="float: left;width: 185px;">
<div style="background: url('/img/lenta_new.png') no-repeat; padding: 2% 3%; text-align:center;"><?if($OTHER1$)?><img src="$OTHER1$" width="155" height="223"><?else?><img width="150" src="/img/no_no_images.JPEG"><?endif?> </div>
</div>
<div style="margin-left: 191px;">
<div style="padding: 1px 1px 1px 0px; min-height: 275px;">$MESSAGE$</div>
</div>
</div></div>
<div id="block_footer_video">
<div style="float: left;width: 185px;">
<div style="padding: 3% 5%;text-align:center;"><a title="Нажми для просмотра $TITLE$ online" href="$ENTRY_URL$" class="css_view"></a></div></div>
<div style="margin-left: 191px;">
<div style="height:20px; padding: 1px;"><div style="float: left;"><img src="/img/news/reit_new.png" border="0"><b>Жанр</b>: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> | <b><img src="/img/news/prosmotr_new.png"> Просмотров:</b> [<b>$READS$</b>]</div><div style="float: right;"><?$RSTARS$('20','/img/news/rating.png','1','float')?></div></div>
<div style="height:20px; padding: 1px;"><div style="float: left;"><a title="Количество комментариев $TITLE$ ($COMMENTS_NUM$)" href="$COMMENTS_URL$"><b>Комментарии</b> ($COMMENTS_NUM$)</a> | <a href="../forum/">Обсудить на форуме</a></div><div style="float: right;text-align:right;"><font color="red">$RATING$</font>(голосов: $RATED$)</div></div>
</div>
</div>
$OTHER1$ - Дополнительное поле, в которое помещяете ссылку на изображение и оно отобразит вам в новостях.
CSS:
Код:
/*----------------------Вид-материалов-fifagamers.ru------------------------*/
Код вставляем в любую часть своего css файла.
/* --Блок материалов-- */
#block_top_video{
float: top;
color: #000000;
background: url(/img/bg_top_new.png) left no-repeat;
font-weight: bold;
font-size: 12px;
text-align: left;
line-height: 40px;
height: 40px;
}
#block_video{
width:650px;
background: url(/img/bg_body_new.png) left top repeat-y;
font-size: 11px;
}
#block_content_video{
color: #000000;
text-align: left;
}
#block_footer_video{
margin-bottom: 3px;
float: bottom;
background: url(/img/bg_bottom_new.png) left top no-repeat;
height: 41px;
}
/* --Блок материалов/END-- */
PS. Скрипт написан мною для вида материалов онлайн кинотеатра, для того что бы его изменить под обычный дизайн прочтите текстовый документ в папочке
Скачать архив : Скачать
Вид материалов с увеличением картинки для Ucoz
Код
<div id="entryID55"><link type="text/css" rel="StyleSheet" href="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/csefob--my.css" />
<script type="text/javascript" src="http://fifagamers.ru/highslide/highslide.js"></script>
<script type="text/javascript">hs.graphicsDir = 'http://fifagamers.ru/highslide/graphics/';</script>
<div class="news">
<div class="news_1"><a href="$ENTRY_URL$">$TITLE$</a> </div>
<div class="news_2"><div class="news_2n">
<table>
<tr>
<td valign="top"><div class="ramka">
<a href="$OTHER1$" onclick="return hs.expand(this, {captionId: 'caption1'};)">
<img src="$OTHER1$" width="119px" height="91px" border="0" alt="" />
</a>
</div></td>
<td valign="top">$MESSAGE$<br></td>
</tr>
</table>
</div></div>
<div class="news_3">
<table width="100%">
<tr>
<td><a href="$ENTRY_URL$">Подробнее...</a></td>
<td style="padding-left:220px" align="right">Просмотров: $READS$ |Рейтинг : $RATING$</div></td>
</tr>
</table>
</div></div>
Можно изменить ширину блока(width). Для этого заливаем CSS к себе на сайт: (http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/csefob--my.css), затем нажимаем редактировать, с помощью поиска на странице(CTRL+F) ищем строку .news {width:658px;margin:0 auto} и значение 648 меняем на подходящее вам, то есть чем меньше это число, тем меньше будет рамка. Попробуйте поставить 500, тогда все будет хорошо, если нет ставьте меньше. Думаю разберетесь. и конечно же в Виде материалов заменить ссылку с файлом /csefob--my.css на свою.
Вертикальное меню для футбольного сайта, рипнут с сайта фанатов Арсенала.
Вставляем код после и до на тех страницах, где хотим видеть меню:
Код
<!--Rip by FIFAGAMERS.RU-->
<div class="glossymenu">
<a class="menuitem" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_right.gif" border=0 alt=""> Главная</a>
<a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Материалы</a> <div class="submenu"> <ul> <li><a href="/">Новости</a></li> <li><a href="/stuff">Блоги</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Клуб</a> <div class="submenu"> <ul> <li><a href="/index/0-15">История Арсенала</a></li> <li><a href="/index/0-56">Логотип клуба</a></li> <li><a href="/index/0-16">Достижения клуба</a></li> <li><a href="/index/0-88">Рекорды клуба</a></li> <li><a href="/index/0-55">Легенды Арсенала</a></li> <li><a href="/index/0-176">Все менеджеры Арсенала</a></li> <li><a href="/index/0-4">Контакты клуба</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Арсенал</a> <div class="submenu"> <ul> <li><a href="/index/0-5">Состав Арсенала</a></li> <li><a href="/index/0-12">Резерв Арсенала</a></li> <li><a href="/index/0-7">Тренерский штаб</a></li> <li><a href="/index/0-6">Руководство клуба</a></li> <li><a href="/index/0-74">Форма Арсенала</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Сезон 2009-2010</a> <div class="submenu"> <ul> <li><a href="/index/0-162">Календарь игр</a></li> <li><a href="/index/0-163">Турнирная таблица</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Стадион</a> <div class="submenu"> <ul> <li><a href="/index/0-168">Эмирейтс</a></li> <li><a href="/index/0-169">Хайбери</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Мультимедиа</a> <div class="submenu"> <ul> <li><a href="/index/0-166">Фото-галерея</a></li> <li><a href="/index/0-167">Видео-галерея</a></li> <li><a href="/index/0-153">Игры сайта</a></li> <li><a href="/index/0-164">Скринсейверы</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Общение</a> <div class="submenu"> <ul> <li><a href="/forum/0-0-0-36">Правила сайта</a></li> <li><a href="/gb">Конференция</a></li> <li><a href="/index/0-3">Связь с Администрацией</a></li> <li><a href="/index/0-174">Наши баннеры</a></li> <li><a href="/index/0-175">Наши партнеры</a></li> </ul> </div> <a class="menuitem" href="/forum" target="_blank"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_right.gif" border=0 alt=""> Форум</a> </div>
<style>
.glossymenu{margin: 5px 0;padding: 0;width: 191px; /*ширина меню*/
border: 0px solid #9A9A9A;border-bottom-width: 0;}
.glossymenu a.menuitem{background: black url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_carenA.gif')
repeat-x bottom left;font: bold 12px Tahoma;color:
white;display: block;position: relative; width: auto;padding: 4px
0;padding-left: 10px;text-decoration: none;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: white;}
.glossymenu a.menuitem .statusicon{ position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover{background-image: url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_carenB.gif');}
.glossymenu div.submenu{ background: cb4a4a;}
.glossymenu div.submenu ul{ list-style-type: none;margin: 0;padding: 0;}
.glossymenu div.submenu ul li{border-bottom: 1px solid black;}
.glossymenu div.submenu ul li a{display: block;font: normal 13px
Tahoma; color: black;text-decoration: none;padding:
2px 0;padding-left: 10px;}
.glossymenu div.submenu ul li a:hover{background: #DFDCCB;colorz: white;}
</style>
<!--/Rip by FIFAGAMERS.RU-->
Категория: Меню |
Просмотров: 595 |
Добавил: RedStar |
Дата: 15.08.2014
|
Отличная юзабельность. Не использует НИ ОДНОЙ КАРТИНКИ. Одинаково работает и выглядит в браузерах IE5.5, IE6, IE7, IE8, Mozilla FF, Safari, Google Chrome, Opera 9. Адаптирован под использование в uCoz.
Этот код размещаем сразу под условным кодом $BODY$
Код:
<style>
#content {white-space:nowrap}
#content a{display:inline-block;font:12px Tahoma;width:38px;padding:2px 0;margin:1px;color:#88aa00;text-align:center;text-decoration:none;}
#content a:hover, .curPage{background:#88aa00;color:#fff !important;}
#pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}
.scrollWrap {background:#dfdfdf;font:0;position:relative}
.scrollBar {background:#777;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}
.scrollPage {background:#88aa00;font:0;position:absolute;z-index:300;}
.pagesTotal {font:12px Tahoma;color:#bbb}
#pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;}
</style>
<div id="pageScroll"><span id="content"></span></div>
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/dsaPageScroller.js"></script>
<script>initScrolls(10)</script>
Вот собственно и всё. Второй параметр отвечает за количество отображенных страниц в ряд. CSS можно изменять, как угодно.
Добавлена возможность пользоваться колесиком мыши. Исправлено много багов. Код сжат и оптимизирован.
Ставим на страницы сайта, после $BODY$, ну или на свое усмотрение.
Окошко всплывает всего 1 раз в году, в День Рождения пользователя.
Код:
<script type="text/javascript" src="http://fifagamers.ru/s/cookies.js"></script>
<script type="text/javascript">
window.onload=function(){if (!getCookie('happyDay')) {
new _uWnd('happyBDay', 'С Днем Рождения!', 300, 300, {align: 0, autosize: 1, icon: 'http://fifagamers.ru', modal: 1, fadespeed: 666, fadeclosespeed: 666, fadetype: 2, fadeclosetype: 2, oninit:function(){setCookie('happyDay',1,1);}},'<fieldset><legend>С днем рождения!</legend>Уважаемый <b>$USERNAME$</b>!<br>Поздравляем тебя с днем рождения... ляляля..ляляля.. Дальше ваше поздравление.</fieldset>');
}}
</script>
Установка:
1. Идёте: ПУ » Горизонтальное меню и выбираете там "Информеры", создаете информер по критериям:
[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 14 · Колонки: 2 · Длина заголовка: 25 ]
и заменяете стандартный код шаблона информера на этот:
Код:
<table border="0" cellpadding="0" cellspacing="0" height="170" width="235">
<tbody><tr><td background="/images/vverx_1.jpg" bgcolor="#ff6907" height="26">
<span class="blockTitle1"> <font color="#ffffff"><a href="$ENTRY_URL$">$TITLE$</a></font></span></td></tr>
<tr><td style="background: url("/images/fon_44.jpg") no-repeat scroll 0% 0% transparent;" class="mTd">
<a href="$ENTRY_URL$"><img style="margin-left: 15px; margin-right: 5px; margin-top: 5px;" src="$SOURCE_URL$" title="Скачать "$TITLE$" для PSP торрентом" align="left" height="100" width="80"></a><b>Категория</b>:<br> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><br>
<b>Размер</b>: $RFILE_SIZE$<br>
<b>Скачан</b>: $LOADS$<br>
<br><br><br><br>
<a href="$ENTRY_URL$" title="Скачать "$TITLE$" для PSP торрентом"><img src="/images/downl.gif" border="0"></a>
</td></tr>
</tbody></table>
<br>
<br>
2. Качаете этот архив:Скачать
3. Создаете папку в Файловом менеджере под названием: images и заливаете все из архива в эту папку.
4. Выводите вид материала оператором информера туда, где будут выводится файлы/новости.
Первым делом я хотел поставить увеличение картинки, но не так как хотел получилось и я увеличил просто картинку на виде материалов и ее стало хорошо видеть. Далее рейтинг на нем не рабочий сколько скачивал везде такая же ситуация. И пришлось поставить свой и перекрасить под дизайн вида материалов. Теперь при нажатие на рейтинг он будит темнеть пока не станет темно зеленым.
Так как я увеличил картинку, когда поставите скрипт, вам нужно зайти в админ панель потом новости или файлы куда вы поставили. И выставить в Настройки модуля - Максимальная длина краткого описания: на 550. Тогда будит красиво смотреться краткое сообщение.
На этом все, дело дошло до установки.
В вид материала прописываем этот код.
<div class="block rad_top"><div class="block_title_gm rad_top" style="border:1px solid #291f14; border-bottom:0px;"><a href="$ENTRY_URL$">$TITLE$</a> $MODER_PANEL$</div>
<div class="block_content_gm" style="padding: 0px;border:1px solid #291f14;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td width="150" style="padding:5px; border:0px; background:#443322; border-right:1px solid #291f14;" align="center" valign="top">
<div style="overflow:hidden !important;"><a href="$SOURCE_URL$" title="$TITLE$"><img src="$IMG_URL1$" alt="$TITLE$" width="203" height="145"></a></div></td>
<td style="padding:0px; background:#443322;" valign="top">
<div style="padding:5px; line-height: 15px; background:#443322;color:#fff;"><span style="color:#fff;font-family:Tahoma;text-align:justify;">$MESSAGE$</span><br></div>
</td>
</tr></tbody></table>
</div>
<div style="border:1px solid #291f14; border-top:0px;background:#77bb3f; padding:5px 5px; color:#443322;" class="rad_bottom">
<span style="float:right;padding-right:4px;"> <?if($RATING$)?><div style="float:right"><?$RSTARS$('17',' http://zornet.ru/ZORNET-RU/rating.png ','1','float')?></div><?endif?> </span>
<a href="$CATEGORY_URL$"><strong>$CATEGORY_NAME$</strong></a> |
Просмотров: <strong>$READS$</strong> |
Загрузок: <strong>$LOADS$</strong> |
Добавил: <a href="$PROFILE_URL$" target="_blank"><strong>$USERNAME$</strong></a>
</div>
</div><div style="padding-top: 7px;"></div>
<style>
.block_gm {border:1px solid #291f14;width:200px;} .block_content_gm {padding:5px; color:#fff; border:0px; border-top:1px solid #291f14;}
.block_title_gm {padding:7px 7px; border:0px; border-bottom:1px solid #291f14; font-weight:bold; color:#fff;background:url(http://zornet.ru/ZORNET-RU/21.png) repeat-x;text-shadow: 0px 1px 1px rgb(0, 0, 0)}
.rad_5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rad_top {-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
.rad_bottom {-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}
.rad_top-right {-webkit-border-radius: 0 5px 0 0;-moz-border-radius: 0 5px 0 0;border-radius: 0 5px 0 0;}
.rad_bottom-right {-webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;}
</style>
Данный переключатель подойдет для светлых дизайнов.
Код в css
Код:
..catPages1 {
padding: 3px;
margin: 3px;
text-align:center;
color:#ff6500;
font-size:80%;
}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:active{
border: 1px solid #ff9600;
margin-right:3px;
padding:5px 7px;
background-image:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/perekliu4ateli/1.jpg);
background-position:bottom;
text-decoration: none;
color: #ff6500; }
.catPages1 b {margin-right:3px;
padding:5px 7px;
border: 1px solid #ff6500;
font-weight: bold;
background-color: #ffbe94;
color: #ff6500;}
catPages1 a:hover {border: 1px solid #ff9600;
background-image:none;
background-color:#ffc794;
color: #ff6500;}
Данный код вставляем в нужный блок:
Код
<style>#menu-cont li {list-style:none;padding:6px;border-bottom:1px dotted #c5c5c5; text-shadow:0px 1px 0px #ffffff; text-decoration:none;background:#f7f7f7}
#menu-cont li:hover {background:#ffffff}
</style>
<div id="menu-cont">
<li><a href="/forum/">Форум</a></li>
<li><a href="/load/">Торрент ігри</a></li>
<li><a href="/news/">Ігрові новини</a></li>
</div>
Заметим, что добавить или убрать ссылку можно очень легко, методом копирования.
Категория: Меню |
Просмотров: 423 |
Добавил: RedStar |
Дата: 15.08.2014
|
В css:
Код:
/* PageSelector Start */
.catPages1 {color:#ffffff; border:1px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.catPages1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.catPages1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#c2efff;font-size:11px;border:1px solid #c2efff;}
.pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}
.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}
.catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.catPages2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.catPages2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}
.pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}
.pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}
/* PageSelector end */
Выдвижное вертикальное меню для uCoz сайта.
Данное меню отличилось тем, что оно простое в установке, легко редактируется, а так же очень приятное в использовании.
Код вставляем в новый блок.
Код
<div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px">
<li class="expanded"><span style="font-weight:bold">Навигация</span>
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/forum/">Форум</a></li>
</ul></li>
<li class="expanded"><span style="font-weight:bold">НАЗВАНИЕ</span>
<ul>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
</ul></li>
<li><span style="font-weight:bold">НАЗВАНИЕ</span>
<ul>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
</ul></li>
<script type="text/javascript">
//<![CDATA[
var li = document.getElementById('tmenu0').getElementsByTagName('li');
for(i in li) if(li.className=='expanded') li.setAttribute('expanded','1');
function tmenudata0() {
this.animation_jump = 5
this.animation_delay = 2
this.imgage_gap = 3
this.plus_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_plus.gif"
this.minus_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_n_st.gif"
this.pm_width_height = "14,14"
this.folder_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_folder.gif"
this.document_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_n_st.gif"
this.icon_width_height = "16,16"
this.icon_width2_height2 = "11,6"
this.indent = 10;
this.use_hand_cursor = true;
this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#gold; padding:2px; "
this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#333333; "
this.main_container_styles = "padding:0px;"
this.sub_container_styles = "padding-top:1px; padding-bottom:1px;"
this.main_link_styles = "color:#ffffff; text-decoration:none;"
this.main_link_hover_styles = "color:#A98579; text-decoration:underline;"
this.sub_link_styles = ""
this.sub_link_hover_styles = ""
this.main_expander_hover_styles = "text-decoration:underline;";
this.sub_expander_hover_styles = "";
}
//]]>
</script>
<script src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_jsMenu.js" type="text/javascript"></script></div><script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl.href)>=0){ if (found==-1 || len<nl.href.length){ found=i; len=nl.href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>
</ul>
Категория: Меню |
Просмотров: 426 |
Добавил: RedStar |
Дата: 15.08.2014
|
Данный скрипт вертикального меню подойдет тем у кого не много ссылок, для остальных думаю будет лучше найти выдвижное меню для сайта.
В новый блок вставляем:
Код
<style>
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 185px;
/*CSOMSK.RU*/
/* Width of Menu Items */
border-bottom: 1px solid #000000;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 185px;
/* Width of Menu Items */
border-bottom: 1px solid #101010;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 185px;
/*sub menu width*/
top: 0;
visibility: hidden;
}
/*FIFAGAMERS.RU*/
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto;
/*FIFAGAMERS.RU*/
/*force hasLayout in IE7 */
color: #c2c2c2;
text-decoration: none;
background: #292929;
padding: 3px 15px;
border: 1px solid #101010;
border-bottom: 0;
}
.suckerdiv ul li a:visited{
color: #c2c2c2;
}
.suckerdiv ul li a:hover{
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/121_menu-back-ucoz.png);
}
.suckerdiv .subfolderstyle{
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/121_menu-back-ucoz.png) no-repeat center right;
}
/*CSOMSK.RU*/
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
</style>
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="/" >Главная</A> </li>
<li><a href="/forum/" >Форум</A></li>
<li><a href="/load/" >Файлы</A> </li>
<li><a href="/publ/" >Статьи</A> </li>
<li><a href="/news/" >Новости</A> </li>
</ul>
</div>
Заметим, что добавить или убрать ссылку можно очень легко, методом копирования.
Категория: Меню |
Просмотров: 481 |
Добавил: RedStar |
Дата: 15.08.2014
|
Код
<style>
{margin:0; padding:0;}
#nav {
font-size:0.8em;
list-style-type:none;
width:100%;
height:25px;
display:inline-block;
background:#7B9B37;
line-height:25px;
}
#nav li{
float:left;
width:120px;
margin-top:-10000px;
}
#nav li a {
width:120px;
text-decoration:none;
text-align:center;
color:#fff;
position:relative;
float:left;
margin-right:-119px;
margin-top:10000px;
}
#nav li a:hover, #content #nav li a:focus, #content #nav li a:active {
background:#C4E088;
margin-right:0;
color:#000000;
}
#nav li ul {
background:#617A2C;
float:left;
margin-top:-25px;
padding-top:25px;
margin-bottom:-10000px;
list-style-type:none;
}
#nav li ul li {
float:none;
margin:0;
width:auto;
}
#nav li ul li a {
float:none;
display:block;
margin:0;
margin-right:-1px;
background:#798E47;
} </style>
<ul id="nav">
<li><a href="/">Главная</a></li>
<li><a href="/news">Софт</a></li>
<li><a href="/blog">Музыка</a></li>
<li><a href="/forum/3">Вебмастеру</a>
</li>
<?if($USER_LOGGED_IN$)?><li><a href="$PERSONAL_PAGE_LINK$">Профиль</a></li><?else?><li><a href="$LOGIN_LINK$">Вход</a></li><?endif?>
</ul>
Категория: Меню |
Просмотров: 402 |
Добавил: RedStar |
Дата: 15.08.2014
|
Для светлых дизайнов
В CSS:
Код:
.catPages1 {color:#AED6FF;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;background:#4888BE;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#3B6F9B;color:#AED6FF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#4888BE;padding:3px 10px;color:#AED6FF;font-size:11px;}
.catPages2 {color:#AED6FF;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #fff;background:#4888BE;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#3B6F9B;color:#AED6FF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#4888BE;padding:3px 10px;color:#AED6FF;font-size:11px;}
Этот код вставляем в CSS:
Код:
.catPages1 {color:#AED6FF;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;background:#9933ff;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#cc00ff;color:#fff;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#9933ff;padding:3px 10px;color:#fff;font-size:11px;}
.catPages2 {color:#AED6FF;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #fff;background:#9933ff;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#cc00ff;color:#fff;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#9933ff;padding:3px 10px;color:#fff;font-size:11px;}
Потрясающий "Вид комментарий" для системы uCoz. Отличный выбор для сайтов, у которых установлен светлый дизайн. Установка на удивление проста!
Проходим в: Панель управления » Управление дизайном » Вид комментариев.
Код:
<style>
.main_comments_class {border: 1px dashed #e7e7e7; background-color: #f9f9f9; width: 100%;}
.main_comments_title {border-bottom: 1px dashed #e7e7e7; width: 100%; height: 20px; font-family: Verdana; font-size:14px; color: #a9a9a9;}
.comment_avatar_url {border-right: 1px dashed #e7e7e7; width: 84px; vertical-align: top;}
.comment_message_url {width: 500px; vertical-align: top; font-family: Verdana; color: #b8b8b8; font-size: 12px;}
.table_avatar_message {height:100%;}
num {font-size: 14px; font-weight: bold; color: #929292;}
date {font-size: 11px; vertical-align:center;}
</style>
<body>
<table class="main_comments_class">
<tr>
<td class="main_comments_title"><num>$NUMBER$.</num> $USERNAME$ <date>($TIME$ $WDAY$)</date> $MODER_PANEL$</td>
</tr>
<tr>
<td><table class="table_avatar_message">
<tr>
<td class="comment_avatar_url"><a href="$PROFILE_URL$" >
<?if ($USER_AVATAR_URL$) ?>
<img src="$USER_AVATAR_URL$" width="80" border="0" />
<?else?>
<img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/vid-koment-noava.gif" width="80" border="0" >
<?endif?>
</a></td>
<td class="comment_message_url">$MESSAGE$</td>
</tr>
</table></td>
</tr>
</table>
Заходим в вид материалов и заменяем всё на:
Код:
<div class="cell_news">
<div class="cell_news_title"><h2><a href="$ENTRY_URL$">$TITLE$</a></h2><span class="right">$MODER_PANEL$</span></div>
<div class="cell_news_dop1">
<?if($DATE$)?><span title="$WDAY$ в $TIME$">$DATE$</span><?endif?>
<span class="right">
<img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/881---fon_img_reiting.gif" alt="рейтинг" /> $RATING$ ($RATED$) | <img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/881000fon_img_glaz.png" alt="просмотров" /> $READS$ | <img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/881---fon_img_coment.png" alt="комментарии" /><a href="$COMMENTS_URL$"> ($COMMENTS_NUM$)</a>
</span>
</div>
<?if($MESSAGE$)?><div class="cell_news_content">$MESSAGE$</div><?endif?>
<div class="cell_news_dop2">
<?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><?endif?>
<span class="right">Дополнительно</span>
</div>
</div>
<style>
.cell_news_title {
float:left;
width:100%;
border-bottom: 1px solid #D6D6D6;
}
.cell_news_title h2 {
float:left;
margin: 0;
font: 145%/1.5 Verdana,Arial,Helvetica, sans-serif;
font-weight: bold;
}
.cell_news_content {
float:left;
text-align:justify;
font: 105%/1.5 Verdana,Arial,Helvetica, sans-serif; color:#555;
width:100%;
padding: 10px 0px 10px 0px;
}
.cell_news_dop1 {
float:left;
font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;
width:100%;
padding: 5px 0px 5px 0px;
}
.cell_news_dop2 {
float:left;
font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;
width:100%;
padding: 5px 0px 5px 0px;
}
.cell_news_dop1 {
border-bottom: 1px solid #D6D6D6;
}
.cell_news_dop2 {
border-top: 1px solid #D6D6D6;
}
.left {
float:left;
}
.right {
float:right;
}
</style>
Красивый зелёный переключатель для светлых дизайнов.
Это в css:
Код:
.pagesBlockuz1 {color:#2c8a3a;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #2c8a3a;background:#CDEDA5;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz1 a:hover {background:#30963F;color:#75C954;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#37B63A;padding:3px 10px;color:#ABDD71;font-size:11px;}
.pagesBlockuz2 {color:#2c8a3a;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #2c8a3a;background:#CDEDA5;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz2 a:hover {background:#30963F;color:#75C954;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;background:#37B63A;padding:3px 10px;color:#ABDD71;font-size:11px;}
Новые ajax окна для ucoz. На этот раз ajax окна в бирюзовом цвете, новая и стальная стилизация, отличная замена стандартных окон ucoz.
Скопируйте код в Ваш CSS(П.У - Дизайн - Управление Дизайном(CSS)).
Код:
/* Бирюзовый вариант ajax окон fifagamers.ru
----------------------------------------------*/
.xt {background:transparent url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/317086158.png) no-repeat!important; margin-left:5px!important; margin-top:6px!important;}
.xt-close{background-position:0 0!important;}
.xt-close-over{background-position:-15px 0!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/148555351.png) no-repeat left!important;}
.xw-tc {background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/820505718.png) top!important;}
.xw-tr {background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/117430085.png) no-repeat right!important;}
.xw-bl{background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/828382382.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/927781855.png) bottom!important;}
.xw-br{background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/624343446.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #429390!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/807076656.png) repeat-x top!important; }
.xw-blank {background:#429390!important;}
/* ------------------------------------------*/
Новый,стильный,красивый переключатель для ваших сайтов uCoz.Дизайн переключателя отличный!
Код переключателя кидаем в css. Для светлых дизайнов.
Код:
.catPages1 {font-size:12px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:active{
padding:5 10 5 10;
background-color: #fafafa;
text-decoration: none;
border:1px solid#e5e5e5;
color: #00c0ff;
}
.swchItemA {
padding:5 10 5 10;
background-color: #ffffff;
text-decoration: none;
border:1px solid#e2e2e2;
color: #e2e2e2; }
.catPages1 {padding:5 10 5 10;
background-color: #ffffff;
color: #00c0ff;}
.catPages1 a:hover {
padding:5 10 5 10;
background-color: #9d9d9d;
color: #fff;
}
Крутое раздвижное меню! Скрипт не мой!
Кому понравилось + в репу, можно и награду!
Установка:
Скачайте архив, распакуйте и залейте папку «menu» в корень сайта.
В head ставим (на страницах где будет меню, например: страницы сайта, главная страница сайта, форум и тд):
Код
<script language="javascript" type="text/javascript" src="/menu/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>
В CSS вставляем:
Код
/* Menu */
.accordion h3 {font-size : 11px;color : #fff;padding-left : 10px;background : url(/menu/accordion.png) no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion h3:hover {background : url(/menu/accordion.png) no-repeat right -25px;color : #ffa;}
.accordion h3.active {background : url(/menu/accordion.png) no-repeat right -50px;}
.accordion h3.active:hover {background : url(/menu/accordion.png) no-repeat right -75px;}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;}
.accordion a {font-size : 11px;color : #fff;text-align : left;font-weight : bold;padding-left : 15px;}
.accordion p.linked a {background : url(/menu/bull.gif) no-repeat 0 50%;}
/* ---------- */
Далее редактируете ссылки и ставите код:
Код
<div class="accordion">
<h3>Главное меню</h3>
<p class="linked">
<a href="/">Главная страница</a>
<a href="/gb/">Гостевая книга</a>
<a href="/index/0-3">Обратная связь</a>
<a href="/board/">Доска объявлений</a>
<a href="/publ/">Каталог статей</a>
<a href="/dir/">Каталог сайтов</a>
<a href="/blog/">Блог</a>
<a href="/faq/"><font color="DarkOrange">FAQ (вопрос/ответ)</font></a>
</p>
<h3>Компьютер</h3>
<p class="linked">
<a href="/load/">Каталог файлов</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
</p>
<h3>Отдохни</h3>
<p class="linked">
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
</p>
<h3>Форум</h3>
<p class="linked">
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
</div>
Категория: Меню |
Просмотров: 483 |
Добавил: RedStar |
Дата: 15.08.2014
|
Установка:
Главная » Управление дизайном » Глобальные блоки » Верхняя часть сайта
Код:
<style type="text/css">
@import url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/4243ajax_fifagamers-ru.css') all;
</style>
Установка:
В CSS вставляем:
Код:
.catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlockuz1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.catPages2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlockuz2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
.pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2a:hover,
.pagesBlock2 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}
Выполнен в синем и светлом дизайне это скрипт.Так же он красивый синий вид материалов для сайта ucoz, вид материала файлов создан органично для светлых дизайн сайтов на них он смотреться будит шикарно, да и сам вид красивый , можно скриативить, и попробовать поставить на другой дизайн сайта.
Приступаем к установке:
П.У - далее находим Каталог файлов - вид материалов и меняем в нем все на наш код
Код
<style type="text/css" media="all">@import url(http://fifagamers.ru/highslide/highslide.css);</style>
<script type="text/javascript" src="http://fifagamers.ru/highslide/highslide.js"></script>
<script type="text/javascript">hs.graphicsDir = 'http://www.fifagamers.ru/highslide/graphics/';</script>
<style>#menublt {margin: 0px;padding: 0px 0px;background: white; }
#menublt a {margin: 0px;padding: 4px;display: block;background: #f1f1f1;border:1px solid #cccccc;margin-bottom:2px;}
#menublt a:hover {text-decoration: none;background-color: #FFF;}
.iim{border:1px solid #FFF;max-width: 150px;}</style><div id="entryID36990"><div style="border-top:1px solid #1c87b2;"><div style="background:#36a2cd;color:#FFF;border-left:1px solid #36a2cd;border-right:1px solid #36a2cd;border-top:1px solid #44b0da;border-bottom:1px solid #36a2cd;font-size:12px;"><a href="$ENTRY_URL$" class="newslink" style="color:#FFF;"></a><div style="padding:5px;"><b style="color: rgb(255, 255, 255); "><a href="$ENTRY_URL$" class="newslink" style="color:#FFF;">$TITLE$</a> $MODER_PANEL$</b></div></div></div></div>
<div style="background:#efefef;padding:7px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;">
<table width="100%"><tbody><tr><td align="left" valign="top">
<noindex><a href="$IMG_URL1$" style="max-width: 150px;" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><div style="margin-top: 1px;"></div>
<img src="$IMG_URL1$" style="max-width: 150px;" align="left" border="0" width="160" height="142"></a></noindex>
</td><td width="100%" align="left" valign="top">
<div id="menublt"><a href="$ENTRY_URL$#comments">Комментариев: 0 </a><a href="$PROFILE_URL$">Добавил: $USERNAME$</a><font color="#4d6d91"><a href="$CATEGORY_URL$">Категория: $CATEGORY_NAME$ </a></font><a style="color:#4D6D91">Просмотры: $READS$</a><a style="color:#4D6D91">Рейтинг: $RATING$</a> <font color="#4d6d91"><a href="$ENTRY_URL$">Подробнее: Скачать\Смотреть</a></font></div>
</td></tr></tbody></table></div>
Красивый и простой вид материалов для uCoz. Может применяться для сайтов любой тематики, но мы рекомендуем использовать данный вид новостей исключительно для сайтов для женщин. Или для сайтов содержащих много фиолетового и розового.
В вид материалов:
Код
<div id="entryID286">
<div class="material">
<table cellpadding="0" class="materialcolor" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="titlematerial">
<a href="$ENTRY_URL$"><div class="titleurlmaterial"><a href="$ENTRY_URL$">$TITLE$</a></div></a><div style="float:right;font-size:9px;">$MODER_PANEL$</div>
<div style="float:right;"/>
<div class="righttitle">
<span>$COMMENTS_NUM$</span>
комментария
<span>$READS$</span>
просмотров
</div>
</td>
<td class="screnn" rowspan="2">
<div id="imgmat286" style="float:right;max-width:200px !important; max-height:150px !important; overflow:hidden !important;">
<img alt="$TITLE$" src="$IMG_URL1$" style="float:right;max-width:200px !important; max-height:150px !important; overflow:hidden !important;">
</div>
</td>
</tr>
<tr>
<td valign="top" width="100%" class="contentmaterial">$MESSAGE$</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
.materialcolor{border-top:1px solid rgba(255,255,255,0.5);box-shadow:1px 1px 0px #4d4a4d;background:#a57aca;padding:10px;border-radius:3px;}
.material{margin-top:10px;border-radius:3px;border-top:1px solid rgba(0,0,0,0.4);}
.screnn {padding-left:9px;}
.screnn div{background:#fff;border-radius:3px;border:8px solid white;}
.screnn div img{border-radius:3px;}
.titleurlmaterial {float:left;font-size: 10pt;color:white;font-family: tahoma;font-weight: bold;margin-bottom:10px;text-shadow: 1px 1px 0px #4d4a4d;}
.righttitle{float:right;font-size: 9pt;color:white;font-family: tahoma;}
.titlematerial span{padding:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);
background:rgba(0,0,0,0.2);color:white;font-family: tahoma;border-bottom:1px solid rgba(255,255,255,0.6);border-radius:3px;}
#textmaterial {font-family: Verdana, Arial, Helvetica, sans-serif!important; font-size: 8pt!important;background:white; border-radius:3px;padding:3px;border:1px solid #dedede;}
#imgmaterial{padding-bottom:5px;}
#pagehead{font-size: 11pt;color:white;font-family: tahoma;margin:13px 0 0 500px}
#pagehead #pagespanhead{padding:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);
background:rgba(0,0,0,0.2);color:white;font-family: tahoma;border-bottom:1px solid rgba(255,255,255,0.6);border-radius:3px;}
#pagehead #pagespanhead span{color:white;font-family: tahoma;font-size: 11pt;}
.contentmaterial {background:#fff;border-radius:3px;padding:8px;box-shadow:inset 1px 1px 0px #4d4a4d;}
</style>
Вид новостей с увеличением картинки для uCoz Зеленный Вид материалов с увеличением
Для просмотра скриншота в полном размере нажмите на него!
Вид новостей :
Код:
<link type="text/css" rel="StyleSheet" href="http://nn-cs.3dn.ru/_st/my.css" />
<style type="text/css" media="all">
@import url(http://csomsk.ru/highslide/highslide.css);
</style>
<script type="text/javascript" src="http://csomsk.ru/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://csomsk.ru/highslide/graphics/';
</script>
<div class="all_entry">
<div class="entry-title"><a href="$ENTRY_URL$"><b>$TITLE$</b></a> <div style="margin-top:-13px; margin-right:10px;" align="right"></div> </div>
<div class="entry-info_top"><table><tr><td class="e-autor">Добавил: <a href="javascript://" rel="nofollow" onclick="window.open('javascript://" rel="nofollow" onclick="window.open('$PROFILE_URL$','up393','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;','up1769','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">$USERNAME$</a></td><td class="e-data">Дата : $DATE$</td></tr></table><div style="float:right; margin-top:-16px; margin-right:8px;"><style type="text/css">.u-star-rating{list-style:none;margin:0px;padding:0px;width:60px;height:12px;position:relative;background: url('http://nn-cs.3dn.ru/img/rate.png') top left repeat-x;}.u-star-rating li{padding:0px;margin:0px;float:left;}.u-star-rating li a{display:block;width:12px;height: 12px;line-height:12px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden;}.u-star-rating li a:hover{background: url('http://nn-cs.3dn.ru/img/rate.png') left center;z-index:2;left:0px;border:none;}.u-star-rating a.u-one-star{left:0px;}.u-star-rating a.u-one-star:hover{width:12px;}.u-star-rating a.u-two-stars{left:12px;}.u-star-rating a.u-two-stars:hover{width:24px;}.u-star-rating a.u-three-stars{left:24px;}.u-star-rating a.u-three-stars:hover{width:36px;}.u-star-rating a.u-four-stars{left:36px;}.u-star-rating a.u-four-stars:hover{width:48px;}.u-star-rating a.u-five-stars{left:48px;}.u-star-rating a.u-five-stars:hover{width:60px;}.u-star-rating li.u-current-rating{top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('http://nn-cs.3dn.ru/img/rate.png') left bottom;position: absolute;height:12px !important;line-height:12px !important;display:block;text-indent:-9000px;z-index:1;}</style><script type="text/javascript">var usrarids={};function ustarrating(id,mark){if (!usrarids[id]){usrarids[id]=1;$(".u-star-li-"+id).hide();_uPostForm('',{type:'POST',url:'/index/',data:{'a':'65','id':id,'mark':mark,'mod':'index','ajax':'2'}});}}</script><ul id="uStarRating462" class="u-star-rating" title="Рейтинг: $RATING$">
<li class="u-current-rating" id="uCurStarRating462" style="width:100%;"></li>
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',1);return false;" class="u-one-star">1</a></li>
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',2);return false;" class="u-two-stars">2</a></li>
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',3);return false;" class="u-three-stars">3</a></li>
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',4);return false;" class="u-four-stars">4</a></li>
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',5);return false;" class="u-five-stars">5</a></li></ul></div></div>
<div class="entry_cont">
<table cellspacing="0" border="0" cellpadding="0" width="100%" style="padding:8px"><tr><td>
<td align="left">
<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img class="pod-img" width="153px" height="111px" alt="" border="0" src="$IMG_URL1$"></a>
</td>
<td align="left">
<font face="Tahoma">$MESSAGE$<span class="entryReadAll"></span></td></tr></table>
</div>
<div class="entry-info_foot">
<table><tr><td class="e-reads">Просмотров : $READS$</td><td class="e-comm">Комментариев : $COMMENTS_NUM$</td></tr></table>
<div class="viewn_pod"> <a href="$ENTRY_URL$" class="viewn_open">Подробнее</a></div>
</div></div>
Отличный вид материалов для uCoz. Это вид материалов выглядит очень красиво, как на обложке глянцевого журнала. Заголовок оформлен красивым фоновым градиентным изображением. Есть кнопка «подробнее», которая ведет в само тело статьи. Нижняя часть, также красиво оформлена градиентным фоновым изображением. Хорошо смотрятся также, оформление даты добавления материала и раздел, в который он добавлен. Скрипт вид материалов модуля для uCoz доработан, исправлен и налажен сайтом webanfarwol.ru — Скрипты для uCoz. Изначальный же автор этого скрипта новостей — неизвестен. Перейдем к установке . . .
Панель Управления => Управление дизайном => Новости сайта (или любой другой модуль, например «каталог файлов» — везде будет работать) => Вид материалов и здесь заменяем весь существующий код на новый:
Код
<div class="viewn_loop">
<h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a></h4>
<div class="viewn_cont">
<div class="viewn_detail">
<div class="viewn_date"><span>$DATE$, $TIME$</span></div>
Раздел: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
</div>
<noindex><div class="viewn_pict"><span><a href="$IMG_URL1$" onclick="return hs.expand(this)" title="Рип шаблона Sp1nn-portal"><img src="$IMG_URL1$" width="198" alt="$TITLE$" /></a></span></div></noindex>
<div class="viewn_text">
<div id="news-id-293" style="display:inline;">
310)?> <a href="$ENTRY_URL$">Читать далее =></a>$MESSAGE$
</div>
</div>
</div>
<div class="viewn_bottom">
<div class="viewn_link"><a href="$ENTRY_URL$">Подробнее</a></div>
Комментарии <b>($COMMENTS_NUM$)</b> Просмотры: <b>$READS$</b> добавил: <b><a href="$PROFILE_URL$">$USERNAME$</a></b>
</div>
</div>
<style>
/*-------- Вид материалов fifagamers.ru --------*/
.viewn_loop {width:501px; color:#969696; margin:0 0 8px 0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) repeat 0 0;}
.viewn_title {height:32px; line-height:32px; overflow:hidden; margin:0; padding:0 0 0 14px; font-size:14px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #2384a0; background:#40a9c3 url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -501px 0;}
.viewn_title a {color:#fff; text-decoration:none;}
.viewn_title a:hover {text-decoration:underline;}
.viewn_cont {padding:7px 4px 6px 4px; overflow:hidden; line-height:1.6; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -501px -32px;}
.viewn_detail {width:483px; overflow:hidden; padding:2px 8px 3px 8px; margin:0 0 3px -3px; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1662px bottom;}
.viewn_detail a {font-weight:bold; color:#969696; text-decoration:none;}
.viewn_detail a:hover {text-decoration:underline;}
.viewn_date {float:left; padding:0 4px 0 0; margin:-2px 6px 0 0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat right 0;}
.viewn_date span {min-width:70px; height:22px; line-height:22px; display:block; padding:0 0 0 33px; float:left; color:#929292; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -2163px 0;}
.viewn_pict {width:226px; padding:7px 0 0 0; float:left; margin:0 -5px 0 0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_pict_bg.png) no-repeat 0 0;}
.viewn_pict span {padding:0 22px 16px 6px; display:block; overflow:hidden; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_pict_bg.png) no-repeat -226px bottom;}
.viewn_pict img {width:198px; min-height:140px; vertical-align:top;}
.viewn_pict img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8;}
.viewn_text {padding:0 0 0 4px; overflow:hidden;}
.viewn_bottom {height:24px; padding:12px 0 0 28px; overflow:hidden; font-size:10px; color:#f6f6f6; text-shadow:1px 1px 1px #818181; background:#979797 url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1002px bottom;}
.viewn_bottom b {margin:0 8px 0 0;}
.viewn_bottom a {color:#f6f6f6; text-shadow:1px 1px 1px #818181; text-decoration:none;}
.viewn_bottom a:hover {text-decoration:underline;}
.viewn_link {width:101px; height:21px; float:left; margin:-3px 26px 0 0;}
.viewn_link a {width:93px; height:21px; line-height:21px; padding:0 0 0 8px; display:block; font-size:10px; color:#6e6e6e; text-shadow:none; text-decoration:none; background:#fefefe url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1505px 0;}
.viewn_link a:hover {text-decoration:none; background-position:-1505px -23px;}
.viewn_statick .viewn_bottom {height:7px; padding:0; margin:0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bottom_bg.png) no-repeat 0 0;}
.viewn_statick .viewn_cont {padding: 7px 6px 6px 6px;}
.viewn_inner_pict {width:400px; margin:10px auto 16px auto; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) repeat-y 0 0;}
.viewn_inner_pict span {display:block; padding:6px 0 0 0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) no-repeat -400px 0;}
.viewn_inner_pict span span {padding:0 7px 6px 7px; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) no-repeat -800px bottom;}
.viewn_inner_pict img {width:386px; vertical-align:top;}
/*-----------------------------------------------*/
</style>
Горизонтальное меню для сайта. Цвет меню - металлик. Имеются выдвижные окна. Дизайн очень аккуратный. Возможно редактировать и настраивать под свой дизайн. Все вопросы в комментариях.
Сам код меню Думаю что ещё никто такого не выкладывал!
Вставляем код после и до на тех страницах, где хотим видеть меню:
Код
<LINK rel="stylesheet" type="text/css" href="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_navi_eg.css">
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_jquery-latest.js"></script>
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_menu.js"></script>
<TABLE border="0" cellpadding="0" cellspacing="0" width="952"><TBODY><TR><TD height="6"></TD></TR><TR><TD align="center">
</TD></TR><TR><TD valign="top" align="center"></TD></TR></TBODY></TABLE>
<DIV id="global2" id="tools_index" class="tools">
<DIV class="wrap">
<UL class="topnav">
<LI><A id="nz1" href="/"></A>
<UL class="subnav">
<LI><A href="/news/1-0-1" style="border-bottom: 1px solid #e2e2e2"> Новости портала</A></LI>
<LI><A href="/news/1-0-4" style="border-bottom: 1px solid #e2e2e2"> Новости других порталов</A></LI>
<LI><A href="/news/1-0-3" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD MW</A></LI>
<LI><A href="/news/1-0-2" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD WaW</A></LI>
<LI><A href="/news/1-0-10" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD MW 2</A></LI>
<LI><A href="/news/1-0-6" style="border-bottom: 1px solid #e2e2e2"> Новости турниров</A></LI>
<LI><A href="/news/1-0-9" style="border-bottom: 1px solid #e2e2e2"> Новости турниров портала</A></LI>
<LI><A href="/news/1-0-5" style="border-bottom: 1px solid #e2e2e2"> Недельный дайджест</A></LI>
<LI><A href="/news/1-0-8" style="border-bottom: 1px solid #e2e2e2"> Интервью</A></LI>
<LI><A href="/news/"> Архив новостей</A></LI>
</UL>
</LI>
<LI><A id="n2" href="../forum/"></A>
<UL class="subnav">
<LI><A href="/forum/0-0-1-34" style="border-bottom: 1px solid #e2e2e2"> Новые сообщения</A></LI>
<LI><A href="h/forum/0-0-1-35" style="border-bottom: 1px solid #e2e2e2"> Участники</A></LI>
<LI><A href="forum/0-0-0-36" style="border-bottom: 1px solid #e2e2e2"> Правила форума</A></LI>
<LI><A href="/forum/0-0-0-6" style="border-bottom: 1px solid #e2e2e2"> Поиск</A></LI>
<LI><A href="/forum/0-0-0-37"> RSS форума</A></LI>
</UL>
</LI>
<LI><A id="n11" href="../stuff/"></A>
<UL class="subnav">
<LI><A href="stuff/1" style="border-bottom: 1px solid #e2e2e2"> Новости</A></LI>
<LI><A href="/stuff/2" style="border-bottom: 1px solid #e2e2e2"> Статьи</A></LI>
<LI><A href="/stuff/3" style="border-bottom: 1px solid #e2e2e2"> Интервью</A></LI>
<LI><A href="/stuff/4"> Заметки</A></LI>
</UL>
</LI>
<LI><A id="n3" href="../load/"></A>
<UL class="subnav">
<LI><A href="/load/11" style="border-bottom: 1px solid #e2e2e2"> Call of Duty 4: MW</A></LI>
<LI><A href="/load/10" style="border-bottom: 1px solid #e2e2e2"> Call of Duty: WaW</A></LI>
<LI><A href="/load/26" style="border-bottom: 1px solid #e2e2e2"> Call of Duty: MW 2</A></LI>
<LI><A href="/load/15" style="border-bottom: 1px solid #e2e2e2"> Call of Duty 2</A></LI>
<LI><A href="load/28"> Soft</A></LI>
</UL>
</LI>
<LI><A id="n4" href="../photo/"></A>
<UL class="subnav">
<LI><A href="/photo/12" style="border-bottom: 1px solid #e2e2e2"> Вылазки</A&g
...
Читать дальше »
Категория: Меню |
Просмотров: 430 |
Добавил: RedStar |
Дата: 15.08.2014
|
Установка:
Заходим в ПУ => Быстрая замена участков шаблона и в поле "Что заменить" вставляем:
</head>
Затем в поле "На что заменить" вставляем
</head><style type="text/css"> @import url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/ajax/43243ajax.css') all; </style>
Переключать страниц форума (черно-синий)
ПУ--Управление дизайном--CSS. Ищем там:
/* forum Page switches */
и сразу после него - это:
/* ------------------- */
Все, что между ними, заменяем на это:
Код:
.switches {background:#FFF}
.pagesInfo {display:none}
.switch {background:#474747;font-size:7.6pt;height:22px;width:22px;font-family:Verdana}
.switch:hover {background:#c43737}
.switchActive {background:#21b1ff;font-weight:bold;color:#FFF;font-size:7pt;height:22px;width:22px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none;color:#FFF}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none;color:#FFF}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline}
Активикуем "Дополнительное поле 1" и переименовуем его "Сылка на картинку"
Код:
<style type="text/css" media="all">
@import url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/vid-4843-highslide.css);
</style>
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/vid-hs-4843.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://fifagamers.ru/highslide/graphics/';
</script>
<table style="border: 1px solid #252525" cellpadding="1" cellspacing="0" width="100%" align="center"><tr><td valign="top" align="center">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="eTitle" align="center" style="border: 1px solid #252525;"><a href="$ENTRY_URL$">$TITLE$</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
Вертикальное меню для футбольного сайта и фанатов клуба FC Barcelona. Меню подойдет абсолютно под любой дизайн.
Скрин:
Данный код вставляем в новый блок, созданный через конструктор либо через пу в первый или второй контейнер:
Код
<div align="left">
<span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png"><br>
<span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../" class="mainlevel">Главная</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../blog/1-0-2" class="mainlevel">Блоги</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-53" class="mainlevel">Команда сайта</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-52" class="mainlevel">Ссылки</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-41" class="mainlevel">Наши баннеры</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../publ" class="mainlevel">Матчи в записи (new)</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-71" class="mainlevel">Матч-Центр</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br></noindex></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png"><br><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-60" class="mainlevel">Главный тренер</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../blog/1-0-1" class="mainlevel">Биографии</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-8" class="mainlevel">Легенды</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-28" class="mainlevel">Форма</a></noindex></span></span></span><a href="../index/0-4" class="mainlevel">Трофеи</a><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-2" class="mainlevel">О клубе</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-7" class="mainlevel">Стадион</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br></noindex></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_season.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_season.png"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br><a href="../index/0-12" class="mainlevel">Календарь</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-61" class="mainlevel">Лига Чемпио
...
Читать дальше »
Категория: Меню |
Просмотров: 431 |
Добавил: RedStar |
Дата: 15.08.2014
|