• Страница 1 из 1
  • 1
Форум » Главное Убежище » Мастерская » Скрипты » Сталкерский прозрачный мини-чат для форума
Сталкерский прозрачный мини-чат для форума
XemorDioДата: Четверг, 17.07.2014, 19:17 | Сообщение # 1



Группа: Создатели миров
Сообщений: 108
Награды: 1
Статус: Offline


Установка:
Заходим в общий вид форума и после "BODY" всталяем.
Код
<div class="fade_img"><div style="position:absolute;position:fixed;bottom:1;right:1;opacity:1.0;">    
    <div id="chat" style="display: none;"><table border="0" cellpadding="0" cellspacing="0" width="300" height="15" style="border: 1px solid #1d1d1d; background: #1d1d1d;">    
    <tr><td height="15" background="http://stalkerbunker.3dn.ru/icon-forum/mini-chat/forum_img_1.gif"></td></tr><tr><td style="background:url('http://passagestalker.3dn.ru/img/advanced_table_bg.gif'); text-align: center; border-top: 1px solid #1d1d1d;">    
    $CHAT_BOX$    
    <input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" /></form>    
    <script type="text/javascript">initSel7174();</script>    
    <table border="0" cellpadding="1" cellspacing="1" width="100%">    
    <tr><td width="206">    
    </td></tr></table>    
    </td></tr></table></div>    
    <div style="padding:5px;background:url('http://stalkerbunker.3dn.ru/icon-forum/mini-chat/table_bg.gif') repeat-x #494949; width: 288px; border: #2d2d2d 1px solid; color:#707070;">    
    <div style="float:right; center; padding-top: 4px;">$TIME$</div>    
    <div style="float: left; padding-top: 3px;"><a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img src="http://stalkerbunker.3dn.ru/icon-forum/mini-chat/poll.gif" alt="Обновить" border="0" width="16" height="16" style="padding-left: 3px;"></a></div>    
    <div style="margin-top: 4px; text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><img src= "http://stalkerbunker.3dn.ru/icon-forum/mini-chat/nimichat.png" title="Мини чат"width="200" height="15" border="0"></a></div>    
    </div></div></div>

Так, теперь для того чтобы была прозрачность заходим в КСС, и всталяем туда это:
Код
/* ----////// Эффект прозрачности passagestalker/////------- */    

.opacitymy a img {    
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=40);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;    
}    

.opacitymy a:hover img {    
opacity:1.5; -moz-opacity:1.0; filter:alpha(opacity=100);    
}

#banners a img {    
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=40);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;    
}    

#banners a:hover img {    
opacity:1.5; -moz-opacity:1.0; filter:alpha(opacity=100);    
}

#to_main a {    
opacity:0.2; -moz-opacity:0.2; filter:alpha(opacity=20);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;    
}    
#to_main a:hover {    
opacity:1.5; -moz-opacity:1.0; filter:alpha(opacity=100);    
}

#to_edit a {    
opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;    
}    
#to_edit a:hover {    
opacity:1.5; -moz-opacity:1.0; filter:alpha(opacity=100);    
}

.fade_img {    
opacity:0.8; -moz-opacity:0.4; filter:alpha(opacity=40);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;    
}    
.fade_img:hover {    
opacity:1.5; -moz-opacity:1.0; filter:alpha(opacity=100);    
}

.fade_img_x2 {    
opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;    
}    
.fade_img_x2:hover {    
opacity:1.5; -moz-opacity:1.0; filter:alpha(opacity=100);    
}

.fade_button {    
opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;    
}    
.fade_button:hover {    
opacity:1.5; -moz-opacity:1.0; filter:alpha(opacity=100);    
}
/* -------- */

Готово!
Источник: passagestalker.3dn.ru
Страна:
Форум » Главное Убежище » Мастерская » Скрипты » Сталкерский прозрачный мини-чат для форума
  • Страница 1 из 1
  • 1
Поиск: