Рамки вокруг загружаемых картинок на всех страницах.

голоса: 0

Добрый день.

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

Нашел кусок кода, отвечающего за контент: 

 

Но вот как вокруг контента втулить стиль { border: 1px solid red; padding: 10px; } - понять не могу.

Это первая моя проба в html, так что сильно не ругайтесь за тупость...

Закрыто с пометкой: Решение найдено
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Вадим Поляков #2

Ответов: 1

Голоса: +1

Сделайте следующее, код $CONTENT$ замените на:

<div class="material">$CONTENT$</div>

после в стили пропишите:

.material img {
   height: auto!important;
   border: 5px solid #fff;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
}

готово.

| Автор:
К сожалению, не вышло у меня. Вставил все по написанному, сохранил изменения в обоих блоках (css и в "страницы сайта"), но отображения рамки нет. Можете еще что присоветовать? Или я не в том месте правлю?
Вадим Поляков #2,

Увы, но вы не выполнили рекомендуемого. Код $CONTENT$ завернуть в шаблоне страницы сайта в модуля Редактор страниц.

Yuri_Geruk,

Я изменял код  в дизайнере/страницы сайта/все страницы. с $CONTENT$ на <div class="material">$CONTENT$</div>. Просто восстановил  потом исходный код, чтобы не путаться. На данный момент изменения внесены все, согласно Вашим рекомендациям, но изменений нет. Что-то я не туда вставляю, как мне кажется.

Вадим Поляков #2,

Рамка отобразилась - http://joxi.ru/RmzoV9NCEK6X2O очистите кеш в вашем браузере:

  • Очистите кеш в браузере выполнив несколько раз комбинацию клавиш CTRL+F5 / http://faq.ucoz.ru/faq/31-1
...