Игровой вид материалов 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 ---------------------*/ Вот и всё! Мы установили вид материалов и я вам желаю удачи, а у меня на этом всё ! | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 8 | |
|
| |
| 1 2 » | |
