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

Как увеличить отступ картинки от текста?


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

  • 1 месяц спустя...

Да вам уже celsoft сказал...

Привожу два варианта:

1) в шаблоне shortstory.tpl ищите

{short-story}
Заменяете на
<div class="thumbs1">{short-story}</div>
В файле style.css
.thumbs1 img {border: 1px solid #fdc2db; margin: 2px 2px 2px 2px;}
Все картинки с отступами и с тонкими обрамлениями. Вообщем извращайтесь как хотите.. При это есть баг, а именно если вы вдруг начнете редактировать новость с помощью "Быстрое редактирование" - то все иконки редактора разъежаются :unsure: , т.к они тоже становятся с отступами. Кто знает как побороть - киньте мессадж Способ 2 В радакторе новостей - когда вставляете картинку - поместите ее в div, т.е у вас так
[img=left]http://сайт.ру/uploads/posts/2009-02/1235212131_julia_ann3.jpg[/img]
А надо так
<div class="thumbs1">[img=left]http://сайт.ру/uploads/posts/2009-02/1235212131_julia_ann3.jpg[/img]</div>

Тогда все Ок.

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

Короче исправить надо в нескольких местах.

Для начала style.css

добавляем

.news img {margin:5px;}

Или кому нравится padding - пишите padding, пофиг.

Далее лезем в engine.css и добавляем

.editor_button img {margin:0px;}

.новыйкласс img {margin:0px;}

.editbclose img {margin:0px;}

В файлах bbcode.php (в обоих) нужно исправить единственный короткий тег <div> на <div class="новыйкласс">

Вот теперь картинки в новостях будут с отступом по всем сторонам, а кнопки редактирования новостей будут без отступов.

единственный короткий тег <div> про какой именно тег вы говорите? там много дивов...

Ссылка на сообщение
Поделиться на других сайтах
  • 1 месяц спустя...

Если всё ещё актуально.

Скажем есть новости в категории 22.

В файле shortstory.tpl команду {short-story} (Краткая версия новости) заключаем в div:

<div [category=22]class="newclass[/category][not-category=22]class="oldclass"[/not-category]>{short-story}</div>
Можно перечислить несколько категорий через запятую. B style.css описываем классы:
.newclass img {

/*все элементы <img>, значение атрибута class которых равно newclass */

padding: 10px;

}


.oldclass img {

/*все элементы <img>, значение атрибута class которых равно oldclass */

padding: 5px; 

}

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

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

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

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

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

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

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

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

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

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