И так дорогие друзья! После того как я вам сегодня выложил Шаблон playgig.ru для сайтов uCoz хочу порадовать вас ещё и отдельным видом материалов с этого шаблона.
Каждый бывает по той или иной причине не хочет себе шаблон ставить так как у него уже есть но хочет красивый и отличный вид материалов. так вот для тех кто не хочет ставить себе этот шаблон playgig.ru для сайтов uCoz то он может взять отдельно этот вид материалов.
Хочу заметить то что отдельно этого вида материалов ещё нет не где так как я его выдернул с этого шаблона специально для наших гостей и пользователей сайта, так что радуйтесь и вперёд к установки!
Для того что бы этот дизайн вида материалов стоял у вас на сайте вам нужно прочитать ниже изложенную инструкцию внимательно иначе потом не говорите что он глючный так как перед тем как выложить его для вас я проверял его на трёх разных дизайнах и у меня всё отлично работало.
И так в первую очередь вам нужно скачать архив с нашего сайта и загрузить всё из папки В Файловый Менеджер в В Файловый Менеджер вашего сайта.
Затем откройте стили вашего сайта и в самый верх установите ниже приведённый код
Код @import url('/css/css_reset.css') all;
После этого не уходите со стилей а допишите ниже указанные стили в самый низ стилей вашего сайта.
Код .view {background:#E7E3DD url('/temp/edge.png')100% 0 no-repeat;width:680px;border-radius:3px;box-shadow:0 0 2px #36383C;position:relative;font-size:10pt;line-height:1.2em;margin:0 0 10px;padding:5px} .inline{display:inline;height:40px} .viewbut a span,.easybut span,.linkbut a span{font-family:'WebSymbolsRegular', cursive;font-size:8pt;margin-right:5px;color:#36383C} .viewbut a span{margin-right:0} .viewbut a,.easybut,.linkbut a{font-size:8pt;background:#dfdfdf url('/temp/cms/category-23px-light.png') repeat-x top;border:1px solid #ccc;text-shadow:0 1px 0 #fff;color:#36383C;text-decoration:none;min-width:20px;border-radius:2px;float:right;text-align:center;margin:1px 1px 4px;padding:4px 8px} .viewBody{background:#FAF9FA;border-radius:3px;border:1px solid #ccc;height:150px;overflow:hidden;font-size:10pt;line-height:1.2em} .viewMessage{float:right;width:418px;padding:2px 4px} .viewMessage img{max-width:40px;max-height:40px} .hidder{position:absolute;bottom:6px;right:7px;width:423px;height:14px;display:block;max-width:423px !important;border-radius:0 0 3px 3px} #poster{float:left;display:block;background:#DEDEDE url('/temp/preloader.gif') 50% no-repeat;text-align:center;width:240px;height:140px;margin:0 auto;padding:5px} .agame{position:absolute;bottom:4px;left:5px} .agame a{color:#36383C;background:#dfdfdf url('/temp/cms/category-23px-light.png') repeat-x top;border:1px solid #ccc;text-shadow:0 1px 0 #fff;font-size:8pt;border-left:none;border-bottom:none;text-decoration:none;min-width:20px;border-radius:0 2px 0 0;float:right;text-align:center;margin:1px 1px 2px;padding:4px 8px 3px} .agame a span{background:transparent url('/temp/game.png') no-repeat;width:16px;height:16px;display:inline-block;float:left;margin:0 4px 0 -2px} .agame a:hover{background:#36383C;border:1px solid #1B1B1C;color:#eee;text-shadow:0 1px 0 #000;border-left:none;border-bottom:none} .view h1 a:link{background:transparent url(/tmp/titleH1.png) no-repeat 0 1px;border:none;text-shadow:0 1px 0 #EEE;color:#36383C;text-decoration:none;min-width:275px;border-radius:2px;text-align:left;float:left;font-weight:700;font-size:10pt;text-transform:uppercase;margin:2px auto 0 -5px;padding:4px 8px 4px 15px} .view h1 a:hover,.fullview h1 a:hover{background:transparent url(/tmp/titleH1.png) no-repeat 0 -22px;color:#36383C;text-decoration:none;border:none;text-shadow:0 1px 0 #fff} a:visited.more,a:link.more{display:none;font-weight:700;position:absolute;bottom:0;right:0;background:#dfdfdf url('/temp/cms/category-23px-light.png') repeat-x top;border:1px solid #CCC;color:#444;border-radius:2px 0 0;padding:8px 20px}
И напоследок перейдите в вид материалов на вашем сайте нужного вам модуля и всё что там есть удалите а ниже указанный код установите.
Код <div class="view"> <h1><a href="$ENTRY_URL$" class="entryLink" style=" width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ">$TITLE$</a></h1> <div class="inline"> <div class="easybut"><span>u</span><b><script type="text/javascript">document.write(Math.round(16.2)-12)</script>4</b></div> <div class="linkbut"><a href="$SECTION_URL$"><span>c</span><b>$COMMENTS_NUM$</b></a></div> <div class="easybut"><span>P</span><b>$DATE$</b></div> <div class="linkbut"><a href="$CATEGORY_URL$"><span>³</span><b>$CATEGORY_NAME$</b></a></div> </div> <br class="clr"> <div class="viewBody"> <a href="$ENTRY_URL$"><img src="$IMG_URL1$" id="poster" alt="$TITLE$"></a> <div class="viewMessage"> $MESSAGE$ $MODER_PANEL$ <img src="/temp/hidder.png" class="hidder"> </div> <div class="agame"><a href="/search/?q=$CATEGORY_NAME$" original-title="Найти еще файлы из категории $CATEGORY_NAME$"><span></span>$CATEGORY_NAME$</a></div> <a href="$ENTRY_URL$" id="moreB$ID$" class="more">Подробнее</a> </div> </div><script type="text/javascript">$('#entryID$ID$').hover(function(){$('#moreB$ID$').slideDown(300);},function(){$('#moreB$ID$').slideUp(300);});</script>
Вот и всё вид материалов playgig для uCoz у вас установлен, будут вопросы я вас выслушаю!
|