15 Августа 2014 - Блог - Веб-студия IPC : Одесса : Создание и продвижение сайтов

Кидаем в 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;}
/* ---------------- */

Категория: Переключатели | Просмотров: 527 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Скрипт для юкоз: Вид новостей для Ucoz

Скрипт для юкоз: Вид новостей
Код вида материлов:

Код:

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

Категория: Вид материалов | Просмотров: 737 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Черное меню для сайта

Не зря тема названа именно черное меню для сайта, потому, что если у вас черный шаблон, то и меню будет черным, и к черному дизайну оно больше подходит. Но так как у меня шаблон болотного цвета, то и меню под него подстроилось. Так что не пугайтесь этого некрасивого оттенка и устанавливайте смело, если вам нужно маленькое, не навороченное меню
Вставляем код после и до на тех страницах, где хотим видеть меню:

Код

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 | Комментарии (0)

Голубое меню сайта для uCoz

Самое простое и обычное горизонтальное меню для сайта голубого цвета. Легкое в установке, для светлых шаблонов с голубыми оттенками самое то! Можно установить как в верхней части, так и в нижней.
Данный код вставить между <head> и </head> (либо сделать меню через глобальные блоки).

Код

<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 | Комментарии (0)

Наши Баннеры в ajax

Приступим!

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>

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>

Категория: Ajax для uCoz | Просмотров: 533 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Тёмный переключатель страниц

Вставляем в самый низ css

Код:

Категория: Переключатели | Просмотров: 438 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Красивый, темный переключатель страниц

Красивый, темный переключатель страниц
Красивый, темный в сочетании с зеленым цветом переключатель страниц,очень подойдет для тёмно-зеленых дизайнов.Стильный и удобный переключатель страниц для вашего сайта 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);}

Категория: Переключатели | Просмотров: 426 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Новый вид Каталога сайтов для Ucoz

Для установки этого вида каталога сайта , выполните всего 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>

Категория: Вид материалов | Просмотров: 569 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Новый Вид Менюшки

Красивое горизонтальное меню, светлое. При наведении на ссылки, подменю загорается голубым цветом, всё видно на скрине, что ниже.
Вставляем код после и до на тех страницах, где хотим видеть меню:

Код

<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"]

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>

<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>

<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>

<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>

</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>

</div>

Категория: Меню | Просмотров: 445 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов для музикальих сайтов для Ucoz

Плюсы скрипта:
+ Не занимает много места
+ Есть плеер
+ Отдельная кнопка проиграть трек
+ Отдельная кнопка остановить трек
+ И просто хороший дизайн =)

Минусы:
- При включение трека идет пару секунд на загрузку прлеера и загрузку подробострей о треке!

Установка:
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;}

Категория: Вид материалов | Просмотров: 784 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов новостей в желто-зеленых тонах для ucoz

Вид материалов для ucoz в зелено-желтых цветах подойдет для сайта с новостной тематикой) :

Код:

<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">

</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>

Категория: Вид материалов | Просмотров: 465 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Темно синий вид материалов файлов uCoz

Оригинальный и красивый материалов файлов 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>

Категория: Вид материалов | Просмотров: 923 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Классное меню от gegelga!

Данное меню делалось специально для детского онлайн кинотеатра, но я его выкладываю в паблик. При нажатие на категории, меню уходит и появляются категории, а если нажать на меню,то категории уйдут и меню вернётся.

Код вставляем в новый блок.

Код

<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%;">

<div id="isInMo" <div class="MnotActive">

$SMENU_1$
</div> </div>

<div style="display:none" id="noInMo"> <div class="MnotActive">

$CATEGORIES$

<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 | Комментарии (0)

Переключатель страниц DLE to Ucoz

В 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 */

Категория: Переключатели | Просмотров: 520 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Переключатель страниц для ucoz

Классный переключатель страниц для 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;} /* ---------------- */

Категория: Переключатели | Просмотров: 501 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Скрипт Белый переключатель страниц для uCoz

Вставляем в 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;}

Категория: Переключатели | Просмотров: 472 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

css переключатель страниц для uCoz

новый,красивый переключатель страниц.Подойдет для светлых тонов

Закидываем в 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 */

Категория: Переключатели | Просмотров: 584 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов (для темных дизайнов) для Ucoz

Вид материалов каталога файлов для темного дизайна.
Установка:
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. При добавление какого либо материала в каталог файлов не забывайте добавлять картинку

Категория: Вид материалов | Просмотров: 454 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид новостей для светлых дизайнов для uCoz

А теперь давайте перейдем к установке нашего вида новостей для 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>

Категория: Вид материалов | Просмотров: 442 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Выезжающее меню с помощью jQuery

Новое горизонтальное меню для uCoz. Хорошо подойдет под светлые тона.
Вставляем данный код в верхнюю часть сайта.
Заменяем ссылки и названия ссылок на свои и радуемся новому меню

Код

<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>

Категория: Меню | Просмотров: 375 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов By Wo0lF для Ucoz

Установка
1. Скачать Архив он в WinRar распокуите его и там папка images её кидаете в корень сайта .
2. Код копируем и вставляем в ПУ->Управление дизайном->Каталог файлов->Вид материалов.

Код:

Скачать архив

Категория: Вид материалов | Просмотров: 477 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Оповещение о новых личных сообщениях как вконтакте для uCoz

Скрипт таких же оповещений как ВКонтакте, только лучше) так как мы може выбрать нужный нам цвет,под свой дизайн сайта. Далее вы найдете коды пяти форм оповещения разных цветов.

В глобальный блок "Нижняя часть сайта" в самый низ вставляем следующее:

Далее выбираем понравившийся стиль и вставляем код в самый низ вашего 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 ... Читать дальше »

Категория: Ajax для uCoz | Просмотров: 484 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Великолепный вид материалов файлов и модулей

Великолепный темный вид материалов каталога файлов,Новостей и статей, выполнен на высоком уровне, великолепно конечно будит смотреться на темных сайтах, главное рабочий вид, ошибок не замечал, устанавливайте и радуйтесь.
Приступаем к установке:
Заходим в П.У - дизайн сайта, находим к примеру каталог файлов потом вид материалов, заходим в материалы и убираем старый код и вставляем наш новый код, и на этом все когда все сохраним.

Код

<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>

<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>

Категория: Вид материалов | Просмотров: 420 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Скрипт Анимированное меню для ucoz

Скрипт Анимированное меню для uCoz - Это новейшее горизонтальное меню для сайтов системы укоз. Не сложная в установке. Сайт оживит сразу же после установки. При наведение на любую ссылку она сначала загорается красным прямоугольником, после чего этот текст ссылки становится серым цветом, после чего восстанавливается в обычный стандартный белый цвет. Это горизонтальное меню также подойдет к любым сайтам! За не сложных три шага можно с легкостью разукрасить свой сайт!
Установка:

В верхнюю часть сайта или туда где хотим видеть меню вставляем:

Код

#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 | Комментарии (0)

ВИД каталога файлов для Ucoz

просто вставить в Вид материалов, каталога файлов и все.

Код:

<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: ... Читать дальше »

Категория: Вид материалов | Просмотров: 430 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Красивый эффект увеличительного стекла для сайта

Данный плагин позволяет создавать эффект увеличительного стекла. Смотрится очень здорово.

Установка:

После "/head" на нужных страницах вставляйте:

Следующий код в то место, где будет картинка с эффектом:

Следующий код вставляйте в самый низ страницы после тега "/body":

Всё, осталось лишь залить скрипт из прикреплённого архива в папку ".js" и стиль в папку "css" - Скачать .
Картинки, расположенные в архиве, прикреплены на тот случай, если ссылки на них станут битыми.

Категория: Скрипты | Просмотров: 598 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (1)

Всплывающее окно ajax - Оповещение о ЛС - Новое персональное

вставить между и (страница сайта)
работает с небольшой задержкой

<?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?>

Категория: Ajax для uCoz | Просмотров: 425 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов для форума для Ucoz

Вид материалов для форума.
Установка
Управление дизайном » Форум - Вид материалов

Код:

<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>

<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>

Категория: Вид материалов | Просмотров: 447 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Светлый переключатель страниц для ucoz

Кидаем в 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;}

/* Page Selector Style / End */

Категория: Переключатели | Просмотров: 440 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов с плеером для музыкального сайта для Ucoz

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

Код:

<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>

Категория: Вид материалов | Просмотров: 546 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Рип горизонтального меню с сайта messi

Рип горизонтального меню красного цвета, с подменю. Недостающие ссылки можно добавить, а ненужные - убрать.
Вставляем код после и до на тех страницах, где хотим видеть меню:

Код

<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"> </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="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 | Комментарии (0)

Синий переключатель страниц для ucoz

Синий переключатель страниц для 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;}
/* ----------------------- */

Категория: Переключатели | Просмотров: 642 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов для форума - компактный

Решил сделать Вид материалов форума, думаю кому то понравится и поставит себе на сайт. Подойдет под любой дизайн сайта. Выглядит компактно и красиво. Установка не требует ни каких усилий.
Установка:
В 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">
<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>
<?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 ... Читать дальше »

Категория: Вид материалов | Просмотров: 452 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Меню (Цветовая гамма)

Очень красивое вертикальное меню для темного сайта. Заменяйте ссылки на свои. Добавляйте / убирайте если нужно и пользуйтесь на здоровье.
Вставляем код после и до на тех страницах, где хотим видеть меню:

Код

form {
padding:0px;
margin:0px;
}

input{
vertical-align:middle;
font-size:7pt;
font-family:verdana,arial,helvetica;
color:#D8D8D8;
background:#254C6F;
}

</style>

<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 | Комментарии (0)

Переключатель страниц

Данный код вставляем через 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;}
/* --------- */

Категория: Переключатели | Просмотров: 460 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Скрипт Вертикальное меню для uCoz

Хорошо пойдет под любой сайт и под любой шаблон светлого сайта.

В конец 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 | Комментарии (0)

Kрасивое увеличение картинки при нажатии

Как сделать красивое увеличение картинки при нажатии? Легко и просто...

Можно установить практически в любом модуле. Мы разберем, для примера, модуль новостей. И так:

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" пишем:

P.S. В управление "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"

Залить В Файловий Менеджер СКАЧАТЬ СОДЕРЖИМОЕ

Категория: Скрипты | Просмотров: 460 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Скрипт переключатели страниц

Заходим в Управление дизайном и там в Таблица стилей (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;}

Категория: Переключатели | Просмотров: 434 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Переключатель страниц (новый)

Этот код заменяет стандартные переключатели страниц на более солидные

Для того чтобы их применить у себя на сайте нужно:
зайти в админку -> управление дизайном -> таблицы стилей(css) и вставить этот код в конец

Код:

/* Page Selector Style / End */

Категория: Переключатели | Просмотров: 522 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Чёрное выпадающее меню для uCoz

Чёрное выпадающее меню для uCoz. Смотрится очень красиво.
Стиль меню можно изменить по своему вкусу..

Код вставляем в новый блок.

Код

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 | Комментарии (0)

Оранжевый переключатель страниц

Оранжевый переключатель страниц с закругленными краями.
Заходим В ПУ-->Управление дизайном-->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;}
/* ----------------------- */

Категория: Переключатели | Просмотров: 438 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Красивое выдвигающиеся меню NEW

Настраиваем под себя! картинки и названия меню.

Есть два способа установить данное выдвигающееся меню:
1. Заходим в ПУ, Управление дизайном, Глобальные блоки, Создаем новый глобальный блок и называем его например MENU, вставляем в него данный код и сохраняем. Затем вставляем код глобального блока ( в данном случае : $GLOBAL_MENU$ ) на тех страницах где хотим видеть данное меню между ...
2. Второй способ, для ленивых. Просто берем данный код и вставляем между ..., на тех страницах, где будет наше меню.

Код

$('#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 | Комментарии (0)

CSS Page Selector uCoz

Новый переключатель страниц для 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;}

Категория: Переключатели | Просмотров: 605 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материала в синих тонах

Красивый вид материала в синих тонах для онлайн кинотеатра и не только.

Скачиваем архив скрипта, в корне сайта создаем папочку [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. Скрипт написан мною для вида материалов онлайн кинотеатра, для того что бы его изменить под обычный дизайн прочтите текстовый документ в папочке
Скачать архив : Скачать

Категория: Вид материалов | Просмотров: 479 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов с увеличением картинки для 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 на свою.

Категория: Вид материалов | Просмотров: 636 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Рип вертикального меню arsenal

Вертикальное меню для футбольного сайта, рипнут с сайта фанатов Арсенала.
Вставляем код после и до на тех страницах, где хотим видеть меню:

Код

<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>

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

Категория: Меню | Просмотров: 595 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Переключатель PageScroller для uCoz

Отличная юзабельность. Не использует НИ ОДНОЙ КАРТИНКИ. Одинаково работает и выглядит в браузерах IE5.5, IE6, IE7, IE8, Mozilla FF, Safari, Google Chrome, Opera 9. Адаптирован под использование в uCoz.

Этот код размещаем сразу под условным кодом $BODY$

Код:

Вот собственно и всё. Второй параметр отвечает за количество отображенных страниц в ряд. CSS можно изменять, как угодно.
Добавлена возможность пользоваться колесиком мыши. Исправлено много багов. Код сжат и оптимизирован.

Категория: Переключатели | Просмотров: 431 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов каталога файлов/новостей для ucoz

Установка:

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>

2. Качаете этот архив:Скачать

3. Создаете папку в Файловом менеджере под названием: images и заливаете все из архива в эту папку.

4. Выводите вид материала оператором информера туда, где будут выводится файлы/новости.

Категория: Вид материалов | Просмотров: 478 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов MineCraft для uCoz

Первым делом я хотел поставить увеличение картинки, но не так как хотел получилось и я увеличил просто картинку на виде материалов и ее стало хорошо видеть. Далее рейтинг на нем не рабочий сколько скачивал везде такая же ситуация. И пришлось поставить свой и перекрасить под дизайн вида материалов. Теперь при нажатие на рейтинг он будит темнеть пока не станет темно зеленым.
Так как я увеличил картинку, когда поставите скрипт, вам нужно зайти в админ панель потом новости или файлы куда вы поставили. И выставить в Настройки модуля - Максимальная длина краткого описания: на 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>

Категория: Вид материалов | Просмотров: 582 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Бирюзовый переключатель страниц

В 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 */

Категория: Переключатели | Просмотров: 434 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Выдвижное меню

Выдвижное вертикальное меню для 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 | Комментарии (0)

Скрипт Красивое темное меню для uCoz

Данный скрипт вертикального меню подойдет тем у кого не много ссылок, для остальных думаю будет лучше найти выдвижное меню для сайта.

В новый блок вставляем:
Код

/*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 | Комментарии (0)

Светлый переключатель страниц для ucoz

Для светлых дизайнов

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

Категория: Переключатели | Просмотров: 401 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

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

Потрясающий "Вид комментарий" для системы uCoz. Отличный выбор для сайтов, у которых установлен светлый дизайн. Установка на удивление проста!
Проходим в: Панель управления » Управление дизайном » Вид комментариев.

Код:

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

Категория: Вид материалов | Просмотров: 514 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Приятный светлый вид материалов

Заходим в вид материалов и заменяем всё на:

Код:

<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>

Категория: Вид материалов | Просмотров: 448 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

зелёный переключатель страниц для uCoz

Красивый зелёный переключатель для светлых дизайнов.

Это в 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;}

Категория: Переключатели | Просмотров: 405 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Ajax окна для uСoz

Новые 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;}
/* ------------------------------------------*/

Категория: Ajax для uCoz | Просмотров: 531 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Светлый переключатель страниц для ucoz

Новый,стильный,красивый переключатель для ваших сайтов 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;
}

Категория: Переключатели | Просмотров: 463 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Скрипт Раздвижное меню для uCoz

Крутое раздвижное меню! Скрипт не мой!
Кому понравилось + в репу, можно и награду!
Установка:
Скачайте архив, распакуйте и залейте папку «menu» в корень сайта.
В head ставим (на страницах где будет меню, например: страницы сайта, главная страница сайта, форум и тд):

Код

В 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 | Комментарии (0)

Серые переключатели страниц для Ucoz

Установка:
В 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;}

Категория: Переключатели | Просмотров: 421 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Красивый синий вид материалов для каталога файлов uCoz

Выполнен в синем и светлом дизайне это скрипт.Так же он красивый синий вид материалов для сайта ucoz, вид материала файлов создан органично для светлых дизайн сайтов на них он смотреться будит шикарно, да и сам вид красивый , можно скриативить, и попробовать поставить на другой дизайн сайта.
Приступаем к установке:
П.У - далее находим Каталог файлов - вид материалов и меняем в нем все на наш код

Код

</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>

Категория: Вид материалов | Просмотров: 1061 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Вид материалов новостей как на umania розовый для uCoz

Красивый и простой вид материалов для 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>

Категория: Вид материалов | Просмотров: 583 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Зеленый Вид материалов с увеличением

Вид новостей с увеличением картинки для uCoz Зеленный Вид материалов с увеличением
Для просмотра скриншота в полном размере нажмите на него!
Вид новостей :

Код:

<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>

Категория: Вид материалов | Просмотров: 466 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Очень красивый вид материалов для uCoz

Отличный вид материалов для 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>

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

Категория: Вид материалов | Просмотров: 469 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Рипнутое меню!

Горизонтальное меню для сайта. Цвет меню - металлик. Имеются выдвижные окна. Дизайн очень аккуратный. Возможно редактировать и настраивать под свой дизайн. Все вопросы в комментариях.

Сам код меню Думаю что ещё никто такого не выкладывал!
Вставляем код после и до на тех страницах, где хотим видеть меню:

Код

<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 | Комментарии (0)

Переключатель страниц форума (черно-синий)

Переключать страниц форума (черно-синий)

ПУ--Управление дизайном--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}

Категория: Переключатели | Просмотров: 515 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Рип вертикального меню barcelona fc

Вертикальное меню для футбольного сайта и фанатов клуба 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 | Комментарии (0)