Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.222.156.198
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
ICQ, Skype, Steam, ВКонтакте - Новые окна на jQuery v.2
Сообщение оставлено 15.06.2011 в 17:11:22 | Сообщение #1
[table][/table]
[table]Это аналогичный скрипт "ICQ, Skype, Steam, Vkontakte - окна Ajax"
Мне просто надоели окна на Ajax решил переделать скрипт на библиотеке jQuery
Эффект потрясающий, дизайн легко изменяем под свои нужды
Также эти окна можно использовать под другие скрипты[/table]
[table][/table]
[table]Активируем поля : "MSN" "ICQ" "YAHOO" "AOL" - ставим только галочки в левой колонке ! [/table]
[table] Переименовываем данные поля так :
MSN - Ссылка ВКонтакте
ICQ - Номер ICQ
YAHOO - Имя Skype
AOL - Логин Steam [/table]
[table] Добавляем это в самый верх вида материалов форума:[/table]
Code
<style>    
    .toast-container{width:280px;z-index:9999;}    
    .toast-item{height:auto;background:#333;opacity:.9;    
    -moz-border-radius:10px;-webkit-border-radius:10px;color:#eee;    
    padding-top:6px;padding-bottom:6px;padding-left:6px;    
    padding-right:6px;font-family:Arial;font-size:12px;border:2px solid #444;    
    display:block;position:relative;margin:0 0 10px 0;}    
    .toast-item-close{background:url(http://up-rise.ru/Design/1/img/delete_fp.gif);    
    width:11px;height:11px;position:    
    absolute;top:7px;right:7px;cursor:pointer;}    
    .toast-item-image{width:32px;height:32px;margin-left:4px;    
    margin-top:0px;margin-right:10px;float:left;}    
    .toast-item-image-UpRiseRu2ID$UID${    
    background:url(http://up-rise.ru/All-Scripts/NewOkna/icq.png) no-repeat bottom center;}    
    .toast-item-image-UpRiseRu1ID$UID${    
    background:url(http://up-rise.ru/All-Scripts/NewOkna/Steam.png) no-repeat bottom center;}    
    .toast-item-image-UpRiseRu3ID$UID${    
    background:url(http://up-rise.ru/All-Scripts/NewOkna/Skype.png) no-repeat bottom center;}    
    .toast-item-image-UpRiseRu4ID$UID${    
    background:url(http://up-rise.ru/All-Scripts/NewOkna/vkontakte.png) no-repeat bottom center;}    
    .toast-type-UpRiseRu2ID$UID${color:#dedede;}    
    .toast-type-UpRiseRu1ID$UID${color:#dedede;}    
    .toast-type-UpRiseRu3ID$UID${color:#dedede;}    
    .toast-type-UpRiseRu4ID$UID${color:#dedede;}    
    .toast-position-top-right{position:fixed;top:40px;right:20px;}    
    .textup-rise {width:98%;height:20px;background:#444;border:1px solid #555;color:#e8e8e8;padding:2 0 0 2;}    
    </style>

[table]Подключаем в общий вид форума сразу после BODY$ :[/table]
Code
<script type="text/javascript" src="http://up-rise.ru/All-Scripts/NewOkna/jquery-1.5.min.js"></script>    
    <script type="text/javascript" src="http://up-rise.ru/All-Scripts/NewOkna/jquery.toastmessage-min.js"></script>

[table]Далее если все верно сделано в "вид материалов форума" после такого кода :[/table]
Code
<?if($USER_TITLE$)?><div class="postRankName">$USER_TITLE$</div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?>

[table]вставляем данный код[/table]
Code
<?if($AOL$)?><script type="text/javascript">    

      function showUpRiseRu1ID$UID$Toast() {    
      $().toastmessage('showToast', {    
      text : '<div style="padding:0 0 10 0;">Steam: <b>$USERNAME$</b></div><center><textarea class="textup-rise" readonly onclick="this.select()">$AOL$</textarea></center>',    
      sticky : true,    
      position : 'top-right',    
      type : 'UpRiseRu1ID$UID$',    
      closeText: '',    
      close : function () {    
      console.log("toast is closed ...");    
      }    
      });    

      }    
    </script><?endif?>    
    <?if($ICQ$)?><script type="text/javascript">    
      function showUpRiseRu2ID$UID$Toast() {    
      $().toastmessage('showToast', {    
      text : '<div style="padding:0 0 10 0;">ICQ: <b>$USERNAME$</b></div><center><textarea class="textup-rise" readonly onclick="this.select()">$ICQ$</textarea></center>',    
      sticky : true,    
      position : 'top-right',    
      type : 'UpRiseRu2ID$UID$',    
      closeText: '',    
      close : function () {    
      console.log("toast is closed ...");    
      }    
      });    

      }    
    </script><?endif?>    
    <?if($YAHOO$)?><script type="text/javascript">    
      function showUpRiseRu3ID$UID$Toast() {    
      $().toastmessage('showToast', {    
      text : '<div style="padding:0 0 10 0;">Skype: <b>$USERNAME$</b></div><center><textarea class="textup-rise" readonly onclick="this.select()">$YAHOO$</textarea></center>',    
      sticky : true,    
      position : 'top-right',    
      type : 'UpRiseRu3ID$UID$',    
      closeText: '',    
      close : function () {    
      console.log("toast is closed ...");    
      }    
      });    

      }    
    </script><?endif?>      
    <?if($MSN$)?><script type="text/javascript">    
      function showUpRiseRu4ID$UID$Toast() {    
      $().toastmessage('showToast', {    
      text : '<div style="padding:0 0 10 0;">ВКонтакте: <b>$USERNAME$</b></div><center><textarea class="textup-rise" readonly onclick="this.select()">$MSN$</textarea></center>',    
      sticky : true,    
      position : 'top-right',    
      type : 'UpRiseRu4ID$UID$',    
      closeText: '',    
      close : function () {    
      console.log("toast is closed ...");    
      }    
      });    

      }    

    </script><?endif?>    

    <?if($MSN$)?><a href="javascript:showUpRiseRu1ID$UID$Toast();"><img src="http://up-rise.ru/Pa3Hoe/img/steam_ico.png"></a><?endif?>    
    <?if($ICQ$)?><a href="javascript:showUpRiseRu2ID$UID$Toast();"><img src="http://status.icq.com/online.gif?icq=$ICQ$&img=5"></a><?endif?>    
    <?if($YAHOO$)?><a href="javascript:showUpRiseRu3ID$UID$Toast();"><img src="http://up-rise.ru/Pa3Hoe/img/skype.ico"></a><?endif?>    
    <?if($AOL$)?><a href="javascript:showUpRiseRu4ID$UID$Toast();"><img src="http://up-rise.ru/Pa3Hoe/img/vkontakte.ico"></a><?endif?>

[table]И переходим в "Персональную страницу пользователя" И после :[/table]
Code
<?if($_WWW$)?><div id="block12" class="udtb"><div class="udtlb">Сайт:</div> $_WWW$</div><?endif?>

[table]Вставляем сразу :[/table]
Code
<?if($_ICQ$)?>    
    <div id="block13" class="udtb"><div class="udtlb"><img src="http://status.icq.com/online.gif?icq=$_ICQ$&img=5"> ICQ:</div> <a href="icq:$_ICQ$?add">$_ICQ$</a></div>    
    <?endif?>    
    <?if($_YAHOO$)?>    
    <div id="block16" class="udtb"><div class="udtlb"><img src="http://up-rise.ru/Pa3Hoe/img/skype.ico"> Skype:</div> <a href="skype:$_YAHOO$?add">$_YAHOO$</a></div>    
    <?endif?>    
    <?if($_MSN$)?>    
    <div id="block16" class="udtb"><div class="udtlb"><img src="http://up-rise.ru/Pa3Hoe/img/vkontakte.ico"> ВКонтакте:</div> <a target="_blank" href="$_MSN$">$_MSN$</a></div>    
    <?endif?>    
    <?if($_AOL$)?>    
    <div id="block16" class="udtb"><div class="udtlb"><img src="http://up-rise.ru/Pa3Hoe/img/steam_ico.png"> Steam:</div> <a href="steam:$_AOL$?add">$_AOL$</a></div>    
    <?endif?>
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика