Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

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

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

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Aleksej2000
phpBB 2.0.4
Сообщения: 434
Стаж: 7 лет 5 месяцев
Благодарил (а): 243 раза
Поблагодарили: 30 раз
Контактная информация:

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

Сообщение Aleksej2000 »

Такая ситуация: кнопки пагинации многостраничных тем на странице списка тем сделал в виде капли. Использовал код

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

width: 12px;
  height: 12px;
  border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
  border: 1px solid;
  transform: rotate(-45deg);
  margin-top: auto;
Но образовалась проблема: числа тоже повернуты на 45 градусов. Возможно ли transform: rotate использовать для шрифта, отдельно от контура, только повернуть числа внутри капли по часовой стрелке? Или отдельно контур и внутреннее содержимое не реализовать?
Мой форум по рыбоводству http://rybovodstvo.com/forum
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

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

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

Можно применять свойства к разным элементам (те же кнопки - это li, а внутри у них есть ещё a)
Aleksej2000
phpBB 2.0.4
Сообщения: 434
Стаж: 7 лет 5 месяцев
Благодарил (а): 243 раза
Поблагодарили: 30 раз
Контактная информация:

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

Сообщение Aleksej2000 »

Татьяна5 писал(а): 07.11.2018 21:43 а внутри у них есть ещё a)
Да вроде я пробовал отделить элемент с а и к нему применить поворот в другую сторону, не получилось. Применяется поворот наружнего элемента. Видимо что-то не так делаю.
Мой форум по рыбоводству http://rybovodstvo.com/forum
Aleksej2000
phpBB 2.0.4
Сообщения: 434
Стаж: 7 лет 5 месяцев
Благодарил (а): 243 раза
Поблагодарили: 30 раз
Контактная информация:

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

Сообщение Aleksej2000 »

Татьяна5 писал(а): 07.11.2018 21:43 Можно применять свойства к разным элементам (те же кнопки - это li, а внутри у них есть ещё a)
Подскажите, как повернуть цифры внутри капли?

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

.row .pagination {
	display: block;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.7em;
	background: none 0 50% no-repeat;
}

.row .pagination > ul {
	margin: 0;
}


.row .pagination li a, .row .pagination li span {
width: 12px;
  height: 12px;
  border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
  border: 1px solid;
  transform: rotate(-45deg);
  margin-top: auto;

}
Сейчас с указанным кодом выглядит вот так
Поворот капли.png
Мой форум по рыбоводству http://rybovodstvo.com/forum
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

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

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

Перенести border и его трансформацию на li, а на a повернуть обратно. Либо добавлять ещё один уровень тегов в шаблоне
Aleksej2000
phpBB 2.0.4
Сообщения: 434
Стаж: 7 лет 5 месяцев
Благодарил (а): 243 раза
Поблагодарили: 30 раз
Контактная информация:

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

Сообщение Aleksej2000 »

Я вроде пробовал и так и этак, не получается. Татьяна5, а не могли бы Вы, пожалуйста, выше указанный код поправить, как нужно (предположительно), попробую его вставить. Если не получится, буду изучать, как добавить в шаблон еще уровень тегов :)
Мой форум по рыбоводству http://rybovodstvo.com/forum
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

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

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

.row .pagination li a, .row .pagination li span заменить в нескольких местах на .row .pagination li (всё для border'а и фона)

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

.row .pagination li a, .row .pagination li span {
    transform: rotate(45deg);
    display: block;
}
И работать дальше над размерами, выравниванием, и т.д.
Aleksej2000
phpBB 2.0.4
Сообщения: 434
Стаж: 7 лет 5 месяцев
Благодарил (а): 243 раза
Поблагодарили: 30 раз
Контактная информация:

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

Сообщение Aleksej2000 »

Татьяна5 писал(а): 12.11.2018 9:05 .row .pagination li a, .row .pagination li span заменить в нескольких местах на .row .pagination li (всё для border'а и фона)
Не, это выше моих познаний :D
Я пробовал отдельно .row .pagination li и все остальные элементы поворачивать по часовой и против часовой за счет знака перед 45deg. Увы, цифры крутятся вместе со всем. Отдельно внутренний элемент с цифрами не крутится почему-то. Поэтому и просил дать готовый код, где что подправить. Моих познаний не хватает пока что :)
Мой форум по рыбоводству http://rybovodstvo.com/forum
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

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

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

В моём примере крутится отдельно (переименовывала через отладчик)
Aleksej2000
phpBB 2.0.4
Сообщения: 434
Стаж: 7 лет 5 месяцев
Благодарил (а): 243 раза
Поблагодарили: 30 раз
Контактная информация:

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

Сообщение Aleksej2000 »

Ну видимо, я что-то не так делаю, не получается. Ладно, как есть, так и пусть будет, ибо это мне "не по зубам".
Мой форум по рыбоводству http://rybovodstvo.com/forum
Закрыто

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