вопрос
Всем привет! У меня такая проблема, что вместе с оформлением картинок в новости, растягивается все подряд, смайлы, мелкие изображения и пр. Вот скрин:
Как сделать, чтобы оформление картинок , скринов оставалось прежним,а мелкие такие как смайлы, стикеры и пр. было не затронуто самим этим оформлением и оставалось в оригинальном виде?
Вот сам код стиля оформления для fullstory.tpl и shortstory.tpl
Как сделать, чтобы оформление картинок , скринов оставалось прежним,а мелкие такие как смайлы, стикеры и пр. было не затронуто самим этим оформлением и оставалось в оригинальном виде?
Вот сам код стиля оформления для fullstory.tpl и shortstory.tpl
<style>
.title_spoiler img {display:none}
.short_story img {float:center; width:450px;/-/слева, шириной картинки 450px padding:9px;margin:5px 5px 5px 115px; border:7px solid #09B9BC;border-radius: 4px;-moz-border-radius: 6px;-webkit-border-radius: 18px; box-shadow: inset x y blur spread color;box-shadow: 5px 5px 5px #777;
width: 80%;
max-width: 470px;
margin: 10px auto;
padding: 1.1em;
box-shadow:
0 1px 4px rgba(0, 0, 0, .3),
-23px 0 20px -23px rgba(0, 0, 0, .8),
23px 0 20px -23px rgba(0, 0, 0, .8),
0 0 40px rgba(0, 0, 0, .1) inset;
</style>
.Shortstory оставь пустым и содай отдельный стиль для картинки
После чего, ту картинку к которой надо применить стили заключаешь в div
.kartinka img {float:center; width:450px;/-/слева, шириной картинки 450px padding:9px;margin:5px 5px 5px 115px; border:7px solid #09B9BC;border-radius: 4px;-moz-border-radius: 6px;-webkit-border-radius: 18px; box-shadow: inset x y blur spread color;box-shadow: 5px 5px 5px #777;
width: 80%;
max-width: 470px;
margin: 10px auto;
padding: 1.1em;
box-shadow:
0 1px 4px rgba(0, 0, 0, .3),
-23px 0 20px -23px rgba(0, 0, 0, .8),
23px 0 20px -23px rgba(0, 0, 0, .8),
0 0 40px rgba(0, 0, 0, .1) inset;
После чего, ту картинку к которой надо применить стили заключаешь в div
<div class=“Kartinka”>ссылка на твою картинку</div>