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

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

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

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

Подробнее

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

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

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

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

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

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

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

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

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

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

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

Приобрести
.V.I.P.

Вертикальное меню

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

1.png

Простейшее вертикальное меню

CSS

#manugcon-sedenamed {
    margin: 2px 0px 0px 0px;
    padding-bottom: 0px;
    font-size: 0.9em;
}

#manugcon-sedenamed ul{list-style:none;width:100%;margin:0 0 10px 0;padding:0;font-size:12px 
} 

#manugcon-sedenamed li{margin-bottom:4px 
} 

#manugcon-sedenamed li a {
    font-weight: bold;
    height: 26px;
    text-decoration: none;
    color: #215d92;
    display: block;
    padding: 5px 0 0 8px;
    background: #fdfdfd;
    border-left: 5px solid #3c6994;
}
#manugcon-sedenamed li a:hover { 
  background: #2467a9; 
  color: #f9f6f6; 
  border-left: 5px solid #2a69c3; 
}

HTML

<div id="manugcon-sedenamed"> 
<ul> 
<li><a href="https://www.hostland.ru/?r=835bfe25">хостинг</a></li>
<li><a href="https://www.hostland.ru/order/hosting/?r=835bfe25">Заказать хостинг</a></li>
<li><a href="https://www.hostland.ru/services/domain/?r=835bfe25">Регистрация доменов</a></li>
<li><a href="https://www.hostland.ru/services/hosting/?r=835bfe25">Тарифы на хостинг</a></li>
</ul> 
<div>

 

  • Лайк 1

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


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

Дополню тему. Кнопки стекло с эффектом.

CSS

Скрытый текст

a.button9 {
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 1em 4em;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
a.button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
a.button9:active {
  top: 1px;
}

 

HTML

Скрытый текст

<center><a Target="_blank" href="https://www.hostland.ru/?r=6ed33b20" class="button9">Хостинг Hostland</a>
<br>
<a Target="_blank" href="https://www.hostland.ru/order/hosting/?r=6ed33b20" class="button9">Регистрация доменов</a>
<br>
<a Target="_blank" href="https://www.hostland.ru/services/hosting/?r=6ed33b20" class="button9">Тарифы на хостинг</a></center>

 

11.png.d7a58cb91028dac3c255765e1727a09c.png

  • Лайк 1

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


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

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

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

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

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

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

Войти

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

Войти сейчас

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

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

  • Наш выбор

    • Chocolate
      Chocolate v1.0.8.4
      Рациональное распределение панелей инструментов и хорошо структурированный дизайн стиля помогают пользователям плавно испытать потрясающий веб-сайт с серфингом.
      В целом, мы рекомендуем Вам попробовать этот новый стиль и дать нам обратную связь от вашего опыта.
      Любой комментарий поможет нам завершить наш продукт лучше.
      • 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 ответов
×