23:57 Вторник 2025
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Время в профиле прош... (0)
КПК - персональная с... (0)
Вид цитаты и code st... (0)
СТАЛКЕРСКИЙ МИНИ-ПРО... (0)
БЛОК ИНТЕРЕСНЫХ ФАКТ... (0)
Гид по Народной Соля... (27)
Бар «От заката до ра... (18)
Гид по прохождению м... (16)
Азы модостроения (14)
Баги и ошибки на сай... (8)
XemorDio(died) (626)
Бармен (146)
ExGooD (48)
habib (37)
Rayviner (19)
maksimstebnovskij5 (02.03.2023)
slitkovets (30.10.2022)
ianoiano62 (29.01.2022)
Timkalv (20.09.2021)
Myloisonau (03.09.2021)

  • Страница 1 из 1
  • 1
Сталкерский прозрачный мини-чат для форума (Рабочий)
XemorDio(died)Дата: Четверг, 21.01.2016, 07:46 | Сообщение # 1
Генерал-лейтенант
Группа: Свобода
Сообщений: 626
Награды: 3
Репутация: 4
Статус:

Установка:
Заходим в общий вид форума и после "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://passagestalker.3dn.ru/img/forum/4/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://passagestalker.3dn.ru/img/forum/4/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://passagestalker.3dn.ru/img/forum/4/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://passagestalker.3dn.ru/img/forum/4/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
Поиск: