• Страница 1 из 1
  • 1
Скрипт Добавь в закладки от сайта csomsk.ru с эффектом свече
Lexarus
Offline
Дата: Среда, 17.08.2011, 18:14 | Сообщение # 1
Постов: «3513»
Лучший админ

Скрипт Добавь в закладки от сайта csomsk.ru с эффектом свечения при наведении курсором на изображение
Установка:
Вставляем в блок:
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/" rel=sidebar onclick="window.external.addFavorite(location.href,'Шаблоны и скрипты для uCoz'); return false;"><img src="http://www.csomsk.ru/skripty_ucoz/zakladka.gif" border="0" alt="Добавь сайт в закладки" /></A></div></div><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">Нажми на клавиатуре Ctrl+D или нажми <a title="Добавить эту страницу в избранное вашего браузера" href="" rel="sidebar" title="Добавить эту страницу в избранное вашего браузера" onclick="if(document.all && !window.opera){window.external.AddFavorite(this.href,'csomsk.Ru™ - Всё для тебя и твоей игры!'); return false;}">Добавить</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;}
  • Страница 1 из 1
  • 1
Поиск: