У многих на своих сайтах нет отдельного поля в новостях для изображения
как на ucoz-scripts или megasoft(Они выводятся справа от текста), а
если делать отдельное поле, то нужно в каждом материале
редактировать...
Теперь есть решение с помощью CSS. Все изображения будут автоматически уменьшаться и выводиться справа от текста!
И так, начнём!
1. В CSS вставляем этот код
Code
.telonews {margin-top:-10px;} .telonews img { float:left !important; width:160px !important; // ширина до которой будет уменьшаться изображение border: 5px solid #E5E2D1 !important; // Ширина рамки, стиль рамки, цвет рамки margin: -18px 10px 0px 0px !important; padding: 0px !important; background-color:#E5E2D1; // цвет фона }
.telonews:hover img { float:left !important; width:160px !important; // ширина до которой будет уменьшаться изображение border: 5px solid #E5E2D1 !important; // Ширина рамки, стиль рамки, цвет рамки margin: -18px 10px 0px 0px !important; padding: 0px !important; background-color:#E5E2D1; // цвет фона }
1x, ну каталог фото мне нужен будет для обоев, но спасибо за подсказку, если там так как мне нужно то я попробую понять систему и частично перенести в каталог файлов)
Хотя если вы знаете суть этого процесса то я был бы очень благодарен если бы вы мне помогли его адаптировать к хайслайду, или без него но по тойже системе
Это всё хорошо, но вот у мя давно есть вопрос, можно ли сделать так, чтобы изображение при уменьшении не тока меняло размер, но и вес, а потом при увеличении подгружался оригинал, а то оно тока чисто визуально меняеться а весит также много, и хайслайд тоже работает по технологии визуального уменьшения, у мя стоит код, в который я вставляю 2 изображения, одно уменьшенное другое оригинал, но так жутко неудобно и долго, постоянно надо делать 2 изображения для новости, хотя они уже и увеличиваются не сразу а с подгрузкой, но зато вес намного меньше, что важно для сайта и для меня
Меню сайта
Меню сайта
Спасибо за скрипт!
