Главная » HTML & CSS » Доработал стили для панели постраничной навигации

Доработал стили для панели постраничной навигации

Всем снова здравствуйте!
На дворе весна, птички поют, в это время, меньше всего хочется думать о разных там «seo-шмео» и «кодах-шмодах», но такова реальность и от нее никуда не деться, работать надо, работу за нас никто не сделает.
Находясь в запарке по работе в реальной жизни и под влиянием пришедшей весны, как то совсем запамятовал, что обещал доработать и дополнить готовый Набор стилей для формирования постраничной навигации. Ну да ладно, времени прошло немного, надеюсь никто не пострадал ))).

Собравшись с мыслями, без страха и упрека, открыв свой любимый редактор Notepad++, приступил к работе. В итоге получился, теперь уж точно, полный, готовый набор правил и свойств, для формирования стилей панелей постраничной навигации, без использования дополнительных изображений. Экспериментируя со значениями свойств и опираясь на макет элементов пагинации из шаблона 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», получился приличный (это я так надеюсь), готовый к использованию, набор стилей для создания красивых панелей постраничной навигации на любых сайтах.

На сегодня новостей у меня больше нет, если что пропустил, или кого то ввел в «непонятки», извините — весна, она и в Африке весна.

Удачи и всем хорошего настроения!
 

 

Google Bookmarks News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !

Присоединяйтесь к обсуждению!

Отправляя кoммeнтapий, Вы автоматически принимаете правила кoммeнтиpoвaния на этом блоге.

Правила кoммeнтиpoвaния на блоге Dobrovoimaster:

  1. Во избежание захламления спамом, первый кoммeнтapий всегда проходит премодерацию.
  2. В поле "Ваш сайт" лучше указывать ссылку на главную страницу вашего сайта/блога. Ссылки на прочую веб-лабуду (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Не используйте в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия, имя изменяю на свое усмотрение. Просьба указывать нормальное имя или ник.
  4. Скорее всего, что не информативный и короткий кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.
  5. Комментарии не по теме безжалостно удаляются.

Подписаться не комментируя

Обновления комментариев по RSS RSS комментариев к этой записи »
Рейтинг@Mail.ru