• Страница 1 из 1
  • 1
Скрипт Рекламные места от сайта csomsk.ru с эффектом прозрач
Lexarus
Offline
Дата: Вторник, 16.08.2011, 16:17 | Сообщение # 1
Постов: «3513»
Лучший админ
Скрипт Рекламные места от сайта csomsk.ru с эффектом свечения баннеров при наведении курсором. Размеры баннеров 150х200 и 88х31
Установка:
В блок вставляем:
Code
<script>  
  jQuery(function(){  
  $("#banners img").hover(function(){  
  $(this).stop().animate({opacity:'1.0'})},  
  function(){$(this).stop().animate({opacity:'.3'})}  
  );  
  });  
  </script>  
<div id="banners"><div align="center" class="eMessagecsomsk"><A title="Портал для вебмастеров uCoz и игроков Counter-Strike" href="http://www.csomsk.ru/" target="_blank"><img src="http://www.csomsk.ru/160x250.png" border="0" alt="Свободное рекламное место 150х200" /></A></div><hr><center><a href="http://csomsk.ru/" target="_blank" title="Популярный сайт counter-strike,ucoz"><img src="http://csomsk.ru/Untitled-1.gif" width=88 height=31 border=0></a><img src="http://csomsk.ru/1-ucoz/news-new/reklama1.png" border="0" alt="" /></center>  
  <center><img src="http://csomsk.ru/1-ucoz/news-new/reklama1.png" border="0" alt="" /><img src="http://csomsk.ru/1-ucoz/news-new/reklama1.png" border="0" alt="" /></div></center><br><table cellspacing="0" cellpadding="0">  
  <tr>  
  <td class="op_fon">  
  <img src="http://www.csomsk.ru/1-ucoz/news-new/dialog-warning.png"></td>  
  <td class="gost" valign="top">Рекламные места свободны Обращайтесь к <a href="http://www.csomsk.ru/index/8-349" target="_blank" title="Админ"><font color="red">Lexarus</font></a>  
  </td>  
  </tr>  
  </table>

В CSS вставляем:
Code
#banners img{opacity:.3;filter:alpha(opacity=30)}  
.op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:40px;}  
  .gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:40px;font:10px Tahoma;width:150px;}  
  .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}  
  .eMessagecsomsk a img, .eMessagecsomsk img {padding:3px !important;background:#ffffff;  
  border:1px solid#dbdbdb !important;border-radius:4px;  
  -moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}  
  a img {border:0px;}
hr {color:#777777;height:2px;border-top:0px;border-style:dashed;border-left: none; border-right: none;}
  • Страница 1 из 1
  • 1
Поиск: