Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Помогите с выводом новости в отдельном шаблоне

Помогите с выводом новости в отдельном шаблоне


     23.12.2013    верстка, шаблоны, помощь    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    3221

вопрос
Добрый день, вечер дорогие вебмастера и кто понимает чуть-чуть как я, нужна ваша помощь. Столкнулся с такой ситуацией,
создал отдельный шаблон news_2013 с содержимым

<div id="dle-content"><div class="sh0">
  <div class="sh1">
    <div class="sh2">
      <h4 class="sh3">Новинки 2013 года онлайн</h4>
     </div>
  </div>
  <div class="sh14">
    <style>
.sta1 { background: url(http://bobfilm.net/uploads/posts/2013-01/1359228713_font2013.jpg) no-repeat center top;    
    display: block;
    height: 190px;
    margin-top: -10px;
    padding-top: 140px;
    width: 549px; }
.statt { float: left; margin: 5px 10px; }
.stat12 { background: url(/templates/kinobig/images/style/sta1.gif) repeat-x; width: 113px; height: 37px; display: block; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF !important; font: 10px/10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; line-height: 10px; padding-top: 4px; margin-bottom: 2px; text-decoration:none; }
.stat12:hover { color: #e0ffc6 !important; text-decoration:underline; }
.stat22 { background: url(/templates/kinobig/images/style/sta2.gif) repeat-x; width: 113px; height: 155px; display: block; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 0 0 2px; }
.stat33 { border: 2px solid #6fb8cb; width: 107px; height: 150px; display: block; overflow: hidden; }
.stat33 img { width: 107px; min-height: 150px; opacity:1; }
.stat33 img:hover { width: 107px; min-height: 150px; opacity:0.9; }

</style>


<div class="sta1">

<div class="statt">
<a class="stat12" href="{full-link}">Смотреть {title}</a>
<div class="stat22">
<div class="stat33">
<a href="{full-link}">
<img src="[xfgiven_poster][xfvalue_poster][/xfgiven_poster][xfnotgiven_poster] {THEME}/dleimages/no_image.jpg[/xfnotgiven_poster]" alt="{title}">
</a>
</div>
</div>
</div>


</div>

<hr width="100%" size="1" align="CENTER" color="#000000" noshade="">

Тут описание раздела

  </div>
</div>


</div>


Создал категорию, указал шаблон короткой новости news_2013.tpl

Все нормально, новости выводятся но не правильно. сейчас вот как

http://awesomescreenshot.com/00824ok478

А надо что бы было вот так новости построены в ряд

http://awesomescreenshot.com/06524orc71

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

Ответа пока нет


2 комментария

psarovskiy
Юзер

psarovskiy - 24 декабря 2013 00:22 -

Извините, если не правильно понял ваш код (очень не грамотно сделан)
В шаблоне вывода новости news_2013.tpl должен быть код


<div class="statt">
    <a class="stat12" href="{full-link}">Смотреть {title}</a>
    <div class="stat22">
        <div class="stat33">
            <a href="{full-link}">
                <img src="[xfgiven_poster][xfvalue_poster][/xfgiven_poster][xfnotgiven_poster]{THEME}/dleimages/no_image.jpg[/xfnotgiven_poster]" alt="{title}">
            </a>
        </div>
    </div>
</div>

все остальное должно выводиться в основном шаблоне. Я бы посоветовал вам модуль CatFace http://alaev.info/blog/post/2086 вывести блоки с новостями, а также название и описание категории было бы во много раз легче)

shevke
Юзер

shevke - 24 декабря 2013 00:50 -

psarovskiy, Спасибо тебе великий человек вроде все получилось, только стили вставил в styles.css он его не видит оставил там где и был потом разберусь и надо доработать код без заголовка страницы не смотрится но новости сдвинулись как надо по горизонтали а модуль CatFace буду пробовать тоже действительно хороший и удобный.
Спасибо еще раз

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх