[3.1] [FAQ] Шаблон форума, CSS и html, где что "ковырять"

[Balamut]

Цвет - #categories .tab > a в cattabs.css (background-color: #80AED5;), вероятно. А размер зависит от количества символов в названии вкладки (названии ваших категорий).

[ИринаР]

вот только это нашла в цвете

Код: Выделить всё

/* CP tabbed menu
----------------------------------------*/
#tabs .tab > a {
    background: #475b29;
    color: #fafafa;
}

#tabs .tab > a:hover {
    background: #b5c997;
    color: #9C0707;
}

#tabs .activetab > a,
#tabs .activetab > a:hover {
    background: #b5c997;
    background: -moz-linear-gradient(top, #b5c997 0%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5c997), color-stop(100%, #fafafa));
    background: -webkit-linear-gradient(top, #b5c997 0%, #fafafa 100%);
    background: -o-linear-gradient(top, #b5c997 0%, #fafafa 100%);
    background: -ms-linear-gradient(top, #b5c997 0%, #fafafa 100%);
    background: linear-gradient(to bottom, #b5c997 0%, #fafafa 100%);
    border-color: #959595;
    box-shadow: 0 1px 1px #F2F9FF inset;
    color: #333333;
}

#tabs .activetab > a:hover {
    color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs .tab > a {
    background-color: #b5c997;
}

#minitabs .activetab > a,
#minitabs .activetab > a:hover {
    background-color: #EAEFAE;
    color: #333333;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
    border-color: #333;
}

.responsive-tab .responsive-tab-link:hover:before {
    border-color: #9C0707;
}

[Balamut]

Файл /ext/tatiana5/CategoriesInTabs/styles/prosilver/theme/cattabs.css, вторая строчка.

Вопросы по расширению лучше задавать в теме расширения.

[ИринаР]

У меня нет доступа к(

ext

[Balamut]

Тогда этот вопрос к тому, у кого этот доступ есть (к http://getbb.ru/).

[Cardozo]

Здравствуйте, мне необходима помощь в следующих вопросах.

1) Как убрать разделение поля текста и поля слевой стороны с мини профилем.

КАК ЕСТЬ И КАК НАДО 

У меня так:

70c987f2651c.jpg

А надо сделать вот так:

f52d7ca23a61.jpg

2) Как выровнять минипрофиль (сдвинуть от левой стороны ближе к правой).

КАК ЕСТЬ И КАК НАДО 

b7d1255ff51c.jpg

3) Как изменить местоположение значка раздела по отношению к тексту. У меня значок с левой стороны, а текст с правой, а надо чтобы текст был с левой, а значок под текстом.

КАК ЕСТЬ И КАК НАДО 

У меня так:

e081d3b86e2e.jpg

Надо сделать вот так:

cb572f0fe228.jpg

Заранее спасибо!
Произведенные изменения, после которых начались неполадки: -
Версия phpBB*: 3.1.9 ( phpbbex 2.0.4 ).
Используемые шаблоны: SE Square Left (ProSilver)
Используемые моды: phpBBext ; MedalSystem ; Upload Extensions ; Site logo.
Версия PHP:
Используемая СУБД и её версия:
Ссылка на конференцию: локалка.
Есть ли у вас тестовый аккаунт**: -
Использовался ли поиск для решения проблемы: Да.
Если да, то какие запросы вы использовали: background bbcode
Каким браузером вы пользовались и есть ли проблема с другими браузерами:
Вернуться к началу

[LONER]

Как убрать разделение поля текста и поля слевой стороны с мини профилем.

colours.css

Код: Выделить всё

.postprofile {
    color: #666666;
    border-color: #FFFFFF;
}

border-color: #FFFFFF; перекрасить или удалить.

Отправлено спустя 4 минуты 28 секунд:

Как выровнять минипрофиль (сдвинуть от левой стороны ближе к правой).

content.css

Код: Выделить всё

.postprofile {
    margin: 5px 0 10px 0;
    min-height: 80px;
    border: 1px solid transparent;
    border-width: 0 1px 0 0;
    width: 22%;
    float: left;
    display: inline;
}

margin: 5px 0 10px 0; изменить на margin: 5px 0 10px 15px; и поиграть с 15px

Отправлено спустя 3 минуты 25 секунд:

Как изменить местоположение значка раздела по отношению к тексту. У меня значок с левой стороны, а текст с правой, а надо чтобы текст был с левой, а значок под текстом.

А вот тут совсем не понял, по моему противоречия в самом тексте вопроса. По скриншоту тем более не понял.

Отправлено спустя 12 минут 2 секунды:
Хотя, если я правильно понял, то поиграть с этим
content.css

Код: Выделить всё

.forum-image {
    float: left;
    padding-top: 5px;
    margin-right: 5px;
}

[Cardozo]

Длинные цитаты желательно убирать под спойлер 

Как убрать разделение поля текста и поля слевой стороны с мини профилем.

colours.css

Код: Выделить всё

.postprofile {
    color: #666666;
    border-color: #FFFFFF;
}

border-color: #FFFFFF; перекрасить или удалить.

Отправлено спустя 4 минуты 28 секунд:

Как выровнять минипрофиль (сдвинуть от левой стороны ближе к правой).

content.css

Код: Выделить всё

.postprofile {
    margin: 5px 0 10px 0;
    min-height: 80px;
    border: 1px solid transparent;
    border-width: 0 1px 0 0;
    width: 22%;
    float: left;
    display: inline;
}

margin: 5px 0 10px 0; изменить на margin: 5px 0 10px 15px; и поиграть с 15px

Отправлено спустя 3 минуты 25 секунд:

Как изменить местоположение значка раздела по отношению к тексту. У меня значок с левой стороны, а текст с правой, а надо чтобы текст был с левой, а значок под текстом.

А вот тут совсем не понял, по моему противоречия в самом тексте вопроса. По скриншоту тем более не понял.

Отправлено спустя 12 минут 2 секунды:
Хотя, если я правильно понял, то поиграть с этим
content.css

Код: Выделить всё

.forum-image {
    float: left;
    padding-top: 5px;
    margin-right: 5px;
}

В чем проблема? Ковыряю .postprofile { в content.css , а изменений происходит ноль.

[LONER]

Ctrl+F5

Отправлено спустя 23 секунды:
Кэш браузера.

[Cardozo]

Как заменить стандартное отображение онлайна в темах значком "В сети", на красную/зеленую полоску как в профайле. Примеры ниже как есть и как надо.

Как есть 

9049e96b4ccf.jpg

Как надо 

ab4a28907daf.jpg

50271f60dd85.jpg

Произведенные изменения, после которых начались неполадки: -
Версия phpBB*: 3.1.9 ( phpbbex 2.0.4 ).
Используемые шаблоны: SE Square Left (ProSilver)
Используемые моды: phpBBext ; MedalSystem ; Upload Extensions ; Site logo.
Версия PHP: PHP Version 5.3.13
Используемая СУБД и её версия:
Ссылка на конференцию: локалка.
Есть ли у вас тестовый аккаунт**: -
Каким браузером вы пользовались и есть ли проблема с другими браузерами: -

[Maestro1]

Описание проблемы: не могу изменить цвет фона позади элементов страницы, точнее хочу сделать его полупрозрачным
Версия phpBB: 3.1.12
Используемые стили: Prosilver se с официального форума
Используемые моды/расширения: много всего
Использовался ли поиск для решения проблемы: да, в том числе старую тему с ветки 3.0 смотрел
Если да, то какие запросы вы использовали: всякие, уже голова кругом идёт

На картинке нарисовал на всякий случай, что именно пытаюсь сделать прозрачным, не знаю как правильно называется элемент этот типа оконтовки всего форума с белым фоном - сделать бы его полупрозрачным, чтобы просвечивала фоновая картинка. Уже и все CSS методом тыка ковырял, попутно все цвета какие надо подстроил под себя, а этот так и не нашёл... или делаю что не так? Пробовал методом тыка приписывать opacity: 0.5; к разным атрибутам в CSS, так и не помогло, один раз только куда-то сунул так, что весь форум стал полупрозрачным (вернул естественно обратно). Пробовал и в дочернем и в основном стиле искать...

[Татьяна5]

2018-03-31_014104.jpg

(В следующий раз пишите ссылку на форум, она не у всех есть)

[Maestro1]

Это я уже тоже пробовал...
Когда я дописываю opacity: 0.5; в файле colours.css оригинального просильвера
#wrap {
background-color: #FFF;
border-color: #E6E9ED;
opacity: 0.5;
}
То становится полупрозрачным ВЕСЬ форум http://avrelia.info
Вот в чём проблема-то...

тоже самое происходит при добавлении opacity: 0.5; к #wrap в файле stylesheet.css стиля Prosilver SE.

[Sheer]

становится полупрозрачным ВЕСЬ форум

Естественно. Ибо все блоки внутри wrap наследуют его свойства.

[Maestro1]

Это я уже как ни странно понял.
Получается этот, как бы его обозвать, "фоновый" блок, в котором всё остальное располагается, - отдельно его прозрачным не сделать? Или сильные танцы с бубном нужны? Я просто видел, что его, например, на некоторых форумах вроде как даже вообще убирают, и блоки тем или разделов форума лежат прямо на фоновой картинке...