Заголовки узлов (категории, разделы, подразделы, темы)

Заголовки узлов (категории, разделы, подразделы, темы)

DEVIL, Нашел это, только у меня называется он "Разработка", а не "Мастер стиль".
 
А как сами эти подразделы создавать, чтобы они именно так отображались прямо с главной страницы?
133.png
 
Настройки стиля: Список разделов/узлов - Показывать всплывающие окна для подразделов

А ещё такой вопрос - можно ли сделать так, чтобы подразделы только для одного раздела отображались в таком виде,
а в остальных разделах - как всплывающие окна?
 
Как изменить фон для подразделов? можно ли выделить рамку?
(чтобы в результате подразделы были похожи на кнопки)
И как сделать заголовки подразделов жирным?
133.png
 
И как сделать заголовки подразделов жирным?
Код:
.node .subForumList li .nodeTitle {
    font-weight: bold;
}


Как изменить фон для подразделов?
Код:
.node .subForumList {
    background-color: red;
}


можно ли выделить рамку?
Код:
.node .subForumList {
    background: green;
    border: 100px;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 50px;
}
 
Код:
.node .subForumList li .nodeTitle {
    font-weight: bold;
}



Код:
.node .subForumList {
    background-color: red;
}



Код:
.node .subForumList {
    background: green;
    border: 100px;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 50px;
}

Спасибо.
Только рамка по этому коду получилась эллиптическая.
А вот такой вопрос - сделать эти подразделы максимально приближенными к кнопках?
Типа как на одном известном форуме.
При наведении курсора фон меняет цвет, а текст не подчёркивается (как обычно бывает в случае ссылки):
'legal.png
 
Такой вопрос, а как можно "пододвинуть" правую границу этого блока подразделов?
По месту смотреть надо

Примерно так
Код:
.node .subForumList {
    margin: 5px 20px 10px 0;
}
 
По месту смотреть надо

Примерно так
Код:
.node .subForumList {
    margin: 5px 20px 10px 0;
}

Этот вариант ничего не изменил.
Даже попробовал с другими цифрами - ничего не изменилось.
Вот такой код сейчас добавлен:


И наличие этой строчки:
margin: 5px 20px 10px 0;
никак не влияет на результат.
Код:
.node .subForumList {
    background-color: LightGrey;
    border: 40px;
    padding: 5px;
    border-radius: 10px;
}
 
Последнее редактирование модератором:
magadan, Пробуйте сначала position и потом margin
 
Ну так то ты не внял моим советам почитать про css :-) border: 40px; - круть :-) Я ж сказал, что по месту смотреть надо, там может у тебя есть приоритетные свойства, тыж суешь все попало, не понимая что делаешь :-)

Пробуйте сначала position и потом margin
Попробуй не давать дурацких советов :-)

Вот пример, в исходно коде сделал
2017-08-09_194013.png
 
Ну так то ты не внял моим советам почитать про css :-) border: 40px; - круть :-) Я ж сказал, что по месту смотреть надо, там может у тебя есть приоритетные свойства, тыж суешь все попало, не понимая что делаешь :-)


Попробуй не давать дурацких советов :-)

Вот пример, в исходно коде сделал
Посмотреть вложение 73441

border: 40px из кода, который скинул выше, я убрал - это всё ни на что не влияло.
Разные варианты c margin (margin-left, margin-right....) перепробовал - просто вообще ничего не изменилось.
 
Разные варианты c margin (margin-left, margin-right....) перепробовал - просто вообще ничего не изменилось.
Я ж сказал, что по месту смотреть надо, там может у тебя есть приоритетные свойства
Два раза об этом написал, может дашь ссылку то :) что бы посмотреть и что то подсказать, не гадать на кофейной гуще. Ссылку в личку.

Или так сделай:
Код:
.node .subForumList {
    background-color: LightGrey;
    padding: 5px 10px;
    margin: 5px 20px 10px 0!important;
    border-radius: 10px;
}
Где 20px будет отступ справа, можно выставить свой
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу