Форум Сайтостроение Веб-строительство

DLE 9.2 Вопрос в новостях.

lomster7
На сайте с 09.05.2011
Offline
84
lomster7
423

Как сделать обводку для сайта www.gameskype.com для картинок те которые в новостях такую как тут http://qzona.su/ ?:eek:

была реклама, а уже нету :)
[Удален]
#1
lomster7:
Как сделать обводку для сайта www.gameskype.com для картинок те которые в новостях такую как тут http://qzona.su/ ?😮

Прямой путь к файлу CSS, который отвечает за рамку изображения. Я пока не работал с DLE, поэтому сделал бы так загрузил Firebug (надеюсь вы знаете для чего он) -> навожу на картинку и узнаю какой файл CSS за это дело отвечает. Захожу в него и пользуясь справочником по CSS прописываю соответствующие параметры, которые вы узнаете также с сайта где картинки в рамке. Возможно все намного проще, и при добавлении изображения можно прописать дополнительные свойства в стиле.

Новые возможности настройки внешнего Вышло обновление WordPress 4.7 Google Image Search не
BG
На сайте с 03.10.2010
Offline
195
BrightGuy
#2

Для начала открываем исходный код сайта на котором это уже реализовано, видим что текст новости заключен в тег <div class="newstext"> текст новости </div>

Ищем в файлах CSS этот стиль, благо файлов всего 2-3. В файле http://qzona.su/templates/qzonasu/css/styles.css

находим .newstext

вот:

.news .newstext form div img {float:left;}

.news .newstext img {float:none; background-color: #d5d5d5; border: 1px solid silver; padding: 5px;}

.news .newstext img:hover {background-color: #99CCFF; border: 1px solid #3399FF;}

В одном из этих строк и заключается разгадка, ищите, пробуйте.

Найденное вписать в Ваш файл стилей.

Как-то так, если не прав поправьте меня.

-= Сайты на заказ | Правки, обновление, работы по DLE =- ( /ru/forum/791118 ) Telegram: @ruslansh ( tg://resolve?domain=ruslansh )
Оптимизация плавающих фреймов для Google: как сделать статические 10 советов по использованию

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий