[3.8.x]

Итак для вас друзья плавающий Sidebar для вашего форума в разных стилях исполнения.

Человек у кого был взят хак: ChiNa-Man
Инфо хака орге на http://www.vbulletin.org/forum/showthread.php?t=286401

Есть два метода установки, итак начнем.

Первый метод:


Шаг 1: Зайдите в AdminCP, нажмите на стили и шаблоны, а затем Style Manager, с правой стороны в выпадающем меню, вы выбираете редактирования шаблонов!

Теперь вы находитесь в области шаблонов! Далее вам нужно в шаблон Header вставить следующий код ниже.

<style type="text/css">
#SideBar{
list-style:none;
position:fixed;
z-index:5;
right:0;
top:130px;
width:24px;
padding:8px 5px;
border:3px solid #fff;
border-right:none;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
-moz-box-shadow:0 0 7px rgba(0,0,0,.6);
-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);
box-shadow:0 0 7px rgba(0,0,0,.6);
background:rgb(0,0,0);
background:-moz-linear-gradient(top,rgba(243,52,8,.75),rgb(0,0,0);
background:-webkit-gradient(linear,left top,left,bottom,from(rgba(243,52,8,.75),to(rgb(0,0,0);
background:linear-gradient(top,rgba(243,52,8,.75),rgb(0,0,0);
}
#SideBar li{
margin:9px 0 0 0;
line-height:0
}
#SideBar li:first-child{
margin-top:0
}
#SideBar a{
display:block;
width:24px;
}
#SideBar a span{
position:absolute;
top:-999em
}
</style>
<ul id="SideBar">
<a href="index.php" title="Home"><img src="images/menu/home.png"></a></li>
<li><a href="usercp.php" title="UserCP"><img src="images/menu/profile.png"></a></li><li><a href="search.php" title="Search"><img src="images/test/search.png"></a></li>
<li><a href="profile.php?do=editavatar" title="Edit Avatar"><img src="images/menu/avatar.png"></a></li>
<li><a href="http://facebook.com" title="Facebook"><img src="images/menu/facebook.png"></a></li>
<li><a href="http://twitter.com" title="Twitter"><img src="images/menu/twitter.png"></a></li>
<li><a href="http://youtube.com" title="Youtube"><img src="images/menu/youtube.png"></a></li>
</ul>

Сохраняем!

Шаг 2: Распакуйте архив SideBar.zip , который находится ниже в приложениях с иконками внутри! И просто загрузить папку images в корень вашего форума!

Все готово!

Второй метод:

Шаг 1: Зайдите в AdminCP, нажмите управления стилями , далее выберите основную переменную CSS вашего стиля, далее в самом внизу в вставьте код ниже в таблицу "Дополнительные определения CSS" во второе окно ниже всех кодов.

#SideBar{
list-style:none;
position:fixed;
z-index:5;
right:0;
top:130px;
width:24px;
padding:8px 5px;
border:3px solid #fff;
border-right:none;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
-moz-box-shadow:0 0 7px rgba(0,0,0,.6);
-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);
box-shadow:0 0 7px rgba(0,0,0,.6);
background:rgb(0,0,0);
background:-moz-linear-gradient(top,rgba(243,52,8,.75),rgb(0,0,0);
background:-webkit-gradient(linear,left top,left,bottom,from(rgba(243,52,8,.75),to(rgb(0,0,0);
background:linear-gradient(top,rgba(243,52,8,.75),rgb(0,0,0);
}
#SideBar li{
margin:9px 0 0 0;
line-height:0
}
#SideBar li:first-child{
margin-top:0
}
#SideBar a{
display:block;
width:24px;
}
#SideBar a span{
position:absolute;
top:-999em
}

Сохраняем!

Шаг 2:

Зайдите в AdminCP далее выберите управление стилями далее найдите шаблон Header, откройте его и в самый низ шаблона вставьте следующий код:

<ul id="SideBar">
<a href="index.php" title="Home"><img src="images/menu/home.png"></a></li>
<li><a href="usercp.php" title="UserCP"><img src="images/menu/profile.png"></a></li><li><a href="search.php" title="Search"><img src="images/test/search.png"></a></li>
<li><a href="profile.php?do=editavatar" title="Edit Avatar"><img src="images/menu/avatar.png"></a></li>
<li><a href="http://facebook.com" title="Facebook"><img src="images/menu/facebook.png"></a></li>
<li><a href="http://twitter.com" title="Twitter"><img src="images/menu/twitter.png"></a></li>
<li><a href="http://youtube.com" title="Youtube"><img src="images/menu/youtube.png"></a></li>
</ul>

Не забываем скачать файл SideBar.zip , распаковать его и загрузить изображения в папку images в корень вашего форума

В этом коде можно менять свою цветовую гамму:

background:rgb(0,0,0);
background:-moz-linear-gradient(top,rgba(243,52,8,.75),rgb(0,0,0);
background:-webkit-gradient(linear,left top,left,bottom,from(rgba(243,52,8,.75),to(rgb(0,0,0);
background:linear-gradient(top,rgba(243,52,8,.75),rgb(0,0,0);

dr Vatson, источник?

Нету источника, это делалось на заказ и решили выложить в общее пользование.

Originally Posted by dr Vatson

Нету источник

а автор? Автор пожелал остаться инкогнито?

можно глянуть работающую версию?
можно ли модернизировать не под соц сети, а просто меню форума с иконками?

Можно модернизировать под меню! Я вот у себя устанавливал все отлично работает. Только снес пока,может позже установлю. Так ты сам проверь на своем форуме, там все просто залей картинки и по первому методу в header вниз вставь код.

dr Vatson добавил 07.08.2012 в 11:12

Originally Posted by Luvilla

а автор? Автор пожелал остаться инкогнито?

Добавил автора!

http://www.vbulletin.org/forum/showthread.php?t=286401

Centurion, опередил ))

Originally Posted by dr Vatson

это делалось на заказ и решили выложить в общее пользование

это похвально

Однако прошу правильно понять и мою позицию
Требование ставить ссылку на тему автора - не блажь и не самодурство этого ресурса
Кто будет поддерживать хак? Ты? без обид...
Где и как посмотреть новую версию? Фиксы, ежели таковые будут?
при наличии ссылки на тему автора это может сделать любой желающий.

Ты выложил хак, и вне всякого сомнения получишь причитающиеся спасибы