VSEpodrad.ru

<script type="text/javascript" src="http://www.vsepodrad.ru/sait/ucoz/js/uzer_link.js"></script>

$(document).ready(function() {  
  $('.share_button').click(function(){  
  $('#center_dm_ru_load').fadeIn();  
  });  
  });  
  $(document).ready(function(){  
  $('.close').click(function(){  
  $('#center_dm_ru_load').fadeOut();  
  });  
  });

<div id="cell_share">  
  <button type="button" class="share_button" onclick=";return false;" id="like" ><span>Получить ссылку</span></button>  
  <div id="center_dm_ru_load">  
  $ADVBT_1$  
  <div class="close">X</div>  
  <div id="box_share_content">  
  <div class="pole_title">Ссылка:</div><input class="pole_linc" type="text" value="$ENTRY_URL$" onclick="select(this);">  
  <div class="pole_title">BB-код:</div><input class="pole_linc" type="text" value="[url=$ENTRY_URL$]$ENTRY_TITLE$[/url]" onclick="select(this);">  
  <div class="pole_title">HTML-код:</div><input class="pole_linc" type="text" value="<a href='$ENTRY_URL$'>$ENTRY_TITLE$</a>" onclick="select(this);">  
  </div>  
  </div>  
  </div>

/* Получить ссылку и посоветовать другу */  
  #cell_share {  
  float:left;  
  width:600px;  
  }  

  .share_button,  
  .adviceButton {  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  padding:3px 5px!important;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  border-radius: 5px;  
  }  

  .share_button {  
  float:right;  
  color: #F2F2F2; text-shadow: 1px 1px 1px #555;  
  background:#7B7B7B;  
  border:1px solid #525252;  
  margin-bottom: 10px;  
  }  

  .share_button:hover {  
  background:#8e8e8e;  
  }  

  .adviceButton {  
  float:left;  
  color:#229125!important; text-shadow:1px 1px 1px #fff;  
  background:#b7ebaf!important;  
  border:1px solid #84c28b!important;  
  }  

  .adviceButton:hover {  
  color:#226891!important;  
  background:#afd5eb!important;  
  border:1px solid #84ABC2!important;  
  }  

  .close {  
  float:right;  
  text-align:center;  
  cursor:pointer;  
  width:20px;  
  font: 12px Verdana,Arial,Helvetica, sans-serif;  
  color: #3a65a0; text-shadow: 1px 1px 1px #fff; font-weight: bold;  
  border: 1px solid #ADBFCD;  
  padding:2px;  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;  
  }  

  .close:hover {  
  background:#fff;  
  }  

  #center_dm_ru_load{  
  display:none;  
  overflow: hidden;  
  width:570px;  
  background:#F4F8F9;  
  border: 1px solid #adbfcd;  
  padding: 10px 15px;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  border-radius: 5px;  
  }  

  #box_share_content {  
  float:left;  
  width:100%;  
  }  

  .pole_title {  
  float:left;  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  color: #40627c;  
  width:80px;  
  background:#deeaf4;  
  border: 1px solid #adbfcd;  
  border-right: none;  
  padding: 3px 5px;  
  margin-top: 10px;  
  }  

  .pole_linc {  
  float:left;  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  color: #555;  
  width:467px;  
  background:#fff!important;  
  border: 1px solid #adbfcd!important;  
  padding: 3px 5px!important;  
  margin-top: 10px;  
  }