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...

Делаем разметку 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...

<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"...

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

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

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

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

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

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

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

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