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

aligon

Местный
Сообщения
281
Реакции
154
Баллы
273
Скажите, вот у вас такая фишка есть
Screenshot_1.png
Каким кодом такое провернуть? Очень интересно.
И ещё, каким плагином это сделано
Screenshot_2.png

У вас вообще много хорошего получается
 
Последнее редактирование:
Да супер, углы появились, но вот цвета нет.
Побольше бы таких разных приколов
 
Есть ещё вопрос, у меня на форуме подкатегории выводятся вот в таких рамках, вот код
Код:
.node .subForumList li {
border: 1px ridge #cecece;
border-radius: 1px;
padding: 1px;
background: #f0f7fc;
}
Получаются очень большие.
Screenshot_1.png

Скажите, как их уменьшить, то есть чуть ужи сделать и закруглить
 
Вот так можно попробовать, но не знаю понравится ли тебе так, просто они сейчас как таблица один блок под другим благодаря такой ширине, если ее уменьшать то они будут уже в строку.
Код:
.node .subForumList li {
border: 1px solid #d7edfc; /*толщина бордюра и его цвет*/
border-radius: 0 10px 0 10px; /*тут делаются закругления*/
padding: 1px;
background: #f0f7fc;
float: left;
width: 14%; /*ширина самих блоков*/
margin: 2px 0 2px 2%;
}
.smallNodeIcon {
    float: left;
}
.subForumList li .unread .nodeTitle:before {
    color: rgb(39, 174, 96);
    content: "\2022";
    padding-left: 2px;
}
Вот так увидел все я:
test.png
 
Ну я попробую, а как блок не получается меньше да?

Да и ещё, вроде вышло, но чуть по ужи попробовать нужно
 
Можно конечно попробовать это дописать:
Код:
.node .subForumList {
display: table;
}
или так если не сработает
.node .subForumList {
display: table !important;
}
но не факт, что тебя устроит отображение всех блоков так.
 
Вот еще попробуй последние из моих наработок:
Код:
#widget_4 .secondaryContent .pairsJustified dl{
    border-bottom: 1px dotted #ddd;
}
#widget_4 .secondaryContent .pairsJustified {
    background-color: rgb(252, 252, 255);
    padding: 5px;
    border: 1px solid rgb(165, 202, 228);
    -webkit-border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    -khtml-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
}
3000
Это очень классно получилось. вот бы весь сайт бар так.
Стораюсь повторить ваш код, но пока четно. но думаю додумаюсь

Есть ещё 1, что я не как не понимаю как поставить, пробовал но не двигается
Вот тут имя поставить по центру
Screenshot_1.png
 
Думаю так должно сработать:
Код:
.userText a.username {
text-align: center;
}
А вот в Настройки стиля: Макет сообщений
Может тут чё можно, не понятно, везде ставил и не чего


И чёт расстояние маловато там где стрелки, может как то можно поправить? Я имею в виду имя чуть подальше от баннера и цифры в притык
Screenshot_1.png
 
Сдвинулся у тебя счетчик всего, потому что ты поставил какой то плагин, который добавил свой класс и сделал их как ссылки по умолчанию такого нет.
Код:
.userText a.username {
text-align: center;
padding-bottom: 2px; /*тут можно указать свой отступ*/
}
/*По второму вопросу должно сработать*/
.messageUserBlock .extraUserInfo .pairsInline dd {
  float:right;}
 
Последнее редактирование:
Буду искать какой так мог сделать.
Вообще вот что стоит, может что лишнее? Посмотрите плиз:MinionPlease:

Screenshot_1.png
 
Ну визуально не могу сказать, какой плагин мог бы такое сделать, вставь мой код я посмотрю, как будет выглядеть все. С другой стороны какой бы плагин это не сделал, возможно он тебе нужен, если ты его установил, пожалуй проще будет конечно с помощью CSS все поправить, чем отказывать от плагина.
 
Поставил. Нужно искать, как сменил
По моему такого плагина не ставил, который добавляет и меняет что то там.
Просто подключал Font Awesome и всё. может где то код какой то поставил.
Щас обновлюсь и посмотрю что слетит
 
Последнее редактирование:
Вот я поправил для тебя, у меня работает:
Код:
.messageUserBlock .extraUserInfo .pairsInline dd {
  float:right;}
Вижу поправил все сработало :beach:
 
Просто ищу, что поменял, проверю все модификации.
Думаю всё снести и оставить только твои разработки. Всё супер и через EXTRA:Gru2:

Нашёл изменения, вот теперь как вернуть иконки под аватары, есть более простой способ там поменять? сделать примерно как у вас тут.
Была сделана просто модификация в message_user_info
 
Вот так там сделай:
Код:
.extraUserInfo .pairsJustified:first-child dt:before {
    font-family: 'FontAwesome';
    content: "\f086";
    padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(2) dt:before {
    font-family: 'FontAwesome';
    content: "\f164";
    padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(3) dt:before {
    font-family: 'FontAwesome';
    content: "\f091";
    padding-right: 3px;
}
.extraUserInfo .pairsJustified:nth-child(4) dt:before {
    font-family: 'FontAwesome';
    content: "\f007";
    padding-right: 3px;
}
.extraUserInfo .pairsJustified:last-child dt:before {
    font-family: 'FontAwesome';
    content: "\f0ac";
    padding-right: 3px;
}
12214414.png
 
а как то полоски можно, то есть стилизовать? или применить такую же модификацию как в статистике?
 
Вот так можно:
Код:
.extraUserInfo {
    background:#fefef3 !important;
}
.extraUserInfo .pairsJustified {
  border-bottom: 1px dotted #ddd;
}
 
Назад
Верх Низ