Black Admin Panel (BAP) By Sac Svipe [BETA] Activation

2031
10 из 10
Проголосовало: 7





За картинку извините, это не реклама, просто надо было полностью ее показать.... Не обрывок же пихать

Решил сделать свою админ панель, так как стандартная уже надоела..... Пока что это еще первая версия, и она находится в стадии тестирования.... Вот и решил выложить ее сюда, чтобы вы ее протестировали... Еще раз напоминаю, я только учусь!!!

На данный момент там есть не все функции, но большинство из них.... Я, например, не знаю какую ссылку нужно вставлять, чтобы включился конструктор и так далее... Надеюсь вы мне в этом поможете... Если что писать в ЛС)))
Панель сделал из меню на CSS , которую, кстати, нашел на просторах этого же самого сайта

Хотя блоки в колонках справа или слева можно сделать через ПУ!!!

ВНИМАНИЕ!!! Панель видит только администратор!!!


::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Итак, есть два способа установки панельки

Способ первый:

Заменяем панелькой стандартный админ бар, то есть админ бара больше не будет (он появляется только в ПУ), а вместо него будет "BAP" (Black Admin Panel).

Шаг 1
Идем: ПУ->Управление дизайном->таблица стилей CSS-> в самый низ вставляем

Code
.dropdown {  
  position: relative;  
  height: 27px;  
  border-width: 1px;  
  border-style: solid;  
  border-color: #272c33 #242930 #22272d;  
  border-radius: 3px;  
  display: inline-block;  
  vertical-align: baseline;  
  zoom: 1;  
  *display: inline;  
  *vertical-align: auto;  
  background-color: #363d47;  
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a5361), color-stop(100%, #363d47));  
  background-image: -webkit-linear-gradient(top, #4a5361, #363d47);  
  background-image: -moz-linear-gradient(top, #4a5361, #363d47);  
  background-image: -ms-linear-gradient(top, #4a5361, #363d47);  
  background-image: -o-linear-gradient(top, #4a5361, #363d47);  
  background-image: linear-gradient(top, #4a5361, #363d47);  
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);  
  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);  
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);  
  }  
  .dropdown a {  
  font-size: 12px;  
  text-shadow: 0 1px #000;  
  }  
  .dropdown a:hover {  
  text-decoration: none;  
  }  
  .dropdown > a {  
  float: left;  
  position: relative;  
  height: 27px;  
  line-height: 26px;  
  padding: 0 12px;  
  color: #ecf0f1;  
  border-radius: 2px 0 0 2px;  
  }  
  .dropdown > a:before {  
  content: '';  
  display: inline-block;  
  width: 10px;  
  height: 11px;  
  vertical-align: -2px;  
  margin-right: 10px;  
  background: url("settings.png") 0 0 no-repeat;  
  }  
  .dropdown > a:hover {  
  background: #3f4753;  
  background: rgba(255, 255, 255, 0.04);  
  }  
  .dropdown > a:active {  
  background: #343b44;  
  }  
  .dropdown div {  
  float: left;  
  height: 27px;  
  width: 26px;  
  background: url("toggle.png") 9px 9px no-repeat;  
  border-left: 1px solid #292e36;  
  border-color: rgba(0, 0, 0, 0.4);  
  -webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08);  
  -moz-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08);  
  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08);  
  }  
  .dropdown div:hover {  
  -webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.04), inset 26px 26px rgba(0, 0, 0, 0.1);  
  -moz-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.04), inset 26px 26px rgba(0, 0, 0, 0.1);  
  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.04), inset 26px 26px rgba(0, 0, 0, 0.1);  
  }  
  .dropdown div:hover ul {  
  display: block;  
  }  
  .dropdown ul {  
  display: none;  
  position: absolute;  
  top: 27px;  
  left: -1px;  
  right: -1px;  
  background: #272c33;  
  border: 1px solid #20242a;  
  border-radius: 0 0 3px 3px;  
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);  
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);  
  }  
  .dropdown ul li {  
  display: block;  
  }  
  .dropdown ul li:last-child a {  
  border-radius: 0 0 3px 3px;  
  }  
  .dropdown ul a {  
  display: block;  
  line-height: 28px;  
  padding: 0 10px 1px;  
  color: #b2b8c4;  
  border-top: 1px solid transparent;  
  }  
  .dropdown ul a:hover {  
  color: #fff;  
  border-color: #78aad5;  
  text-shadow: 0 1px rgba(0, 0, 0, 0.7);  
  background-color: #426ebf;  
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e9ace), color-stop(100%, #416cb8));  
  background-image: -webkit-linear-gradient(top, #5e9ace, #416cb8);  
  background-image: -moz-linear-gradient(top, #5e9ace, #416cb8);  
  background-image: -ms-linear-gradient(top, #5e9ace, #416cb8);  
  background-image: -o-linear-gradient(top, #5e9ace, #416cb8);  
  background-image: linear-gradient(top, #5e9ace, #416cb8);  
  }


Шаг 2

Идем в ПУ->Управление дизайном->Справа сверху видим: "Быстрая замена"->жмем на нее-> режим замены: "простой"

В поле "Что заменить?" пишем: $ADMIN_BAR$

В поле "На что заменить?" вставляем код:

Code
<?if($GROUP_ID$="4")?>  
  <div class="dropdown">  
  <a>Общее</a>  
  <div>  
  <ul>  
  <li><a href="$PERSONAL_PAGE_LINK$">Профиль</a></li>  
  <li><a href="$HOME_PAGE_LINK$panel">Оформление</a></li>  
  <li><a href="$LOGOUT_LINK$">Выйти</a></li>  
  </ul>  
  </div>  
  </div>  
  <div class="dropdown">  
  <a >Управление</a>  
  <div>  
  <ul>  
  <li><a href="/index/86" target="blank">Комментарии</a></li>  
  <li><a href="$HOME_PAGE_LINK$tmpls/?a=fm;n=1" target="blank">ФМ</a></li>  
  </ul>  
  </div>  
  </div>  
  <div class="dropdown">  
  <a >Добавление</a>  
  <div>  
  <ul>  
  <li><a href="$HOME_PAGE_LINK$index/31" target="blank">Страницу</a></li>  
  <li><a href="$HOME_PAGE_LINK$news/0-0-0-0-1" target="blank">Новость</a></li>  
  <li><a href="$HOME_PAGE_LINK$blog/0-0-0-0-1" target="blank">Блог</a></li>  
  <li><a href="$HOME_PAGE_LINK$publ/0-0-0-0-1" target="blank">Статью</a></li>  
  <li><a href="$HOME_PAGE_LINK$load/0-0-0-0-1" target="blank">Файл</a></li>  
  <li><a href="$HOME_PAGE_LINK$photo/0-0-0-0-1" target="blank">Фото</a></li>  
  <li><a href="$HOME_PAGE_LINK$faq/0-0-0-0-1" target="blank">Вопрос</a></li>  
  </ul>  
  </div>  
  </div>  
  <div class="dropdown">  
  <a >Польователи</a>  
  <div>  
  <ul>  
  <li><a href="$HOME_PAGE_LINK$index/15-1" target="blank">Все пользователи</a></li>  
  <li><a href="$HOME_PAGE_LINK$index/14-0-5" target="blank">Рассылка ЛС</a></li>  
  </ul>  
  </div>  
  </div>  
  <?endif?>


Способ первый завершен!!!


::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Способ второй:

Стандартный админ бар не убирать, а просто под ним поставить "BAP" и все.....
Автор публикации: Загрузка
Загрузка
SacSvipe, это его n материал
Источник: http://Sac Svipe Company
  • Всего комментариев: 6

BLAzER
0
BLAzER написал: в материале Написано 28 Августа 2012 в 07:46
Комментарий №6
Хотя и много чего недоделано, но для первого раза пойдет.

Сергей
+1
Сергей написал: в материале Написано 27 Августа 2012 в 17:50
Комментарий №5
Классно молодец.!

Kostyan
0
Kostyan написал: в материале Написано 27 Августа 2012 в 17:47
Комментарий №4
Просто мой первый скрипт тоже почти так sad
Я тебя поддерживаю!Все с этого начинали, и не нужно на него всё спускать wacko

GooD[L]1ke
0
GooD[L]1ke написал: в материале Написано 27 Августа 2012 в 16:59
Комментарий №3
Мде, зачем писать "БОЛЬШИМИ БУКВАМИ"? dry

Lacr1mosa
+3
Lacr1mosa написал: в материале Написано 27 Августа 2012 в 14:04
Комментарий №2
facepalm а зачем везде поатыкано $HOME_PAGE_LINK$ в ссылках, если можно ограничиться обычным \

k43
-1
k43 написал: в материале Написано 27 Августа 2012 в 13:56
Комментарий №1
это чё? wacko

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2125
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 432
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • k43 написал:
  • Возможно из-за капчи для пользователей
  • Fast3sa написал:
  • Работает отлично,только вот бяда,отправлять могут только проверенные пользователи заявки(а просто юзеры не могут)
  • Fast3sa написал:
  • окей я понял что там не так(точнее я смог отправить сообщение о заказе) но только после того как поменял группу пользователю,помогите решить эту траблу
  • Fast3sa написал:
  • Народ подскажите в чем трабла? проблема такова заполняю все поля нажимаю отправить а он пишет не верный код безопасности,как это исправить,кода нет не какого сразу говорю
  • xXx_Pycckuu_xXx написал:
  • Загнулся ucodes.ru xD
    Последние темы
    Опрос
    319
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: