Перейти к публикации

Отступы по краям изображения в новости, как сделать?


Рекомендованные сообщения

Имеется информация, что эта веб-страница атакует компьютеры!

Веб-страницы, атакующие компьютеры, пытаются установить программное обеспечение, которое похищает персональную информацию, вредит вашей системе или использует ваш компьютер для атак на другие компьютеры.

Некоторые страницы намеренно созданы для распространения вредоносного программного обеспечения, однако многие страницы были взломаны и делают это без ведома или разрешения своих владельцев.

Ссылка на сообщение
Поделиться на других сайтах

Смотрите название стиля к новостям (например в fullstory) и правьте css как вам надо, в дефолтном шаблоне так:

fullstory.tpl:

<td align="left" valign="top" class="news">{full-story}...

style.css:

.news img {

padding-right: 10px;

padding-bottom: 10px;

padding-top: 10px;

border: none;

Отсюда и пляшите, если нужно слева - добавьте padding-left: 10px;

Ссылка на сообщение
Поделиться на других сайтах

Спасибо большое, а не подскажите еще как сделать отступ текста от рамки вокруг новости? Да впрочем от всего.

Изменено пользователем wolf17
Ссылка на сообщение
Поделиться на других сайтах

Сделал как вы сказали и теперь абсолютно все картинки в новости отступают от текста, как сделать такое правило только до постера?

Ссылка на сообщение
Поделиться на других сайтах

Сделал как вы сказали и теперь абсолютно все картинки в новости отступают от текста, как сделать такое правило только до постера?

смотря как выводишь/формируешь новость

самое простое - присвоить постеру класс, в классе уже прописать стиль

Ссылка на сообщение
Поделиться на других сайтах

Подскажите как это сделать? ;)

я не знаю как у вас выводится постер, через доп. поле или как обычно в кратком/полном описании?

в новости есть еще изображения для которых не трубуется отступ?

какой он по счет (картинка), первый?

структура новости раздела всегда одинакова? постер сегда на одном месте? или пляшет по новости?

Приведу пару примеров:

1. созд. доп. поле - poster_url - в нем будет линк на постер

дописываем в файл стилей:


.poster_img {

	margin: 5px;

}

в fullstory.tpl нужном месте прописываем

<img src="[xfvalue_poster_url]" class="poster_img" border="0" alt="" />

2. воспользоваться селекторами в fullstory.tpl в самом начале прописываем (Применение свойств к одной, первой картинке): css2.1:

<style type="text/css">

img:first-child {

      margin: 5px;

}

</style>

или css 3:

<style type="text/css">

img:nth-child(1) {

      margin: 5px;

}

</style>

более конкретно - нужно смотреть пример, что требуется и т.д.

есть еще пара вариантов, эксперементируйте с этими...

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...