Четверг, 23.11.2017, 06:51
Скрипты для Ucoz
Карта сайта
Главная | 2 новых спойлера в стиле "vk" и "facebook" - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
Страница 1 из 11
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » 2 новых спойлера в стиле "vk" и "facebook" (2 новых спойлера в стиле "vk" и "facebook")
2 новых спойлера в стиле "vk" и "facebook"
pro100kasperДата: Воскресенье, 06.05.2012, 15:29 | Сообщение # 1
3a PyJleM KASPER
Пол:
Награды: 2
Репутация: 23
Сообщений: 99
За уважение народа За хорошую посещаемость на форуме


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

Code
.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":
.
Code
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://ssilki.at.ua/image/Forum/paznoe/facebook_us.png) no-repeat; //изображение 1px
   }
        
   .uSpoilerClosed {
   border-bottom: 1px solid #D9D9D9;
   margin-bottom: -4px;
   padding-bottom: 10px;
   background:url(http://ssilki.at.ua/image/Forum/paznoe/facebook_us2.png) no-repeat right top; //изображение +
   }
        
   .uSpoilerOpened {
   border-bottom: 1px solid #D9D9D9;
   padding-bottom: 23px;
   background:url(http://ssilki.at.ua/image/Forum/paznoe/facebook_us3.png) no-repeat right top; //изображение -
   }
        
   .uSpoilerText {
   margin-top: -20px;
   font-size: 15px;
   color: #333;
   }
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » 2 новых спойлера в стиле "vk" и "facebook" (2 новых спойлера в стиле "vk" и "facebook")
Страница 1 из 11
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2017

Создать бесплатный сайт с uCoz