вСкрипты для Юкоз

Игровой вид материалов dezak для uCoz

Доброе время суток дорогие друзья!

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

Данный вид материалов я думаю отлично подойдёт для игрового сайта, который вы успешно можете создать в системе uCoz. Так же конечно могу отметить что он адаптивный (то есть в ширину легко встанет на любой дизайн с любой шириной) и поэтому с ним будет легче вам работать.

После установки этого вида материалов он у вас будет выводить название материала + встроена кнопка редактирования, так же можно будет сразу узнать кто и когда добавил тот или иной материал на сайт и в добавок вы сможете узнавать сколько просмотрело посетителей ваш материал.

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

Установка вида материалов

И так как я и обещал я вам расскажу и покажу как установить данный скрипт!

В первую очередь вам нужно скачать архив файла и распаковать, затем загрузите папку images в корень вашего сайта а точнее сказать в Файловый менеджер сайта.

После того как вы загрузили папку на ваш сайт вам следует вставить код самого вида материалов в нужный модуль вашего сайта.

HTML Код

Код
<div class=»dimon-tv_ru»>
<div class=»dimon-tv_ru_nazvanie»><a href=»$ENTRY_URL$»>$TITLE$</a><?if($MODER_PANEL$)?><div style=»float:right;margin-top: -4px;»>$MODER_PANEL$</div><?endif?></div>
<div class=»dimon-tv_ru_info»>
<img src=»/images/aut.gif» title=»Автор» alt=»Автор» /> <lii><a href=»$PROFILE_URL$»>$USERNAME$</a></lii>
<img src=»/images/date.gif» title=»Дата» alt=»Дата» /> <lii>$DATE$</lii>
<img src=»/images/view.gif» title=»Просмотров» alt=»Просмотров» /> <lii>$READS$</lii>
<?if($RATING$)?><div style=»float: right; background: #2d2d2d; padding: 2px; border: 1px solid #3a3939; border-radius: 3px; margin-top: -4px; margin-right: -5px;»><?$RSTARS$(’17’,’/images/rating.png’,’0′,’float’)?></div><?endif?>
</div>
<div class=»dimon-tv_ru_2″>
<img src=»$IMG_URL1$» title=»$TITLE$» alt=»$TITLE$» />
<div class=»dimon-tv_ru_text»>
$MESSAGE$
</div>
</div>
</div>
<br>

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

CSS Стили

Код

/*——————— Вид материалов от Димона и DIMON-TV.RU ———————*/
.dimon-tv_ru
background: #161616;
border-radius: 3px;
padding: 6px;

.dimon-tv_ru_2
background: #fff;
border-radius: 3px;
padding: 6px;
margin-top: 3px;

.dimon-tv_ru_nazvanie
padding: 6px;
border-radius: 3px;
background-image: linear-gradient(to top, #795b08, #ccb311);
border: 1px solid #5c4a03;

.dimon-tv_ru_nazvanie a
color: #fff;
font-size: 16px;
font-family: «undefined»!important;
text-decoration: none;

.dimon-tv_ru_nazvanie a:hover
color: #E4DFDF;
font-size: 16px;
font-family: «undefined»!important;
text-decoration: none;

.dimon-tv_ru_info
background: #212121;
border: 1px solid #3a3939;
border-radius: 3px;
padding: 6px;
margin-top: 3px;

.dimon-tv_ru_info img
margin-bottom: -4px;

.dimon-tv_ru_info a
color: #fff;

.dimon-tv_ru_info lii
margin-left: 2px;
padding-right: 5px;

.dimon-tv_ru_2 img
width: 205px;
height: 205px;
border-radius: 3px;
border: 3px solid #ccc;

.dimon-tv_ru_text
float: right;
width: 460px;
max-height: 199px;
overflow: hidden;
background: #ccc;
padding: 6px;
border-radius: 3px;
font-size: 15px;
font-family: «undefined»!important;

/*———————Конец вида материалов от Димона и DIMON-TV.RU ———————*/

Вот и всё!
Мы установили вид материалов и я вам желаю удачи, а у меня на этом всё !

источник: zornet.ru

Похожие посты