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

Вид новостей (картинка влево,текст вправо)

     10.11.2011    краткая новость, верстка    Все вопросы » Общие вопросы по вёрстке    8544

вопрос
Здравствуйте. Волнует такой вопрос, как мне в короткой новости картинку перетащить влево а текс правее, примерно вот так:
Вид новостей (картинка влево,текст вправо)

Ответил: ПафНутиЙ

Это делается очень просто:
1. Добавляем картинку через дополнительное поле.
2. Пишем в shortstory.tpl примерно так:
<div class="news">
<div class="news_image">[код дополнительного поля - картинки]</div>
<div class="news_body">{short-story}</div>
</div>

3. В CSS:
.news_image {
flat: left;
width: 100px;
}
 .news_body {
margin-left: 110px;
}


UPD by Sander
<div class="news_body">{short-story}</div>

.news_body img:first-child{float:left;margin:10px;}

Картинка вставляется в короткой новости, просто в начале.
А вообще лучше сразу оформлять новость соответсвенно.

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

sepsis
Юзер

sepsis - 10 ноября 2011 21:40 -

После создания дополнительного поля весь сайт искривляется в разделе добавления новостей, если удалить {xfields} то все нормально,но и полей нет, что делать ?
Basil_CHe
Юзер

Basil_CHe - 10 ноября 2011 21:49 -

3. В CSS:
.news_image {
float: left;
newsdow
Юзер

newsdow - 12 ноября 2011 02:01 -

А можно решить эту проблему без дополнительных полей? Сделать отступ откартинки.
newsdow
Юзер

newsdow - 12 ноября 2011 10:53 -

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

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

 25.08.2011 Гость  Общие вопросы по вёрстке
 24.01.2013 stfoot  Общие вопросы по вёрстке
 28.03.2014 narkom6n  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 17.04.2014 enterlive  Общие вопросы по вёрстке, Общие вопросы по PHP, Хаки
 16.06.2014 narkom6n  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 01.08.2014 disazakon  Общие вопросы по вёрстке
 25.08.2014 skinny  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 05.09.2014 cowsdby  Общие вопросы по вёрстке
 16.01.2015 MRGFF  Общие вопросы по вёрстке, Шаблоны (TPL)
 04.04.2015 vesel  Общие вопросы, Общие вопросы по вёрстке, Модули
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Вчера, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    Вчера, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Вчера, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Вчера, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Вчера, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
наверх