css

  1. baltun

    Разработка Простое меню на чистом CSS

    Создаем разметку HTML: <div class="FABMenu"> <input type="checkbox" checked/> <div class="hamburger"> <div class="dots"> <span class="first"></span> <span class="second"></span> <span class="third"></span> </div> </div> <div class="action_items_bar"> <div...
  2. baltun

    Разработка Креативное название сайта

    Делаем разметку HTML: <div id="dice"> <div class="dice-box"> <span class="one-h">W</span><span class="two-e">z</span><span class="three-l">o</span><span class="four-l">n</span><span class="five-o">e</span><span class="six-e">s</span> </div> </div> Пишем стиль: body { background-image...
  3. 25517

    Разработка CSS3 Matrix Animation

    <div id="matrix"> <div class="d1 c1 de" style="left:5px;">q8w<span>1</span>ertyuioklsdfgh<span>j</span>zxc</div> <div class="d3 f1" style="left:30px;">hgd4ldhbc9kpugccsr<span>q</span></div> <div class="d1 f2 c1"...
  4. baltun

    Украшения XenForo 1.5 с помощью CSS

    Многие близкие пользователи в процесс доработки Xenforo 1.5 часто обращались с вопросами как я сделал разные украшения и доработки на форуме, часть кода я давал в теме "Техническая поддержка", но там выложены не все фрагмента кода. В связи с переходом на XF 2.0 я решил выложить весь фрагмент...
  5. baltun

    Анимированный бордюр с помощью CSS

    Пользователь xsasha разместил новый ресурс: Анимированный бордюр с помощью CSS - Делаем анимацию бордюра на чистом CSS. Узнать больше об этом ресурсе...
  6. baltun

    Анимированный бордюр с помощью CSS

    Покажем пример анимированного бордюра на примере нашего блога, наша html разметка: <div class="datetime"> <div class="hbork"> </div> </div> И соответственно код CSS. .datetime { width: 54px; height: 54px; border-radius: 50%; border-top: 2px dashed #ffcc00...
  7. baltun

    Считаем количество элементов с помощью CSS

    Простой фрагмент кода CSS, который позволяет Вам посчитать элементы или пронумеровать, все добавляем как всегда в EXTRA.CSS. Пронумеруем ресурсы на боковой панели, при установленном Widget Framework. #widget-13 .avatarList ul { counter-reset: slideNum; } #widget-13 .avatarList ul > li {...
  8. baltun

    Выделяем раздел при наведении на него курсором

    Пользователь xsasha разместил новый ресурс: Выделяем раздел при наведении на него курсором - Выделяем раздел при наведении на него курсором. Узнать больше об этом ресурсе...
  9. baltun

    Выделяем раздел при наведении на него курсором

    Итак все действия как всегда делаем в EXTRA.CSS, все разобью на три фрагмента для главной странице, для разделов и менеджера ресурсов в конце соединим весь наш код в одно целое. Для главной страницы: .node .nodeInfo.primaryContent:hover { border-bottom: 1px solid green; } .node...
  10. aligon

    Взаимопомощь в разработке дополнений для XenForo 1.5

    Скажите, вот у вас такая фишка есть Каким кодом такое провернуть? Очень интересно. И ещё, каким плагином это сделано У вас вообще много хорошего получается
  11. TOP-ic

    Анимационный, пульсирующий эффект на баннерах группы

    Пример пульсирующего баннера для трех групп. Код устанавливается в EXTRA.css вашего стиля. После чего в выбранной вами группе, ставите галочку напротив "Другой, использующий своё имя CSS-класса:", где вы добавляете css-класс в таком виде: userBanner bannerModer - для модератора, userBanner...
Назад
Верх Низ