Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Баннерообмен с SVK Portal (2)
Hibernation Evil - Эпизод... (0)
Народная Солянка 2016 [OG... (0)
У костра (193)
Вступить в группировку (40)
У костра (193)
Анекдоты (145)
Города (94)
Обновление сайта (68)
Создание НПС (63)
StraNNik (1366)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
Aleksandr04071963 (22.09.2020)
ppippitto79 (12.09.2020)
oksanakisulka (04.09.2020)
frost154medium (12.08.2020)
jeri (11.08.2020)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Мини-Профили » Мини-профиль по клику правой кнопки мыши
Мини-профиль по клику правой кнопки мыши
StraNNik
StraNNik
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1366
Карма: 28 | Хабар: 10
Слышу гимн зашитых ртов
Дата: Четверг, 15.09.2016, 00:32/ Сообщение №: 1
Перед тем как начать установку, хочу предупредить, что стандартный функционал правой кнопки мыши будет недоступен. Посмотрите работу скрипта на демо-примере.

Установка

0. Перед установкой скрипта настоятельно рекомендую сделать бекап шаблона ("Дизайн" — "Резервное копирование шаблона" — "Создать резервную копию".

1. Переходим во вкладку "Дизайн" в ПУ сайта и нажимаем на "Быстрая замена участков шаблонов". Выбираем многострочный режим замены. В "Что заменить" прописываем:
Код
<body>


В "На что заменить" прописываем:
Код
<body>    
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">    
    <?if($USER_LOGGED_IN$)?>    
  <ul class="contextMenu" hidden>    
  <li><a href="$PERSONAL_PAGE_LINK$"><i class="fa fa-user"></i> $USERNAME$</a></li>    
  <li><a href="/load/0-0-0-0-1"><i class="fa fa-file-o"></i> Добавить файл</a></li>    
  <li><a href="/news/0-0-0-0-1"><i class="fa fa-newspaper-o"></i> Добавить новость</a></li>    
  <li><a href="/photo/0-0-0-1-2"><i class="fa fa-picture-o"></i> Добавить фото</a></li>    
  <li><a href="/publ/0-0-0-0-1"><i class="fa fa-file-text-o"></i> Добавить Статью</a></li>    
  <li>    
  <a class="fa fa-users" href="/index/15"></a>    
  <a class="fa fa-inbox" href="/index/14"></a>    
  <a class="fa fa-pencil" href="/index/11"></a>    
  <a class="fa fa-sign-out" href="/index/10"></a>    
  </li>    
  </ul>    
    <?endif?>


2. Далее на этой же странице ("Быстрая замена участков шаблонов") в "Что заменить" вставляем:
Код
</body>


В "На что заменить" переносим этот код:
Код
<script type="text/javascript">    
  $(document).bind("contextmenu", function(event) {    
  event.preventDefault();    
  $("ul.contextMenu")    
  .show()    
  .css({top: event.pageY + 15, left: event.pageX + 10});    
  });    
  $(document).click(function() {    
  isHovered = $("ul.contextMenu").is(":hover");    
  if (isHovered == false){    
  $("ul.contextMenu").fadeOut("fast");    
  }    
  });    
  </script>    
  </body>


3. Последним шагом является установка стилей. В конец таблицы CSS вставляем:
Код
ul.contextMenu{    
  list-style:none;   
  margin:0;padding:0;    
  font: 300 15px 'Roboto', sans-serif;    
  position: absolute;    
  color: #333;    
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.2);    
    }    

    ul.contextMenu *{    
  transition:color .4s, background .4s;    
    }    

    ul.contextMenu li{    
  min-width:150px;    
  overflow: hidden;    
  white-space: nowrap;    
  padding: 12px 15px;    
  background-color: #fff;    
  border-bottom:1px solid #ecf0f1;    
    }    

    ul.contextMenu li a{    
  color:#333;    
  text-decoration:none;    
    }    

    ul.contextMenu li:hover{    
  background-color: #ecf0f1;    
    }    

    ul.contextMenu li:first-child{    
  border-radius: 5px 5px 0 0;    
    }    

    ul.contextMenu li:last-child{    
  background:#ecf0f1;    
  border-bottom:0;    
  border-radius: 0 0 5px 5px    
    }    

    ul.contextMenu li:last-child a{width:26%;}    
    ul.contextMenu li:last-child:hover a{color:#2c3e50}    
    ul.contextMenu li:last-child:hover a:hover{color:#2980b9}



Тихо на улице, пусто в квартире..Спасибо реактору №4

Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Мини-Профили » Мини-профиль по клику правой кнопки мыши
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Yandex.Browser
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-24.09.2020