[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Раздвижной мини-профиль
orlenokДата: Среда, 02.12.2009, 12:35 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 532
Статус: Offline

Хороший, раздвижной мини-профиль с формой входа. При нажатии на "Открыть", открывается с интересным эффектом.

Скрипты собраны в блок и отредактированы мной.

Создаём блок и вставляем в него этот код:

Code
<script type="text/javascript">
      $(document).ready(function(){$("#doskapocheta").click(function(){$("div#doskapoch").show("slow"); $("div#userminiprof").hide("slow");});});
      $(document).ready(function(){$("#backprofil").click(function(){$("div#userminiprof").show("slow"); $("div#doskapoch").hide("slow");});});
      </script>
      <div id="userminiprof">
      <!-- Мини профиль-->
      <div align="center"><strong><font color="#FF9933">$DATE$, $WDAY$</font><br><font color="#33FF00">$TIME$</font></strong>
      <br>
      <br>
      <?if($USER_AVATAR_URL$)?>
      <img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0">
      <?else?>
      <?if($USER_LOGGED_IN$)?>
      <img class="userAvatar" title="$USERNAME$" src="http://orlenok.do.am/files/no_avatar.gif" border="0">
      <?else?>
      <img class="userAvatar" title="$USERNAME$" src="http://orlenok.do.am/files/no_avatar-2.gif" border="0">
      <?endif?><?endif?>
      <br>
      <br>
         Вы вошли как:  
<br>
<strong><font color="#339933"><b> $USERNAME$</b></font></strong>
      <br>
      Группа: <strong><font color="#FF9933"> $USER_GROUP$</font></strong>
      <br>
      На сайте: <strong><font color="#FF0000"> $USER_REG_DAYS$</font>-й день</strong>
      <br>
      Вы пользователь № <strong><font color="#0099FF"> $USER_ID$</font></strong>
      <br>
      Личных сообщений:<strong><font color="#0099FF"> $UNREAD_PM$</font></strong>
      <br>
      Ваш браузер:<strong><font color="#FF0066"> $USER_AGENT$</font></strong>
      <br>
      Ваш Ip:<strong><font color="#FF9933"> $IP_ADDRESS$</font></strong>
      <br>
      <br>
      <div align="center"></div>
      <div align="left">
      <b></b><center><b>
      <a title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><img src="http://orlenok.do.am/files/lich.png" border="0"></a>
      <a title="Читать личные сообщения" href="java script://" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;"><img src="http://orlenok.do.am/files/ls.png" border="0"></a>
      <a title="Выход" href="$LOGOUT_LINK$"><img src="http://orlenok.do.am/files/vixod.png" alt="" border="0"></a></b></center></div>
      </div>
      <br>
      <center>[ <a href="javascript://" id="doskapocheta">Открыть</a> ]</center>
      <!-- //Конец мини профиля -->
      </div>
      <br>
      $LOGIN_FORM$
      <div id="doskapoch" style="display:none;">
      <!-- Управление профилем -->
             <style>
      .blockmenu a:link,
      .blockmenu a:visited {
      color:#ffffff;
      text-decoration:none;
      padding-left:17px;
      line-height:18px;
      display:block;
      font-weight:normal;
      background: #000000;
      border-top: 1px solid #666666;
      border-right: 1px solid #666666;
      border-bottom: 1px solid #666666;
      border-left: 1px solid #666666;
      text-align: left;
      }
      .blockmenu a:hover {
      color:#ffffff;
      text-decoration:none;
      padding-left:16px;
      line-height:18px;
      display:block;
      font-weight:normal;
      border: 1px solid #666666;
      background: #333333 url("http://orlenok2.do.am/Files/m.gif") no-repeat left center;
      text-align: left;
      }

      </style>
             <SPAN class="blockmenu">
             <a href="/news/0-0-0-0-1">Добавить новость</a>
             <a href="/load/0-0-0-0-1">Добавить файл</a>
             <a href="/photo/0-0-0-1">Добавить фото</a>
             <a href="$PERSONAL_PAGE_LINK$">Личная страница</a>
             <a href="/index/11">Редактировать мои данные</a>
             <a href="$USERS_LIST_URL$">Список пользователей</a>
             <a href="$LOGOUT_LINK$">Выход</a>
             </SPAN>
             <br>
             <center>[ <a href="javascript://" id="backprofil">Закрыть</a> ]</center>
      <!-- //Конец управления профилем -->
 
CWolfДата: Четверг, 17.12.2009, 00:52 | Сообщение # 2
Группа: Проверенные
Сообщений: 12
Статус: Offline

Отлично, как раз то что нужно.

orlenok, я немного нахимичил со скриптом, теперь там красуется ещё и мп3-плеер моего сайта.

Спс за скрип =)


No more DMW, only CWolf...
 
  • Страница 1 из 1
  • 1
Поиск:

Скачать Adobe Photoshop

Как установить Adobe Photoshop

Adobe Photoshop Portable

Adobe Flash Professional

Orlenok Design Studio ® 2008 - 2024