Доработал стили для панели постраничной навигации
Всем снова здравствуйте!
На дворе весна, птички поют, в это время, меньше всего хочется думать о разных там «seo-шмео» и «кодах-шмодах», но такова реальность и от нее никуда не деться, работать надо, работу за нас никто не сделает.
Находясь в запарке по работе в реальной жизни и под влиянием пришедшей весны, как то совсем запамятовал, что обещал доработать и дополнить готовый Набор стилей для формирования постраничной навигации. Ну да ладно, времени прошло немного, надеюсь никто не пострадал ))).
Собравшись с мыслями, без страха и упрека, открыв свой любимый редактор Notepad++, приступил к работе. В итоге получился, теперь уж точно, полный, готовый набор CSS правил и свойств, для формирования стилей панелей постраничной навигации, без использования дополнительных изображений. Экспериментируя со значениями свойств CSS3 и опираясь на макет элементов пагинации из шаблона Response, получился довольно неплохой результат:
Какие были внесены изменения:
Для уверенной поддержки браузерами линейки IE функции линейного градиента, прописал значения background: -ms-linear-gradient(...);, для 10-й версии этого браузера, и filter: progid:DXImageTransform.Microsoft.Gradient(параметры), для работы в более ранних версиях IEшки.
Как всегда, IEшка дает жару. В частности IE9 отлично обрабатывает градиент, но в паре с закругенными углами, вырисовывается нестыковочка. Если у кого то найдется решение, буду рад лицезреть в комментариях.
IE 8, как мы все прекрасно знаем, напрочь игнорирует скругление углов, но общей картинки не портит и, одно это уже радует))). Ну, а седьмому «ослику», вообще по барабану всякие там градиенты и округлости форм, он товарищ прямолинейный.
Кстати, чтобы проверить, как выглядит ваш сайт в разных версиях IE, нет больше надобности скитаться по разным онлайн-сервисам и устанавливать отдельные приложения. «Мягкотелые», как то так взяли, да и расстарались, чуют видимо «басурмане» за собой грешок, теперь все обладатели IE 10-й версии, используя средства разработчика, могут просматривать сайты в режимах от 10-й до 7-й версии. Шестого «ослика» родители закопали сами конкретно, да и х……
Opera, Firefox и Chrome, как всегда — на высоте, хотя и для них все еще приходится прописывать отдельные свойства.
В общем и целом, из сырого макета, предложенного разработчиками шаблона «Response», получился приличный (это я так надеюсь), готовый к использованию, набор стилей для создания красивых панелей постраничной навигации на любых сайтах.
Поковырять код можете здесь…
На сегодня новостей у меня больше нет, если что пропустил, или кого то ввел в «непонятки», извините — весна, она и в Африке весна.
Удачи и всем хорошего настроения!
Буду всем признателен, если поддержите проект — добавив блог в исключения AdBlock и поделитесь ссылкой на запись в своих соц-сетях:
Всего комментариев: 0