Установка:
Заходим в общий вид форума и после "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