1. В связи с участившимися случаями попыток продажи пользователями форума различных "сборок" коммерческих социальных платформ, обычно основанных на SocialEngine 3, вводится новое правило для форума. Запрещается создание тем или размещение в уже созданных предложений о продаже или размещение ссылок на сайты, где происходит продажа "сборок". Пользователи, которые продолжат свою коммерческую деятельность в данном направлении, будут заблокированы. Подробнее.
  2. Мы продолжаем публиковать интересные статьи на тему SocialEngine 4. Одна из статей посвящена правильному выбору сервера для вашей социальной сети, а другая содержит советы по увеличению производительности платформы. Также мы добавили большую статью о пользовательских уровнях. Ознакомиться со статьями вы можете в разделе Вопросы и Ответы SocialEngine 4.
  3. Вам кажется, что ваша версия SocialEngine 4, работает медленно?

    Голосуйте. Пишите свою версию системы, железо на чем работает и количество пользователей. Будем увеличивать производительность :-) Подробнее

  4. В связи с участившимися случаями попыток продажи пользователями форума различных "сборок" коммерческих социальных платформ, обычно основанных на SocialEngine 3, вводится новое правило для форума. Запрещается создание тем или размещение в уже созданных предложений о продаже или размещение ссылок на сайты, где происходит продажа "сборок". Пользователи, которые продолжат свою коммерческую деятельность в данном направлении, будут заблокированы. Подробнее.
  5. Мы продолжаем публиковать интересные статьи на тему SocialEngine 4. Одна из статей посвящена правильному выбору сервера для вашей социальной сети, а другая содержит советы по увеличению производительности платформы. Также мы добавили большую статью о пользовательских уровнях. Ознакомиться со статьями вы можете в разделе Вопросы и Ответы SocialEngine 4.

Выпадающие меню с помощью CSS

En tråd i 'HTML и CSS' startet av lem1x, 18 Jan 2011.

  1. lem1x Trådstarter Active member


    Оффлайн
    Antall innlegg:
    166
    Antall likte mottatt:
    68
    Кому то может и пригодится.(Лично я юзаю его)

    Получится следующее:
    http://www.alistapart.com/d/horizdropdowns/horizontal.htm

    В нужный шаблон ставим код:

    Kode:
    <ul> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Home</a> 
          <ul> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
          </ul> 
        </li> 
        <li><a href="#">Home</a> 
          <ul> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
          </ul> 
        </li> 
        <li><a href="#">Home</a> 
          <ul> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">Home</a></li> 
          </ul> 
        </li> 
      </ul> 
    Чтобы это все работало в style.css вставляем это:

    Kode:
    ul {
                    margin: 0;
                    padding: 0; 
                    list-style: none;
                    width: 150px; 
                    }
                    
    ul li { 
                   position: relative; 
                   }
                   
    li ul { 
                  position: absolute; 
                  left: 149px; 
                  top: 0; 
                  display: none; 
                  }
                    
    ul li a { 
                  display: block; 
                  text-decoration: none; 
                  color: #777; 
                  background: #fff; 
                  padding: 5px; 
                  border: 1px solid #ccc; 
                  border-bottom: 0; 
                  }
                  
    ul { 
                  margin: 0; 
                  padding: 0; 
                  list-style: none; 
                  width: 150px; 
                  border-bottom: 1px solid #ccc; 
                  }
                  
    li:hover ul { display: block; }
    Поиграйте со стилями и настройте на свой вкус.
    Статью брал от сюда
    http://www.webmascon.com/topics/coding/42a.asp

    p.s. там есть добавление для работы этого меню в IE (я им не пользуюсь, поэтому ничего не правил и не разбирал)
    Anastasiia liker dette.
  2. Gooos абырвалГ


    Оффлайн
    • Admin
    Antall innlegg:
    2.435
    Antall likte mottatt:
    645
    Версия SocialEngine:
    3.20
  3. lem1x Trådstarter Active member


    Оффлайн
    Antall innlegg:
    166
    Antall likte mottatt:
    68
    Gooos, Не совсем понял, а куда поглядеть то надо?
  4. Gooos абырвалГ


    Оффлайн
    • Admin
    Antall innlegg:
    2.435
    Antall likte mottatt:
    645
    Версия SocialEngine:
    3.20
    Главное меню - чистый css.
  5. berserk007rus Novice member


    Оффлайн
    Antall innlegg:
    27
    Antall likte mottatt:
    0
    Gooos,
    у тя там чето все тестовое)))
  6. sewgen User


    Оффлайн
    Antall innlegg:
    259
    Antall likte mottatt:
    40
    Версия SocialEngine:
    3.20
    Достойно...
    Скока, интересно, мсек такая ёмкая страничка грузится?

    вот результат с http://www.pr-cy.ru/speed_test:

    Домен Размер Время загрузки Средняя скорость
    www.trenirovkatela.ru 320.7 Кб 12.05 сек 26.62 Кб/сек

    Чёта многовато?
  7. Gooos абырвалГ


    Оффлайн
    • Admin
    Antall innlegg:
    2.435
    Antall likte mottatt:
    645
    Версия SocialEngine:
    3.20
    Сам сайт для тестов. Там всё тестовое. Если залогиниться, то можно увидеть интересную приблуду по блокам на главной (тоже тестовая), позволяет настроить внешний вид главной по своему желанию.
  8. sewgen User


    Оффлайн
    Antall innlegg:
    259
    Antall likte mottatt:
    40
    Версия SocialEngine:
    3.20
    аа ... виджеты и раскраска))
  9. berserk007rus Novice member


    Оффлайн
    Antall innlegg:
    27
    Antall likte mottatt:
    0
    Gooos, слух поможешь из админки вытянуть меню со скриптом и css для header`a из одного сайта?

Del denne siden

All rights reserved SocEngine.ru ©