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

рамка в уменьшенных копиях изображения


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

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

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

Вообще странно, что стили для картинок нигде не задаются, но вот, что нашёл я:

/engine/modules/imagepreview.php - это вывод полной картинки. Здесь стиль картинки определяется конструкцией

<img src='{$_GET['image']}' border=0>
Для превью html генерируется в процессе добавления новости и определяется внутри функции build_thumb файла /engine/inc/parse.class.php:
if ($align == '')

		return "<!--ThumbBegin--><a href=\"#\" onClick=\"ShowBild('$gurl'); return false;\" ><img src=\"$url\" style=\"border: none;\" {$alt} /></a><!--ThumbEnd-->";

		else

		return "<!--ThumbBegin--><a href=\"#\" onClick=\"ShowBild('$gurl'); return false;\" ><img align=\"$align\" src=\"$url\" style=\"border: none;\" {$alt} /></a><!--ThumbEnd-->";

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

Вообще странно, что стили для картинок нигде не задаются, но вот, что нашёл я:

Свойства стилей всегда наследуются, для того чтобы использовать нужный стиль, достаточно назначить этот стиль в шаблоне, например таблице, где выводятся новости. Сделано это для упрощения создания шаблона, чтобы он не был переполнен служебными стилями и свойствами.

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

Вообще странно, что стили для картинок нигде не задаются, но вот, что нашёл я:

Свойства стилей всегда наследуются, для того чтобы использовать нужный стиль, достаточно назначить этот стиль в шаблоне, например таблице, где выводятся новости. Сделано это для упрощения создания шаблона, чтобы он не был переполнен служебными стилями и свойствами.

Т.е достаточно назначить стиль картинке? почему тогда это не работает в 6.7? все превьюшки прописаны с border: medium none а где это можно изменить я не понял

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

Свойства стилей всегда наследуются, для того чтобы использовать нужный стиль, достаточно назначить этот стиль в шаблоне, например таблице, где выводятся новости. Сделано это для упрощения создания шаблона, чтобы он не был переполнен служебными стилями и свойствами.

при быстром редактировании на картинки вв кодов тоже срабатывает стиль, которые применяются на изображения в новости, поэтому описанный выше способ (вставка стиля в ссылку изображения) остается единственным и надежным, мое ихмо.

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

Свойства стилей всегда наследуются, для того чтобы использовать нужный стиль, достаточно назначить этот стиль в шаблоне, например таблице, где выводятся новости. Сделано это для упрощения создания шаблона, чтобы он не был переполнен служебными стилями и свойствами.

при быстром редактировании на картинки вв кодов тоже срабатывает стиль, которые применяются на изображения в новости, поэтому описанный выше способ (вставка стиля в ссылку изображения) остается единственным и надежным, мое ихмо.

А как вставить стиль к изображению? точнее где?

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

в main.tpl в таблице которой расположен shortstory я задаю class="ramka" а с css пишу .ramka img {border: 1px solid #cccccc;} но рисунок (thumbnail) в короткой новости все равно без рамки (((

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

ошибка синтаксиса.

либо

img.ramka {border...}

либо

.ramka {border...}

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

Пробую просто .ramka но все равно она не отображается, потому что в тег img встроен стиль border: medium none ;

т.е. получается что это где то в коде прописано? (версия 6.7)

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

Пробую просто .ramka но все равно она не отображается, потому что в тег img встроен стиль border: medium none ;

т.е. получается что это где то в коде прописано? (версия 6.7)

http://forum.dle-news.ru/index.php?showtop...st&p=148273

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

ошибка синтаксиса.

либо

img.ramka {border...}

либо

.ramka {border...}

не путай людей пожалуйста. твой вариант работает тока если самой картинке назначить класс "ramka "
Ссылка на сообщение
Поделиться на других сайтах

в main.tpl в таблице которой расположен shortstory я задаю class="ramka" а с css пишу .ramka img {border: 1px solid #cccccc;} но рисунок (thumbnail) в короткой новости все равно без рамки (((

а я и не путаю :-)

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

Stalker1pro, вообще да - написано некорректно.

Не понятно чему конкретно он там class="ramka" задаёт

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

подожди, класс задан

для таблицы

или

в таблице для изображения?

Для таблицы в shortstory.tpl

<tr>

<td valign="top" class="ramka">{short-story} [full-link]Подробнее[/full-link]</td>

</tr>

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

тогда
.ramka img {border: 1px solid #cccccc;}

Сделал так но этот класс блокируется стилем встроенным прямо в тег <img style="border: medium none ;"> т.е. превьюшка получается со встроенным стилем который нельзя переопределить?

Ссылка на сообщение
Поделиться на других сайтах
но этот класс блокируется стилем встроенным прямо в тег <img style="border: medium none ;">
ну так убери
style="border: medium none;"

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

но этот класс блокируется стилем встроенным прямо в тег <img style="border: medium none ;">
ну так убери
style="border: medium none;"

а где можно убрать, подскажите пожалуйста

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

Значит Celsoft ошибся ? или что то поменялось в новой версии dle (добавился этот встроеный стиль) ??:

Свойства стилей всегда наследуются, для того чтобы использовать нужный стиль, достаточно назначить этот стиль в шаблоне, например таблице, где выводятся новости. Сделано это для упрощения создания шаблона, чтобы он не был переполнен служебными стилями и свойствами.

И если назначить клас .ramka img {border: 1px solid #cccccc;} то "рассыпается" редактор efLvIRhxJG.jpg

третий раз писать тебе буду :blink: - посмотри выше пост №2 там все написано!!!

/engine/inc/parse.class.php в этой папке такого файла нет, если ты имел ввиду engine/classes/parse.class.php тогда в этом файле нет таких строк

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

может найти и вынести блок с редатором в другую таблицу? Чтоб на него не наследовался класс .ramka

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

может найти и вынести блок с редатором в другую таблицу? Чтоб на него не наследовался класс .ramka

А смысл? во первых класс .ramka не действует на изображения вообще! потому что img уже со встроенным стилем, во вторых прийдется править код а этого делать не хочется. Наверное прийдется просить celsoft что бы он убрал встроенный стиль в будущих версиях

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

УРАА!

Добился таким путём

вставил вот такой код в стиль style.css своего шаблона, сам код двига НЕ трогал

.news img {

	padding: 5px;

	background-color: #f0eee7;

}

и все заработало! Цвета и толщину можно менять

Есть одно НО!!! К кнопкам bb кода (Быстрое редактирование) этот стиль также применяется... либо вам придется смириться с этим, либо придумывать что-то лучшее.

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

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

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

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

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

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

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

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

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

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