Стильные адаптивные вкладки (табы) на CSS3
 | |
| Здесь представлены адаптивные вкладки, которые на любом сайте можно встретить или как их еще называют табы на переключение. Теперь к ним мы еще поставим шрифтовые иконки, чтоб сами кнопки смотрелись куда красивее и понятнее. Вы можете использовать эти вкладки как на форме ответа, где поставить несколько от социальных ресурсов. Также можно поставить на информер, и переключать и безусловно портал станет более информирован и функционален. Но этот материал более интересен стал и по своему обновлению компактного блока вкладок, где уже будет использоваться CSS3 и это значит будет присутствовать адаптация под мобильные аппараты. Это уже означает, как можно меньше кода и стилей, что работа его более будет лучше и корректнее. Куда ставить, здесь вы можете решить сами, это будь то отдельное личное сообщение, на сайте также есть боковая колонка, но и не обойтись без модального окна. Подробно по шрифтовым иконкам создана статья, где вы можете узнать как они работают, где их брать и как можно выставить ширину и высоту, так как когда их ставят, основном они деформируются под ширину шрифта название. Можно просто их поставить под информационный блок:  Для начало подключим шрифтовые иконки: Код @import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"); Сами стили и основной код, вы можете скачать, они представлены в документе текстовом, где копируем и устанавливаем по указанию, что прописано. Источник: dbmast.ru Доработал под конструктор: ucozz.pro | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 5 | |
|
| |
