[ Главная страница · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для сайтов uCoz » Пользователи » раздвижной мини профиль для черных дизайнов
раздвижной мини профиль для черных дизайнов
c0m Дата: Среда, 04.04.2012, 14:57 | Сообщение # 1
Пользователь №: 577
Сообщений: 181
Замечания: 0%
20
04.04.2012
http://s52.radikal.ru/i135/0912/ef/6ae381acd6fb.jpg
http://i066.radikal.ru/0912/a2/5f30128f95ba.jpg
Хороший, раздвижной мини-профиль с формой входа. При нажатии на "Открыть", открывается с интересным эффектом.
Отлично подойдёт для такого дизайна, как на этом сайте, так как в мини-профиле, я использовал скрипт такого же меню.
Скрипты взяты с разных сайтов, собраны в блок и отредактированы мной.
Создаём блок и вставляем в него этот код:

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>  
            <!-- //Конец управления профилем -->  
Форум » Скрипты для сайтов uCoz » Пользователи » раздвижной мини профиль для черных дизайнов
Страница 1 из 11
Поиск: