Автоподгон изображений в теме для SMF с помощью CSS

Главная Создать свой сайт и продвинуть его Создание сайтов Автоподгон изображений в теме для SMF с помощью CSS
1 ответ(ов) в теме
не в сети 3 месяца
На сайте с
Участник
0
23:08

Когда пользователи размещают изображения, которые больше разрешения экрана, например в телефоне, то для красоты и восприятия их нужно подогнать под размер экрана. Можно использовать моды основанные на jquery, но они могут конфликтовать с другими модами, да и зачем, когда можно просто, посредством CSS вставить код в index.css шаблона и иметь тот же эффект 😉

И так, чтобы изображение автоматически подгонялось, вставьте код в index.css шаблона ( по умолчанию :корень/themes/default/css/index.css) :

/* Auto resizing of images in posts and personal messages. */<br>/* Change sizing to suit your own preferences. */<br>/* width=xxx height=xxx extension in the img BBC can still be used to minimize the size manual */<br>.bbc_img{<br>/* This is just to keep images to a handy size, even on large screens. */<br> max-height: 640px;<br>/* This prevents images breaking out of the post on small screens. */<br> max-width: 95%;<br>}<br>[/spoiler]<br><br>/* Auto resizing of images in signatures. */<br>/* Change sizing to suit your own preferences. */<br>/* width=xxx height=xxx extension in the img BBC can still be used to minimize the size manual */<br>.signature .bbc_img {<br> max-height: 150px;<br> max-width: 95%;<br>}<br>.shoutbox_body>ul>li>img, .shoutbox_body>ul>li>.bbc_link>img {<br> height: auto;<br> width: auto;<br> max-width: 95%;<br> max-height: 200px;<br>}

Редакции сообщения
0

Ваше имя *

Ваш E-mail *

не публикуется

Текст сообщения *