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

[leoxe 0]

ну что может кто-нибудь осилить?

[leoxe 0]

celsoft, последняя надежда на тебя, помоги : )

[HunSolo 0]

Да вам уже 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;}

Все картинки с отступами и с тонкими обрамлениями. Вообщем извращайтесь как хотите.. При это есть баг, а именно если вы вдруг начнете редактировать новость с помощью "Быстрое редактирование" - то все иконки редактора разъежаются , т.к они тоже становятся с отступами. Кто знает как побороть - киньте мессадж Способ 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>

Тогда все Ок.

[LAStick 0]

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

[kep 0]

Спасибо а то у меня прям душа болела!!!! ПРОФИ!

[Archi2 0]

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

Для начала 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> про какой именно тег вы говорите? там много дивов...

[quiet 0]

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

Скажем есть новости в категории 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; 

}

Изменено 18 апреля 2009 пользователем quiet