Форум [HoC] | Развлекательный форум

Правила форума Подписки Ленточный

Статистика Форума

Последние обновленные темы

Самые популярные темы

Самые активные

Новые участники

Ловец снов (ОБТ) (0)

Контракт: Выходец с того ... (0)

Prosectors Project 1.7 (0)

Тайна Кордона (0)

История Джона 2 (ОБТ) (0)

У костра (193)

Анекдоты (145)

Города (94)

Обновления сайта (77)

Свалка (68)

StraNNik (1416)

RamzeS (513)

Каратель (170)

Narkostalker (121)

Кракен (93)

Fugaz56 (09.08.2023)

Пряня (22.06.2023)

yaroslavcohevis80 (16.11.2022)

61373872 (12.08.2022)

vhaack72 (15.06.2022)

Страница 1 из 1
1

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

Мини-профиль по клику правой кнопки мыши

StraNNik

Слышу гимн зашитых ртов

Группа: Администратор

Ранг: Опытный

Сообщений: 1416

Карма: 33

Сообщение # 1

Дата: 15.09.2016 в 00:32

Перед тем как начать установку, хочу предупредить, что стандартный функционал правой кнопки мыши будет недоступен. Посмотрите работу скрипта на демо-примере.

Установка

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$"> $USERNAME$</a></li>
 <li><a href="/load/0-0-0-0-1"> Добавить файл</a></li>
 <li><a href="/news/0-0-0-0-1"> Добавить новость</a></li>
 <li><a href="/photo/0-0-0-1-2"> Добавить фото</a></li>
 <li><a href="/publ/0-0-0-0-1"> Добавить Статью</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>

В "На что заменить" переносим этот код:

Код

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}

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

Ошибка сайта? Пиши сюда! | Битая ссылка? Информируй! | Обидели? Докладывай!

Страница 1 из 1
1