[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Раздвижной мини-профиль для чёрного дизайна
Дата: Пятница, 11.03.2011, 10:09 | Сообщение # 1
Администратор
    Сообщений:
    841
    Награды:
    2


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

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

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>
              Вы вошли как: <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>
           <!-- //Конец управления профилем -->
  • Страница 1 из 1
  • 1
Поиск: