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

Как вывести блок "Скоро на сайте" ?


     15.08.2017    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    1227

вопрос
Здравствуйте. Нужна помощь в выводе блока "Скоро на сайте".

В данный момент добился только этого:
https://image.prntscr.com/image/t6u6vn9gTASEkR7muSdZ0Q.jpeg


Код в main.tpl:
<div style="padding: 7px 20px;position: relative;border-bottom: 1px solid #3f413f;"><i style="font-size:15px;">Скоро на сайте</i></div><!--div-->
<div class="mimiserblock">
    <ul>
 {custom" category="67" template="custom-slider" aviable="global" from="0" limit="2" cache="yes"} 
    </ul>
</div>


Код шаблона.tpl (где img_skoro это доп поле):
<li class="li_block">
    <div class="li_block_title"><a href="{full-link}"><img src="[xfvalue_img_skoro]" align="left">{title}</a></div>
    <div class="blockstory">{short-story limit="100"} ...</div>
</li>


...помогите сделать, чтобы постеры выводились меньшего размера и в один ряд горизонтально (на против друг друга).

Не могу разобраться как задать размеры картинкам и выровнять их. Что прописывать в стилях?

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


25 комментариев

apostol
Юзер

apostol - 15 августа 2017 22:57 -

..что должно получится:


Также хотелось бы чтобы новости выводились рандомно из категории

maks
Юзер

maks - 16 августа 2017 09:54 -

.li_block img { width:150px;float: left}

apostol
Юзер

apostol - 16 августа 2017 13:28 -

Я так понял это в стили нужно вписать? Сделал ничего не изменилось.

maks
Юзер

maks - 16 августа 2017 13:31 -

Сложно, не видя сайта.

apostol
Юзер

apostol - 16 августа 2017 13:44 -

а зачем вам сайт.. я могу скинуть код или сам файл в котором нужно править..?

maks
Юзер

maks - 16 августа 2017 13:46 -

Ну тогда скиньте его туда, где бы он работал. Например сюда https://codepen.io

apostol
Юзер

apostol - 16 августа 2017 14:05 -

никогда не работал с такими сайтами.. не пойму что там куда добавлять и что нужно увидеть!..

maks
Юзер

maks - 16 августа 2017 14:13 -

Я не понимаю, почему так сложно дать ссылку на сайт. Без сайта сложно правильно ответить на вопрос. Гадать никто не будет. Дел на 2 минуты, посмотреть сайт и написать ответ.
PS Правьте CSS

maks
Юзер

maks - 16 августа 2017 14:40 -


.li_block {
    float: left;
    padding: 3%;
    width: 44%;
}
.li_block_title img {
    width: 100%;
}

apostol
Юзер

apostol - 16 августа 2017 14:44 -

не помогает.. изменений не происходят совсем.. никаких.

maks
Юзер

maks - 16 августа 2017 14:46 -

Вставить в /templates/serialis/style/styles.css в конец

apostol
Юзер

apostol - 16 августа 2017 14:51 -


maks
Юзер

maks - 16 августа 2017 14:59 -

Сохранил хоть? кэш в админке почисти

apostol
Юзер

apostol - 16 августа 2017 15:11 -

все дружище.. я совсем забыл про кеш в клоудфлар.. почистил и все выравнялось.. можешь подсказать как сделать чтобы в этом блоке новости рандомно выводились..разные при обновлении страницы?

maks
Юзер

maks - 16 августа 2017 15:14 -

order:"rand" http://dle-doc.ru/#custom
А вообще взял бы код из shortstory и немного переделал, чтоб одинаково было.

apostol
Юзер

apostol - 16 августа 2017 15:00 -

сохранил..почистил.. тут видимо что то другое.. раз не видит изменений
..изменения в стилях по какой то причине не применяются.. может что то не подключено в других файлах?

maks
Юзер

maks - 16 августа 2017 15:11 -

Всё поменялось. Вот это еще поменяй, а то не кофильмо

.momomo {
    height: 230px;
    position: absolute;
    width: 155px;
}

apostol
Юзер

apostol - 16 августа 2017 15:19 -

это что изменить должно.. я поменял код..почистил кеш.. но изменений не вижу

maks
Юзер

maks - 16 августа 2017 15:21 -

Высота картинки в shortstory, она была не до низу

apostol
Юзер

apostol - 16 августа 2017 15:28 -

оо.. спасибо за это отдельно!.. а вот с shortstory ..переделать.. можешь помочь.. если время есть на это?

maks
Юзер

maks - 16 августа 2017 15:55 -

Из краткой новости скопируй и вставь код в custom-slider.

Удали <ul> и </ul> здесь
    <ul>
 {custom" category="67" template="custom-slider" aviable="global" from="0" limit="2" cache="yes"} 
    </ul>


И вниз CSS вставь

.mimiserblock .roliki {
    height: 148px;
    margin: 10px 5px 10px 0;
    width: 103px;
}
.mimiserblock .roliki img {
    height: 148px;
    width: 103px;
}
.mimiserblock .jikklaa {
    left: 17px;
    top: 25px;
}
.mimiserblock .lokkiaz i {
    padding: 112px 4px 4px;
    width: 95px;
}

maks
Юзер

maks - 16 августа 2017 16:15 -

В custom поставь хоть limit:"4" что ли.
изменения после твоих правок

.mimiserblock .roliki {
    height: 132px;
    margin: 5px 5px 0;
    width: 92px;
}
.mimiserblock .roliki img {
    height: 132px;
    width: 92px;
}
.mimiserblock .jikklaa {
    left: 12px;
    top: 18px;
}
.mimiserblock .lokkiaz i {
    font-size: 11px;
    padding: 79px 2px 2px;
    width: 88px;
}

apostol
Юзер

apostol - 16 августа 2017 17:22 -

Сделал все как написал.. все работает.. огромнейшее спасибо тебе!

maks
Юзер

maks - 16 августа 2017 17:28 -

Это поменяй

.mimiserblock .jikklaa {
    left: 15px;
    top: 30px;
    z-index: 9;
}

apostol
Юзер

apostol - 16 августа 2017 17:46 -


поменял.. сбоку появились светлые полоски ..и не по центру картинки стали

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

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

наверх