Перейти к публикации

Приветствуем вас на нашем форуме

Приветствуем вас на нашем форуме

У нас можно скачать различные стили на разные тематики, а так же приложения, плагины и т.д. 😍

Подробнее

Ищите игровые стили?

Ищите игровые стили?

У нас широкий выбор игровых стилей разной цветовой гаммы и не только.

Перейти к списку

Модификации для форумов

Модификации для форумов

Огромный список модификаций для IPS 4.3

Перейти к списку

Премиум подписка

Покупая премиум доступ вы получаете возможность скачивать не ограниченное кол-ва приватного контента. 

А так же получать поддержку вне очереди.

Приобрести
maloun

Боковое Меню

Рекомендованные сообщения

Сегодня я вам покажу , как сделать красивое , боковое меню!

Для начала устанавливаем данный компонент (e32) Custom Sidebar Blocks

После установки компонента в АЦ добавляем новый блок и туда вставляем данный код:

<!--U1MENU1Z--><table width="200" border="0" cellpadding="0" cellspacing="0">  
<tbody><tr> <td style="border: 1px solid rgb(140, 140, 140); padding: 5px; background: rgb(58, 53, 53) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">  
<style type="text/css">  

/*Credits: Dynamic Drive CSS Library */  
/*URL: http://www.dynamicdrive.com/style/ */  

.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 230px; /* Width of Menu Items */  
height: 190px; /* Width of Menu Items */  
border-bottom: 10px solid #3A3535;  
}  

.suckerdiv ul li{  
position: relative;  
}  

/*Sub level menu items */  
.suckerdiv ul li ul{  
position: absolute;  
width: 200px; /*sub menu width*/  
top: 0;  
visibility: hidden;  
}  

/* Sub level menu links style */  
.suckerdiv ul li a{  
display: block;  
overflow: auto; /*force hasLayout in IE7 */  
color: black;  
text-decoration: none;  
background: #F7A500;  
padding: 4px 15px;  
border: 10px solid #3A3535;  
border-bottom: 0;  
border-radius: 50px;
}  

.suckerdiv ul li a:visited{  
color: white;  
}  

.suckerdiv ul li a:hover{  
background: #D79105;  
}  

.suckerdiv .subfolderstyle{  
background: url(http://forever-web.ru/next.png) no-repeat center right;  
}  

/* Holly Hack for IE \*/  
* html .suckerdiv ul li { float: left; height: 1%; }  
* html .suckerdiv ul li a { height: 1%; }  
/* End */  

</style>  

<script type="text/javascript">  

//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)  
//By Dynamic Drive: http://www.dynamicdrive.com/style/  

var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas  

function buildsubmenus(){  
for (var i=0; i<menuids.length; i++){  
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")  
for (var t=0; t<ultags.length; t++){  
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"  
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu  
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item  
else //else if this is a sub level submenu (ul)  
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it  
ultags[t].parentNode.onmouseover=function(){  
this.getElementsByTagName("ul")[0].style.display="block"  
}  
ultags[t].parentNode.onmouseout=function(){  
this.getElementsByTagName("ul")[0].style.display="none"  
}  
}  
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars  
ultags[t].style.visibility="visible"  
ultags[t].style.display="none"  
}  
}  
}  

if (window.addEventListener)  
window.addEventListener("load", buildsubmenus, false)  
else if (window.attachEvent)  
window.attachEvent("onload", buildsubmenus)  

</script>  
<div class="suckerdiv"><b>  
<ul id="suckertree1">  

<center>
<li><a href="ссылка">Правила Форума</a></li>  
<li><a href="ссылкаl">БанЛист Серверов</a></li>  
<li><a href="ссылка">Заявки на разбан</a>  
 <li><a href="ссылка">Жалобы на Администраторов</a></li>  
<li><a href="ссылка">Купить привилегию Online</a></li>  
<li><a href="ссылка">Купить платный разбан</a></li>  

  
 
</center>
</li>  


</b></div>  
</td></tr></tbody></table><div style="height: 5px;"></div><!--/U1MENU1Z-->  
<!--U1CLEFTER1Z--><!-- <block2> -->

Вот так будет выглядеть ваше меню , спасибо за внимание!

menu.jpg

  • Нравится 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

  • Наш выбор

    • Chocolate
      Chocolate - Рациональное распределение панелей инструментов и хорошо структурированный дизайн стиля помогают пользователям плавно испытать потрясающий веб-сайт с серфингом.
      В целом, мы рекомендуем Вам попробовать этот новый стиль и дать нам обратную связь от вашего опыта.
      Любой комментарий поможет нам завершить наш продукт лучше.

      Демо форум: vsecraft.ru
      • 0 ответов
    • Приложение IPSGuru.Ru на Android. Тест
      Приложение IPSGuru.Ru на Android 4+

      Это тест приложение.

      Так что прошу Вас протестировать и отписаться в теме.

      Спасибо тестерам большое заранее.

      Скриншоты с моего Nokia 2.  Android 7.1.1

      По результатам теста будет сделана основное приложение.
        • Лайк
      • 0 ответов
    • IPS Gradient Theme
      Gradient Theme очень настраиваемая тема поставляется с большим количеством функций и настроек. В комплекте с палитрой и 3 цветовыми схемами (темные и светлые цветовые схемы включены), вся цветовая схема тема может быть изменена одним щелчком мыши в настройках темы, что делает его очень легко переключаться между темными или светлыми цветовыми версиями или настроить на них.
      Некоторые области, такие как navbar и виджеты, цвета фона автора темы, управляются с помощью параметров цвета градиента.
        • Спасибо
        • Лайк
      • 0 ответов
    • IPSGuru.Ru
      Оригинальный стиль форума IPSGuru.RU
      Стиль обновлён под актуальную версию форума.
      В архиве присутствуют все нужные плагины + инструкция.
        • Лайк
      • 0 ответов
    • Приложение добавит на ваш сайт встроенную систему поинтов и магазин пользователей, где ваши пользователи смогут зарабатывать и тратить полученные поинты (или заработанные, если установлено приложение Коммерция).
        • Лайк
      • 0 ответов
×