Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Проблемы с форумом » Проблема с intd в ячейке tcl. Инструкция из поиска не помогла.

Проблема с intd в ячейке tcl. Инструкция из поиска не помогла.

Страница: 1

Сообщений 1 страница 11 из 11

1

  • Автор: Falcao
  • Стремящийся
  • Зарегистрирован: Пт, 2 Июл 2021
  • Сообщений: 5
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Вс, 5 Сен 2021 21:54:17

Доброго времени суток
Адрес форума: http://aie.mybb.ru/ (форум только строится, причем строится кривыми руками, так что не пугайтесь)

Проблема: при попытке задать вертикальное выравнивание по центру ячейки, обнаружил, что в ячейке tcl имеется еще и intd, который упорно стоит по верхнему краю. В CSS я полный чайник, поэтому полез искать ответ в поиске. Ответ нашел, точно по тому же вопросу, что и у меня, вот в этой теме
Но посоветованный там порядок действий либо я неправильно понял и применил, либо он не сработал. Помогите плз.
В частности не понял слов "Вставьте в стиль". Куда именно? В верхнее окно CSS? Имеет ли значение - в какую часть? Потому что пытался вставлять именно туда и ничего не вышло.
Буду очень благодарен за помощьэ

0

2

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41

Falcao, в Администрирование - Формы, в НТМЛ верх поставьте:

Код:
<!-- Правка для центрирования блоков в .intd на главной -->
<style>
#pun-index .intd {
  display: grid;
  grid: auto / 101px 1fr;
  align-items: center;
}

#pun-index.punbb td div.tclcon {margin-left: 0;}

#pun-index.punbb .tclcon h3 {padding-top: 0 !important;}
</style>

Эта правка действует только для главной страницы, я специально так сделал, чтобы не трогать в других местах ваш дизайн.. Проверяйте..

Отредактировано kolobdur74 (Вт, 24 Авг 2021 00:52:09)

+1

3

  • Автор: Falcao
  • Стремящийся
  • Зарегистрирован: Пт, 2 Июл 2021
  • Сообщений: 5
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Вс, 5 Сен 2021 21:54:17

kolobdur74

Работает! Спасибо огромное. А есть способ поставить и на других страницах то же самое? Названия тем в форумах, чтобы таблицы везде выглядели одинаково?

0

4

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41
Falcao написал(а):

Работает! Спасибо огромное. А есть способ поставить и на других страницах то же самое? Названия тем в форумах, чтобы таблицы везде выглядели одинаково?

Я сделал небольшую правку кода, замените код..

Сделайте скриншоты где вы хотите чтобы был такой же эффект - я подумаю как лучше сделать..

0

5

  • Автор: Falcao
  • Стремящийся
  • Зарегистрирован: Пт, 2 Июл 2021
  • Сообщений: 5
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Вс, 5 Сен 2021 21:54:17

Заменил код, на главной странице работает.
На дочерних - там где названия тем внутри форумов - скрин под спойлером

скрин

https://forumupload.ru/uploads/0000/14/1c/37671/t636941.jpg

0

6

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41

Falcao, сделайте четыре темы:
- открытую
- закрытую
- выделенную
- закрытую-выделенную

Это чтобы посмотреть как у вас реализовано, и чтобы ничего не уехало.. Завтра гляну..

0

7

  • Автор: Falcao
  • Стремящийся
  • Зарегистрирован: Пт, 2 Июл 2021
  • Сообщений: 5
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Вс, 5 Сен 2021 21:54:17

kolobdur74
Выполнено. Попутно еще обнаружилось, что внутри форумов и подфорумов с ячейкой tcr тоже что-то неладное. Иконка стоит по центру, а дата и ссыль на автора уезжают вверх.
Попытка решить дело vertical-align: middle !important; вставленным в /* C2.3 */ дела не решила.
Ссыль на страницу с открытыми темами http://aie.mybb.ru/viewforum.php?id=3 Скрины ниже

Скрины

https://forumupload.ru/uploads/0000/14/1c/37671/t125236.jpg
https://forumupload.ru/uploads/0000/14/1c/37671/t889171.jpg

Сожалею, что отнимаю столько времени, но боюсь все испортить, если буду и дальше методом поиска и тыка там химичить.

0

8

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41
Falcao написал(а):

Выполнено.

Уберите мой код из Администрирование - Формы - НТМЛ верх.. Затем зайдите Администрирование - Свой стиль. Сохраните оба окна у себя на ПК в отдельных файлах, можно в формате css, можно в формате txt - это ваш бекап.

Теперь найдите в первом окне Своего стиля (Структура style.css):

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 61px;
}

Замените его на:

Код:
/* C2.14 */
.intd {
  display: grid;
  grid: auto / auto 1fr;
  align-items: center;
}

Далее найдите в том же окне:

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
padding-top:20px!important;
padding-bottom:0!important;
  }

Уберите из него выделенное красным..

Далее найдите во втором окне Своего стиля (Цвета style_cs.css):

/* CS1.3  промежутки между категориями?*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background-image: url("https://forumstatic.ru/files/0012/2e/10/85546.png");
background-position: top center;
background-repeat: no-repeat;
height: 129px;
text-align: left;
font-style: italic;
font-family: Times New Roman, serif;
font-size: 20px;
padding: 1.6em 8.4em;
  }

Выделенное красным замените на:

Код:
padding: 20px 8.4em 0;

Это сделано для центрирования в ячейке tcl.. Проверяйте.. В следующем посту дам код для центрирования в ячейке tcr - это ваш второй вопрос..

0

9

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41
Falcao написал(а):

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

Для этого, найдите в первом окне Своего стиля (выделенное красным уберите):

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
vertical-align: middle !important;
  width: 30%;
  }

Ниже этого кода добавьте:

Код:
#pun-index td.tcr, #pun-viewforum td.tcr, #pun-searchtopics td.tcr {
  display: grid;
  align-items: center;
  justify-content: start;
  width: inherit;
}

#pun-index td.tcr {
  grid-template:
      "tcr-em tcr-a"
      "tcr-em tcr-span"/ auto auto;
  align-content: center;
}

#pun-viewforum td.tcr, #pun-searchtopics td.tcr {
  grid-template:
      "tcr-em tcr-a tcr-span"
	  / auto auto auto;
  padding: 1.3em 1em;
}

#pun-index td.tcr br, #pun-viewforum td.tcr br, #pun-searchtopics td.tcr br {display: none;}

td.tcr em {grid-area: tcr-em;}
td.tcr a {grid-area: tcr-a;}
td.tcr span {grid-area: tcr-span;}

#pun .punbb .tcr em.user-avatar {
  float: none;
  height: 36px;
  width: 36px;
  margin: 0 9px 0 0;
}

Проверяйте..

Отредактировано kolobdur74 (Вт, 24 Авг 2021 12:53:50)

0

10

  • Автор: Falcao
  • Стремящийся
  • Зарегистрирован: Пт, 2 Июл 2021
  • Сообщений: 5
  • Уважение: +1
  • Позитив: 0
  • Последний визит:
    Вс, 5 Сен 2021 21:54:17

kolobdur74
Все сработало, большое спасибо! Не получается почему-то поставить лайк, но примите благодарность хотя бы на словах.

Отредактировано Falcao (Вт, 24 Авг 2021 22:05:21)

+1

11

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41

Falcao, я не учел центрирование во всей таблице.. В моем коде сюда добавьте (красным выделил что добавить):

#pun-index td.tcr, #pun-viewforum td.tcr, #pun-searchtopics td.tcr {
  display: grid;
  align-items: center;
  justify-content: start;
  width: inherit;
  height: 72px;
}

А вот здесь уберите (выделил красным что убрать):

#pun-viewforum td.tcr, #pun-searchtopics td.tcr {
  grid-template:
      "tcr-em tcr-a tcr-span"
  / auto auto auto;
  padding: 1.3em 1em;
}

+1

Страница: 1

Вы здесь » Единый форум поддержки » Проблемы с форумом » Проблема с intd в ячейке tcl. Инструкция из поиска не помогла.