Вопросы по CSS

Dezaktivator, Вот тебе все готовое
http://fontawesome.io/icons/
Прописал код в шапку и добавляй нужные тебе иконки
А это готовые счетчики
http://bootstrap-3.ru/components.php

MAH9IK, Да я с иконками разобрался уже (на скрине же видно), а за счётчики спс, гляну.

MAH9IK, Блин, вообщем понравилось мне как у тебя на втором скрине главная сделана. Хочу все же попытаться сделать нечто похожее. Но инфы по этим плиткам на сайте не нашел.

# Dezaktivator (05.12.2017 / 07:21)
MAH9IK, Блин, вообщем понравилось мне как у тебя на втором скрине главная сделана. Хочу все же попытаться сделать нечто похожее. Но инфы по этим плиткам на сайте не нашел.

А инфы и не будет, тут просто добавили несколько стилей в mainmenu. Вот просто образец правки существующего стиля, для формирования блоков. Но без правки mainmenu с добавлением дополнительных div-ов нормального результата не добиться, нужно добавить еще, для более аккуратного размещения и большей настройки стилей.

.phdr {
    background-color: #C6CBD3;
    border-top: 1px solid #BFC4CB;
    border-bottom: 1px solid #B4B9C1;
    text-shadow: 0px 1px #E0E5EA;
    padding: 6px 8px;
    color: #24292E;
    clear: both;
}
.menu {
    color: #444;
    background-color: #F7F7FF;
    padding: 3px 8px;
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid;
    margin: 2px;
    border-radius: 10px;
}

Dezaktivator, Там была проделана приличная работа над кодом (практически весь сайт полностью под тачь экраны ,поле с ссылками большое ,а не кусочек) стандартного JohnCms под адаптивную верстку для ПК и сенсорных устройств

# MAH9IK (05.12.2017 / 13:32)
Dezaktivator, Там была проделана приличная работа над кодом (практически весь сайт полностью под тачь экраны ,поле с ссылками большое ,а не кусочек) стандартного JohnCms под адаптивную верстку для ПК

Ну, адаптивность это в данном случае баловство, Джон и так прекрасно адаптирован под мобильные устройства так как изначально разрабатывался под мобильники, достаточно немного увеличить размер ссылок, отступы сделать чуть больше и все прекрасно юзает я как со смартфона так и с планшета (для компа вообще можно ничего не менять). Меня больше интересует вопрос косметики, такая реализация майнменю довольно удобна и хорошо смотрится.

xpank, А в бутстрапе нет готовых решений?

# Dezaktivator (05.12.2017 / 14:08)
xpank, А в бутстрапе нет готовых решений?

Ну если ты подцепил bootstrap, то тебе тебе нужно смотреть в справку, ибо там много под что можно найти решения. Вот как пример, на этой странице http://bootstrap-3.ru/components.php

<button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star"></span> Star</button>

Dezaktivator, Гугл давно уже кирпичную кладку использует))
https://anime.forcms.ru/brickwork.html
Нюансы можно под себя подогнать.

Всем привет , подскажите код где можно сделать разделение фона по диагонали ,где вверху один цвет ,внизу другой цвет будет
Нужно от левого верхнего угла до нижнего правого