Внимание!
Не все расширения для phpBB 3.2 совместимы с phpBB 3.3, главным образом из-за неверного синтаксиса в определениях сервисов (отсутствия обрамляющих кавычек - '...').
Перед обновлением необходимо убедиться в совместимости всех расширений.
Рекомендуется предварительно тестировать обновление на копии конференции (локально или на сервере).

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

Есть любые вопросы, связанные со стилями/темами для phpBB 3.1.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB3.1.x | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Smayliks
Поддержка
Поддержка
Сообщения: 2202
Стаж: 15 лет 4 месяца
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 153 раза

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

Сообщение Smayliks »

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

Аватара пользователя
ИринаР
phpBB 1.4.2
Сообщения: 52
Стаж: 3 года 11 месяцев
Благодарил (а): 15 раз

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

Сообщение ИринаР »

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

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

/* 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;
}
Курс на позитив http://volnapositive.com

Аватара пользователя
Smayliks
Поддержка
Поддержка
Сообщения: 2202
Стаж: 15 лет 4 месяца
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 153 раза

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

Сообщение Smayliks »

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

Вопросы по расширению лучше задавать в теме расширения.
//
// That's all, Folks!
// -------------------------------------------------

Аватара пользователя
ИринаР
phpBB 1.4.2
Сообщения: 52
Стаж: 3 года 11 месяцев
Благодарил (а): 15 раз

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

Сообщение ИринаР »

У меня нет доступа к(
Smayliks писал(а): ext
Курс на позитив http://volnapositive.com

Аватара пользователя
Smayliks
Поддержка
Поддержка
Сообщения: 2202
Стаж: 15 лет 4 месяца
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 153 раза

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

Сообщение Smayliks »

Тогда этот вопрос к тому, у кого этот доступ есть (к http://getbb.ru/).
//
// That's all, Folks!
// -------------------------------------------------

Cardozo
phpBB 1.0.0
Сообщения: 5
Стаж: 3 года

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

Сообщение Cardozo »

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

1) Как убрать разделение поля текста и поля слевой стороны с мини профилем.
КАК ЕСТЬ И КАК НАДО 
У меня так:
Изображение
А надо сделать вот так:
Изображение
2) Как выровнять минипрофиль (сдвинуть от левой стороны ближе к правой).
КАК ЕСТЬ И КАК НАДО 
Изображение
3) Как изменить местоположение значка раздела по отношению к тексту. У меня значок с левой стороны, а текст с правой, а надо чтобы текст был с левой, а значок под текстом.
КАК ЕСТЬ И КАК НАДО 
У меня так:
Изображение
Надо сделать вот так:
Изображение

Заранее спасибо!

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

Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 4 года 5 месяцев
Благодарил (а): 164 раза
Поблагодарили: 257 раз

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

Сообщение LONER »

Cardozo писал(а):
12.06.2017 17:55
Как убрать разделение поля текста и поля слевой стороны с мини профилем.
colours.css

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

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

Отправлено спустя 4 минуты 28 секунд:
Cardozo писал(а):
12.06.2017 17:55
Как выровнять минипрофиль (сдвинуть от левой стороны ближе к правой).
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 секунд:
Cardozo писал(а):
12.06.2017 17:55
Как изменить местоположение значка раздела по отношению к тексту. У меня значок с левой стороны, а текст с правой, а надо чтобы текст был с левой, а значок под текстом.
А вот тут совсем не понял, по моему противоречия в самом тексте вопроса. По скриншоту тем более не понял.

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

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

.forum-image {
    float: left;
    padding-top: 5px;
    margin-right: 5px;
}
Правильно заданный вопрос и описание проблемы - 70% их решения...

Cardozo
phpBB 1.0.0
Сообщения: 5
Стаж: 3 года

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

Сообщение Cardozo »

Длинные цитаты желательно убирать под спойлер 
LONER писал(а):
12.06.2017 18:31
Cardozo писал(а):
12.06.2017 17:55
Как убрать разделение поля текста и поля слевой стороны с мини профилем.
colours.css

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

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

Отправлено спустя 4 минуты 28 секунд:
Cardozo писал(а):
12.06.2017 17:55
Как выровнять минипрофиль (сдвинуть от левой стороны ближе к правой).
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 секунд:
Cardozo писал(а):
12.06.2017 17:55
Как изменить местоположение значка раздела по отношению к тексту. У меня значок с левой стороны, а текст с правой, а надо чтобы текст был с левой, а значок под текстом.
А вот тут совсем не понял, по моему противоречия в самом тексте вопроса. По скриншоту тем более не понял.

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

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

.forum-image {
    float: left;
    padding-top: 5px;
    margin-right: 5px;
}
В чем проблема? Ковыряю .postprofile { в content.css , а изменений происходит ноль.
Последний раз редактировалось LONER 12.06.2017 20:46, всего редактировалось 1 раз.
Причина: spoile

Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 4 года 5 месяцев
Благодарил (а): 164 раза
Поблагодарили: 257 раз

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

Сообщение LONER »

Ctrl+F5

Отправлено спустя 23 секунды:
Кэш браузера.
Правильно заданный вопрос и описание проблемы - 70% их решения...

Cardozo
phpBB 1.0.0
Сообщения: 5
Стаж: 3 года

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

Сообщение Cardozo »

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

Изображение
Произведенные изменения, после которых начались неполадки: -
Версия 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 1.0.0
Сообщения: 6
Стаж: 2 года 4 месяца
Откуда: Академия Аврелия

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

Сообщение Maestro1 »

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

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

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 10114
Стаж: 8 лет 11 месяцев
Благодарил (а): 178 раз
Поблагодарили: 2816 раз

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

Сообщение Татьяна5 »

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

Аватара пользователя
Maestro1
phpBB 1.0.0
Сообщения: 6
Стаж: 2 года 4 месяца
Откуда: Академия Аврелия

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

Сообщение 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.
Вложения
всё-стало-прозрачным.jpg

Аватара пользователя
Sheer
phpBB Guru
phpBB Guru
Сообщения: 11569
Стаж: 13 лет 4 месяца
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2611 раз

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

Сообщение Sheer »

Maestro1 писал(а):
31.03.2018 13:10
становится полупрозрачным ВЕСЬ форум
Естественно. Ибо все блоки внутри wrap наследуют его свойства.
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.

Аватара пользователя
Maestro1
phpBB 1.0.0
Сообщения: 6
Стаж: 2 года 4 месяца
Откуда: Академия Аврелия

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

Сообщение Maestro1 »

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

Вернуться в «Стили для phpBB 3.1.x»