Блог старого компьютера

Блог старого компьютера


Главная html & css Убираем копирайт на информере gismeteo

Убираем копирайт на информере gismeteo

15.06.2012 09:14 Администратор html & css
Печать PDF
Многие хотели бы видеть у себя на сайте погоду, но не все решаются использовать готовые информеры которые предлагают такие сайты как gismeteo.ru. Как найти выход из ситуации и все же сделать погоду на своем сайте? Не все ведь в состоянии написать свой парсер погоды (нету времени, нету знаний). Дак вот если информация на информере выводится не катинкой, а html разметкой то можно без проблем изменить вид такого информера путем написания сообственных стилей для блоков информера.

Информер с сайта gismeteo как раз построен на html разметке. Вот именно на нем я и покажу как подстроить информер под ваш сайт, и убрать с него лишнее.

Я выбрал простой информер фото выше. В нем меня не устраивал белый фон, мне нужен был прозрачный чтоб разместить на градиентном фоне. Так же мне не нужна была ссылка на прогноз на 2 недели, ну за одним и копирайт уберем.

Выбираем нужный нам информер, настраиваем его, устанавливаем код на сайт. Далее идем в стили сайта и начинаем колодовать. Кому какие стили присваивать можно посмотреть через инспектор html элементов.

Если вы выбрали такой же информер как у меня, и вас неустраивает тоже что и меня то добавляем в файл стилей  следующие строчки:

 #gsInformerID-jv5piwNm{
background:none;
}

.gsInformer .secondaryWrap{
background:none !important;
}

.gsInformer .gsLinks table{
display:none !important;
}

.gsInformer .gsLinks{
background:none !important;
}

.gsAddInfo2{
background:none !important;
}

 Данные строки всего лишь убирают белый фон переключая свойство background и display в none.

Будьте внимательны стиль #gsInformerID-jv5piwNm явно будет у вас другим.

Что сообственно у меня вышло:

 

 Было

 Стало

P.S. что то пока писал статью и температура подскочила)

Добавить комментарий


Защитный код
Обновить

Поиск

Голосование

Что Вы думаете на счет битрикса?