Подергаем рычажок?
Сегодня было просто капитально нечем заняться, потому решил развлечь себя мини-задачкой.
Тут все горевали насчет прошлой версии кадабры, а кто помнит самую первую? Там где была ручка, переключавшая Всё подряд / Интересное?
Вот и решил поковыряться в своё удовольствие.
Заранее предупреждаю - художник из меня от слова худо :)
.unsubscribe
{
background: url(http://funkyimg.com/u2/123/291/turnedon.jpg) no-repeat center !important;
color: transparent !important;
min-height: 80px !important;
margin-right: 3px !important;
}
.subscribe
{
background: url(http://funkyimg.com/u2/549/748/turnedoff.jpg) no-repeat center !important;
color: transparent !important;
text-shadow: none !important;
min-height: 80px !important;
}
#stream header nav
{
min-height: 80px !important;
margin-bottom: 20px !important;
border-bottom: 1px solid #ccc !important;
}
span.subscribtion
{
min-height: 80px !important;
}
Далее заходим в любой клуб и вместо кнопки подписаться/отписаться видим заветный рычажок.
Не несет никакой пользы, перекашивает верстку страницы, если не знать чем управляет - не догадаться, так что это так, чисто для ознакомления :)
Версия 2. Перекос верстки устранен, теперь для остальных элементов кнопки этой в виде рычага вообще формально нет, ничего никуда не съезжает. Заодно перенес ее в показавшееся мне разумным место, рядом с названием клуба.
.unsubscribe
{
position: absolute !important;
top: -21px !important;
left: -76px !important;
background: url(http://funkyimg.com/u2/123/291/turnedon.jpg) no-repeat center !important;
color: transparent !important;
min-height: 80px !important;
}
.subscribe
{
position: absolute !important;
top: -22px !important;
left: -80px !important;
background: url(http://funkyimg.com/u2/549/748/turnedoff.jpg) no-repeat center !important;
color: transparent !important;
text-shadow: none !important;
min-height: 80px !important;
}
Тут все горевали насчет прошлой версии кадабры, а кто помнит самую первую? Там где была ручка, переключавшая Всё подряд / Интересное?
Вот и решил поковыряться в своё удовольствие.
Заранее предупреждаю - художник из меня от слова худо :)
.unsubscribe
{
background: url(http://funkyimg.com/u2/123/291/turnedon.jpg) no-repeat center !important;
color: transparent !important;
min-height: 80px !important;
margin-right: 3px !important;
}
.subscribe
{
background: url(http://funkyimg.com/u2/549/748/turnedoff.jpg) no-repeat center !important;
color: transparent !important;
text-shadow: none !important;
min-height: 80px !important;
}
#stream header nav
{
min-height: 80px !important;
margin-bottom: 20px !important;
border-bottom: 1px solid #ccc !important;
}
span.subscribtion
{
min-height: 80px !important;
}
Далее заходим в любой клуб и вместо кнопки подписаться/отписаться видим заветный рычажок.
Не несет никакой пользы, перекашивает верстку страницы, если не знать чем управляет - не догадаться, так что это так, чисто для ознакомления :)
Версия 2. Перекос верстки устранен, теперь для остальных элементов кнопки этой в виде рычага вообще формально нет, ничего никуда не съезжает. Заодно перенес ее в показавшееся мне разумным место, рядом с названием клуба.
.unsubscribe
{
position: absolute !important;
top: -21px !important;
left: -76px !important;
background: url(http://funkyimg.com/u2/123/291/turnedon.jpg) no-repeat center !important;
color: transparent !important;
min-height: 80px !important;
}
.subscribe
{
position: absolute !important;
top: -22px !important;
left: -80px !important;
background: url(http://funkyimg.com/u2/549/748/turnedoff.jpg) no-repeat center !important;
color: transparent !important;
text-shadow: none !important;
min-height: 80px !important;
}