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

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

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Aleksej2000
phpBB 2.0.4
Сообщения: 403
Зарегистрирован: 01.10.2016 4:54
Благодарил (а): 240 раз
Поблагодарили: 24 раза
Контактная информация:

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

Сообщение Aleksej2000 » 07.11.2018 21:14

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

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

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
Поддержка
Поддержка
Сообщения: 8600
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 153 раза
Поблагодарили: 2434 раза

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

Сообщение Татьяна5 » 07.11.2018 21:43

Можно применять свойства к разным элементам (те же кнопки - это li, а внутри у них есть ещё a)

Aleksej2000
phpBB 2.0.4
Сообщения: 403
Зарегистрирован: 01.10.2016 4:54
Благодарил (а): 240 раз
Поблагодарили: 24 раза
Контактная информация:

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

Сообщение Aleksej2000 » 07.11.2018 22:06

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

Aleksej2000
phpBB 2.0.4
Сообщения: 403
Зарегистрирован: 01.10.2016 4:54
Благодарил (а): 240 раз
Поблагодарили: 24 раза
Контактная информация:

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

Сообщение Aleksej2000 » 12.11.2018 3:25

Татьяна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
Поддержка
Поддержка
Сообщения: 8600
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 153 раза
Поблагодарили: 2434 раза

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

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

Перенести border и его трансформацию на li, а на a повернуть обратно. Либо добавлять ещё один уровень тегов в шаблоне

Aleksej2000
phpBB 2.0.4
Сообщения: 403
Зарегистрирован: 01.10.2016 4:54
Благодарил (а): 240 раз
Поблагодарили: 24 раза
Контактная информация:

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

Сообщение Aleksej2000 » 12.11.2018 8:53

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

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 8600
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 153 раза
Поблагодарили: 2434 раза

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

Сообщение Татьяна5 » 12.11.2018 9:05

.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
Сообщения: 403
Зарегистрирован: 01.10.2016 4:54
Благодарил (а): 240 раз
Поблагодарили: 24 раза
Контактная информация:

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

Сообщение Aleksej2000 » 12.11.2018 10:12

Татьяна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
Поддержка
Поддержка
Сообщения: 8600
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 153 раза
Поблагодарили: 2434 раза

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

Сообщение Татьяна5 » 12.11.2018 10:35

В моём примере крутится отдельно (переименовывала через отладчик)

Aleksej2000
phpBB 2.0.4
Сообщения: 403
Зарегистрирован: 01.10.2016 4:54
Благодарил (а): 240 раз
Поблагодарили: 24 раза
Контактная информация:

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

Сообщение Aleksej2000 » 13.11.2018 1:17

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

Ответить

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