25-11-17, 11:39
uCozer
uCozer (Member)
  • Репутация: 100
  • Форум: 101
DalVeR
DalVeR (Admin)
  • Репутация: 2000
  • Форум: 38
masterlv
masterlv (Member)
  • Репутация: 2
  • Форум: 4
Lappuse 1 no 11
uCozer.uCoz.Lv - Forums » uCoz sistēma » Skripti (HTML & CSS) » Panelis sociālie tīkli
Panelis sociālie tīkli
uCozerДата: Svētdiena, 09-06-13, 14:07 | Сообщение # 1
Member
  • Сообщений: 101
  • Репутация:
  • Замечания: 0%
Kods:
Code
<div id="social-bar">   
   <a target="_blank" href="Links..."><img src="http://www.bildites.lv/images/ms0r4tax9flzus58lsjr.png" /><img class="hidden" src="http://www.bildites.lv/images/x2gz0bh9o94j8hzak9t7.png" /></a>
     
<a target="_blank" href="Links..."><img src="http://www.bildites.lv/images/awefwqr1br4mpc9h4awq.png" /><img class="hidden" src="http://www.bildites.lv/images/cfwwz40j8xtkuibaf4w.png" /></a>
     
   <a target="_blank" href="Links..."><img src="http://www.bildites.lv/images/cvosdnpy04ec4ysvyy5f.png" /><img class="hidden" src="http://www.bildites.lv/images/a8e7rklk1s56o24tu097.png" /></a>
     
   <a target="_blank" href="Links..."><img src="http://www.bildites.lv/images/lr4maawe7gjivpmj2i6o.png" /><img class="hidden" src="http://www.bildites.lv/images/uxcy1xvcftlpmhe2ncn.png" /></a>
     
   <a target="_blank" href="Links..."><img src="http://www.bildites.lv/images/h055l3ilc9e5wnl2umq.png" /><img class="hidden" src="http://www.bildites.lv/images/wp75dmwst0aowqe3cgp.png" /></a>
     
   </div>   
   <script>   
   $( '#social-bar a' ).mouseover( function () {   
   $( 'img:first', $( this ) ).hide();   
   $( 'img.hidden', $( this ) ).show();   
   } );   
   $( '#social-bar a' ).mouseout( function () {   
   $( 'img.hidden', $( this ) ).hide();   
   $( 'img:first', $( this ) ).show();   

   } );   
   </script>


CSS:
Code
#social-bar{position: fixed; bottom: 20px; right: 0; height: 165px; width: 20px; background-color: #fff; padding: 10px;   
   z-index: 10000;   
   border: 1px solid #aaa;   
   border-right: 0;   

   -webkit-border-radius: 10px 0 0 10px;   
   -moz-border-radius: 10px 0 0 10px;   
   border-radius: 10px 0 0 10px;   

   -moz-opacity: 0.3;   
   -khtml-opacity: 0.3;   
   opacity: 0.3;   

   transition: opacity 0.5s linear;   
   -moz-transition: -moz-opacity 0.5s linear; /* FF3.7+ */   
   -o-transition: opacity 0.5s linear; /* Opera 10.5 */   
   -webkit-transition: opacity 0.5s linear; /* Saf3.2+, Chrome */   
   }   
   #social-bar:hover{   
   -moz-opacity: 1;   
   -khtml-opacity: 1;   
   opacity: 1;   
   }   
   #social-bar img{   
   width: 25px;   
   margin-bottom: 10px;   
   }   
   .hidden{   
   display: none;   
   }


Iznākums:
 
RencisДата: Piektdiena, 03-01-14, 03:58 | Сообщение # 2
Member
  • Сообщений: 1
  • Репутация: 0
  • Замечания: 0%
[green]fdghjjk[/green]
 
uCozer.uCoz.Lv - Forums » uCoz sistēma » Skripti (HTML & CSS) » Panelis sociālie tīkli
Lappuse 1 no 11
Meklēšana:
Uzturēšanu nodrošina uCoz