[important]Меня спрашивали, как сделать новую кнопку uID авторизации, и сейчас я распишу как это сделать...[/important]
Уже не для кого ни секрет что браузер грузит стили по очереди и создаёт общую карту стилей.
Так вот это мы и возьмём за основу!
Начнём:
1. Нам будут нужны оригинальные стили, которые я разжал, чтобы всё подробно объяснить:
Code
.ulogin-btn {
text-align: center !important; /* Положение текста: центр !приоритетно; */
padding: 10px 0; /* Отступ */
}
.ulogin-btn a, .ulogin-btn a span {
display: inline-block !important; /* Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу. */
font: 12px/38px 'Arial' !important; /* Настройки шрифта */
cursor: pointer !important; /* Курсор при наведении в данном случае (выбор ссылки) */
}
.ulogin-btn span.ulb-left {
padding-left: 40px !important; /* отступ слева 40 пикселей */
background: url(/.s/img/uidlogin/ulb-left.png) no-repeat !important; /* Левая часть кнопки */
}
.ulogin-btn span.ulb-right {
padding-right: 20px !important; /* Отступ с права 20 пикселей */
background: url(/.s/img/uidlogin/ulb-right.png) no-repeat right top !important; /* Правая часть кнопки */
}
.ulogin-btn span.ulb-mid {
padding: 0 0 0 6px !important; /* Отступ вниз 6 пикселей */
background: url(/.s/img/uidlogin/ulb-mid.png) repeat-x !important; /* Середина кнопки, значение repeat-x растягивает изображение по оси x (повторяет) */
}
Вот что мы получаем:
А вот моя переделка:
Эти стили вставлять в тег
И помещать в нижнюю часть сайта в самый низ!
