Своеобразный вид спойлера - Форум « SHalbuz-Dag - Территория, исполнения заветных желаний!!!
Гость !!! | RSS
Сегодня на сайте
Новые сообщения Участники Правила форума Поиск RSS
Страница 1 из 11
Модератор форума: Khufu 
Форум » Скрипты » Скрипты - для форума » Своеобразный вид спойлера
Своеобразный вид спойлера
« Rasmus » Дата: Пятница, 27 Август 2010, 07:57:02 | Сообщение # 1
Прозревшие
Rasmus
«Проверенные»
Сообщений: 304
Замечания: ±
Статус Настроения: [редактировать]
Отсутствует

Смайл настроения
Ставим в CSS:
Code
/* ------------------= Spoiler =------------------ */
.uSpoilerClosed
{
    border: 1px #000 dotted !important; padding: 2px;    
    padding-left : 1px;    
    padding-right : 1px;    
    margin-left : 20px;    
    margin-right : 40px;    
}

.uSpoilerOpened
{
    border: 0px #000 dotted !important; padding: 2px;    
    padding-left : 3px;    
    padding-right : 3px;    
    margin-left : 20px;    
    margin-right : 40px;
}

.uSpoilerClosed .uSpoilerButBl
{
    padding-left : 15px;    
    background-image : url('http://shalbuzdag-666.ucoz.ru/plus.gif');    
    background-color : #FFFFFF;
    background-repeat: no-repeat;    
    background-position:12 3;    
    display:block;    
    cursor: pointer;
}

.uSpoilerOpened .uSpoilerButBl
{
    border: 1px #000 dotted !important; padding: 3px;
    padding-left : 15px;    
    background-image : url('http://shalbuzdag-666.ucoz.ru/minus.gif');    
    background-color : #FFFFFF;
    background-repeat: no-repeat;    
    background-position:12 3;    
    display:block;    
    cursor: pointer;    
}

.uSpoilerButton
{
    cursor: pointer;
    width : 100%;
    border : 0px;
    background-color : transparent;
    text-align : left;
    font-family:Verdana,Sans-Serif;
    color:#1e90ff;
    font-size:12px;
    font-weight:bold;
}

{
    padding-left : 40px;
    padding-right : 20px;
}
.uSpoilerText{color: #333333; background: #ededed; font-size: 12px; border: 1px #000 dotted !important; padding: 3px;}
/* =========================== */





Превосходна'Йя лЬяпатуля

Сообщение отредактировал(а) Rasmus - Пятница, 27 Август 2010, 08:00:23
 
« Validemar » Дата: Пятница, 22 Апрель 2011, 06:35:32 | Сообщение # 2
Заглянувшие
Validemar
«Проверенные»
Сообщений: 36
Замечания: ±
Статус Настроения: [редактировать]
Отсутствует

Code
<div style='width:99%x; border: 1px dotted #6F5E42; border-left: 4px solid #6F5E42;'>
       <script language='javascript' type='text/javascript'>
       <!--
       if(!_s_id)
       {
           var _s_id = 0;
           var sp_title = "";
           function switch_spoiler(id, title)
           {
               if(document.getElementById("sp_d_" + id).style.display == "block")
               {
                   document.getElementById("sp_a_" + id).innerHTML = "<img border='0' align='absmiddle' src='/plus.gif'> " + title;
                   document.getElementById("sp_d_" + id).style.display = "none";
               }
               else
               {
                   document.getElementById("sp_a_" + id).innerHTML = "<img border='0' align='absmiddle' src='/minus.gif'> " + title;
                   document.getElementById("sp_d_" + id).style.display = "block";
               }
           }
       }
       _s_id++;

       document.write("<div id='sp_a_" + _s_id + "' onclick='switch_spoiler(" + _s_id + ", \"{TEXT1}\");' style='vertical-align: middle; height: auto; line-height: 30px; padding-left:10px; background-color: #D3C5AB; font-size: 12px; font-weight: bold; color: #020202; cursor: hand;'><img border='0' align='absmiddle' src='http://shalbuzdag-666.ucoz.ru/plus.gif'> {TEXT1}</div><div id='sp_d_" + _s_id + "' style='display: none; min-height: 25px; background-color: #E2DBCC; padding-left:10px; padding-top:5px; padding-bottom:5px;'>{TEXT2}</div>");
       -->
       </script>
       </div>




Ништяковый смайл
 
Форум » Скрипты » Скрипты - для форума » Своеобразный вид спойлера
Страница 1 из 11
Поиск:
мини-чат
Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2017 ()
уЧётчик сайта