Делаем редизайн Sports.ru сами
Испытав некие неудобства при новом дизайне спортс.ру, да и прочитав комментарии многих пользователей, которые тоже не были в полном восторге от нового дизайна, я решил заняться этим вопросом и немного подогнать дизайн сайта под себя. Для этого написал стиль CSS для сайта и применил его с помощью плагина. Приведу фотографии того, что у меня вышло и как это сделать.
Замечу сразу – это сработает только в браузерах Файрфокс и Хром. Пользователи других браузеров – сорри, я не смог найти решения. Поэтому могу просто порекомендовать сменить браузер на ФФ или Хром. :)
Какие изменения я внес в дизайн:
Фон изменен на привычный серый; белый в центральной части изменен на менее яркий; шрифт всего сайта на привычный; шапка, навигация и многие другие детали стали более стилизованные, с округлыми краями; кнопка под полем комментариев вернулась в привычное место, справа под полем; изменены цвета шапки и футера.
Итак, как у меня сейчас выглядит сайт:
Шапка сайта, со всплывающими меню навигации и поиска (можно кликнуть):
Блок Трибуны:
Дайджест слухов и Фотогалерея:
Лучшие материалы и футер:
Блок прогнозов и внутренняя навигация:
Кнопка «Отправить» под текстовым полем комментариев:
Как это сделать?
Для тех у кого Файрфокс: устанавливаем плагин Stylish
Для тех у кого Хром: устанавливаем плагин Stylish
Если ссылки не сработали, то просто поищите эти плагины на сайтах Мозиллы и Хром App-store.
После того как плагины установлены, идете вот сюда: http://userstyles.org/styles/64138/sports-ru-style?r=1334448006 и нажимаете большую зеленую кнопку чтобы установить этот стиль у себя. Наслаждаетесь новым Спортс.ру :)
Бонус для пользователей Файрфокса (сорри, Хромовцы, я не смог применить этот трюк в Хроме, если кто найдет решение – пишите):
К сожалению кнопка Отправить в комментариях в блогах (только в блогах) не сдвинулась до конца вправо. В ФФ это можно решить, отредактировав установленный стиль и добавив в самом конце, после последнего знака } следующую запись:
@-moz-document url-prefix(‘http://www.sports.ru/tribuna/blogs’) { .comment-form input{ margin-left:528px !important; }}
После копирования этого кода нужно изменить в адресе одинарную кавычку на апостроф (спасибо ramays за наблюдательность)
И вообще дизайн похож на бесплатный шаблон для сайтов любителей - сам помню лет 5-6 делал нечто подобное на uCoz.
ИМХО.
Сентиммо еще раз спасибо и удачи, во всех Ваших начинаниях.
Уберите эти ужасные чёрные плюсики-минусики, они затмевают всё , из-за них не видно как оценен тот или иной комментарий!
Риспекты автору )
Если кто-то хочет вернуть черную шапку, то зайдите в редактирование стиля и замените 13 строчку на это:
background-color:#0x000000 !important;
т.е. код серого (92928b) цвета поменять на код черного (0x000000)
нажать Save и все.
margin-left:385px !important;
} и замени в ней значение 385 на 318. Под основным полем комментариев кнопка тоже сдвинется немного влево, но, как писал немного ниже - приходится чем-то жертвовать :)
А так конечно вообще хочется старый, добрый, «зеленый» спортс.ру
не понятны вообще их мотивы по изменению дизайна
но чтобы добавить на страницу то, чего там раньше не было (кнопочку, картинку, текст, ссылку) - для этого уже нужны скрипты