Регистрация    Войти
Авторизация

2 новых спойлера в стиле "vk" и "facebook" для ucoz

2 новых спойлера в стиле "vk" и "facebook" для ucoz

2 новых спойлера в стиле "vk" и "facebook". В последнее время многие пытаются сделать свой сайт похожий на "vk" или "facebook", но не дорабатывают разные мелочи. Я упрощу эту несложную задачку сделав спойлеры в стиле этих 2-х "гигантов".

Вставляем в CSS в любое место

В стиле "vk":

.uSpoilerButton { 
width: 100%;
border: none;
background: #FFF;
padding: 9px;
color: #2B587A;
cursor: pointer;
}

.uSpoilerButton:hover {
background: #E9EDF1;
}

.uSpoilerText {
margin-top: -10px;
padding: 0 5 5 5px;
}


В стиле "facebook":

.uSpoilerButton { 
width: 100%;
border: none;
background: #FFF;
padding: 3 0 3 0px;
margin-left: -3px;
color: #333;
font-size: 17px;
font-weight: bold;
text-align: left;
cursor: pointer;
background:url(http://usite.su/images/facebook_us.png) no-repeat; //изображение 1px
}

.uSpoilerClosed {
border-bottom: 1px solid #D9D9D9;
margin-bottom: -4px;
padding-bottom: 10px;
background:url(http://usite.su/images/facebook_us2.png) no-repeat right top; //изображение +
}

.uSpoilerOpened {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 23px;
background:url(http://usite.su/images/facebook_us3.png) no-repeat right top; //изображение -
}

.uSpoilerText {
margin-top: -20px;
font-size: 15px;
color: #333;
}


Автор: Aurinn
Новые скрипты для ucoz

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  13-02-2012, 11:10   Просмотров: 4138   
мелочи, разные, спойлеры, стиле, спойлера, facebook, время, свой, сделав, новых, несложную
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Пользователь offline anton9408 18 февраля 2012 12:17
Интересно надо куда нибудь встроить))

          1
Пользователь offline luk4196 7 августа 2013 12:20
ссылки не рабочие

          2

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.