рамка у картинки DLE
Вопрос: Как сделать рамку у картинки DLE?
Ответ: Чтобы при добавлении картинки на ваш сайт, автоматически выводилась рамка, необходимо произвести ряд несложных действия с css и tpl. Будем предпологать, что вы хотите сделать рамку в краткой новости, нам нужно открыть соответствующий шаблон (shоrtstоry.tpl)
Дальше нам нужно там найти:
{shоrt-stоrу}
И этот код нужно заменить на этот:
<div class="images-border">{short-story}</div>
Дальше открываем ccs нашего шаблона в полне подойдет и engine.css и добавим в конец такой код:
.images-border img { border: 1px solid #000; padding:3px; width:200px; margin-right:5px; margin-bottom:5px; } Теперь мы сохраняем, и если вы все сделали правильно, то в краткой новости должна появиться рамочка на картинке: Если хотите изменить цвет рамки, линии, или хотите персонально настроить ее под ваш шаблон, вам нужно сделать выбор в атрибутах:
[i]border: 1px solid #000;[/i] здесь мы указали толщину рамки ([i]1px[/i]) тип раки это у нас solid (типы рамок можно посмотреть тут ) и цвет [i]#000 [/i](цвет без труда можно подобрать в фотошопе) [i]padding:3px;[/i] здесь мы указали отступ рамки от картинки т.е [i]3px[/i] [i]width:200px;[/i] ширина картинки [i]margin-right:5px;[/i] отступ текста от картинки с правой стороны Если захотите добавить вашей рамочке еще красоты, то можете изменить её задний фон, нужно добавить в css: [code]background-color: #FF0; где #FF0 - является задаваемым параметром цвета. В итоге мы получаем вот такую навороченную, симпотичную и очень удобную рамочку: Что у вас не получилось, могу подсказать, но думаю тут все достаточно просто. На этом наш ответ на вопрос "Как сделать рамку у картинки DLE?" закончен.
Комментарии к статьеЕсли Вам понравилась эта статья или не понравилась напишите об этом в комментариях
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации. |