Написать пост

Kamikaze

Подергаем рычажок?

Сегодня было просто капитально нечем заняться, потому решил развлечь себя мини-задачкой.

Тут все горевали насчет прошлой версии кадабры, а кто помнит самую первую? Там где была ручка, переключавшая Всё подряд / Интересное?
Вот и решил поковыряться в своё удовольствие.
Заранее предупреждаю - художник из меня от слова худо :)

.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;
}



3 комментария 2нравится 1избранное
Kalashmatik
Boomburum
  • Boomburum
    14 окт 2011 в 03:05
    Похвально, но прошу всех не забывать, что подобные твики вы используете на свой страх и риск :)
  • Kamikaze
    14 окт 2011 в 03:09
    @Boomburum чего их бояться, всё вполне безобидно :)
  • Boomburum
    14 окт 2011 в 08:25
    @Kamikaze Я в том смысле, что на сайте может что-то поменяться, а в css это будет неучтено. И виноватым может оказаться стиль, а пользователь будет думать на нас )
Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста, или зарегистрируйтесь.