Jump to content
Sign in to follow this  
фанфорум

Таблицы в Invision Community 4

Recommended Posts

Объединение двух и более ячеек таблицы — по горизонтали и вертикали.

 

Таблица на 2 колонки и 3 строки

111 222
333 444
555 666


Код этой таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
			<td>
				222
			</td>
		</tr>
		<tr>
			<td>
				333
			</td>
			<td>
				444
			</td>
		</tr>
		<tr>
			<td>
				555
			</td>
			<td>
				666
			</td>
		</tr>
	</tbody>
</table>

Тоже самое, но с объединением двух ячеек таблицы

111 
333 444
555 666


Для этого заменяем

<td>
				111
			</td>
			<td>
				222
			</td>

На 

<td colspan="2">
				111
			</td>

Где td colspan ="2" это количество ячеек, которые нужно объединить.

 

Если нужно объединить две ячейки 111 и 333 по вертикали, в самой первой таблице сообщения.

111 222
444
555 666

Тогда перед  111 заменяем в коде <td>
На <td rowspan="2">

И удаляем 

<td>
				333
			</td>

Цифра 2 - это количество ячеек, которые нужно объединить.
Если надо объединить 3, прописываем 3 и удаляем ещё аналогичный код таблицы 555

Share this post


Link to post
Share on other sites

Задать цвет рамок ячейки таблицы

111

 

Код данной таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 150px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
		</tr>
	</tbody>
</table>

В первую строку добавляем bordercolor="red"
Получаем такую рамку таблицы

111

В коде это будет выглядеть так

<table border="1" bordercolor="red" cellpadding="1" cellspacing="1" style="width: 150px;">

Или можно подобрать Hex код цвета, через Color Picker


Аналогичная таблица, но с hex кодом цвета

111
bordercolor="#1c8534"

Share this post


Link to post
Share on other sites

Придать цвет фону ячейки таблицы

111

 

Код таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 150px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
		</tr>
	</tbody>
</table>

 

Таблица с фоном

111


В коде первоначальной таблицы заменяем

<td>
				111
			</td>

На

<td style="background-color:#f8e3ff;">
				111
			</td>

Где #f8e3ff — это hex код цвета нужного нам фона таблицы.

Share this post


Link to post
Share on other sites

Join the conversation

You are posting as a guest. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By фанфорум
      Как обновить Invision Community 4 до последней версии 4.4.9, без каких либо проблем

      Несколько месяцев назад, я создал на форуме тему, с просьбой помочь решить проблему с обновлением форума, так как после каждой попытки обновления - шаблон форума начинал работать не корректно. А именно - верхнее правое меню поиска на форуме, отображалось в развёрнутом и частично прозрачном виде, поверх сообщений форума.
      Но знающих людей не нашлось.
       
      Причина сбоя оказалось банальной.
      Так как на форуме не малая посещаемость, во время обновления форума, посетители продолжали слать запросы, что и вызывало сбой при обновлении движка.
      Чтоб этого не было, в корневой файл .htaccess надо добавить следующие строки:
      ErrorDocument 403 /403.htm deny from all allow from xxx.xxx.xxx.xxx Где 403.htm - это страница которая будет показываться посетителя во время обновления
      deny from all - закрытие доступа к форуму всем юзерам
      allow from - ip на которые запрет доступа не будет действовать, то есть ваш IP.
      Теперь множественные запросы посетителей вашего форума, не будут влиять на обновление движка форума и давать сбой.
       
      После того как закрыли доступ к форуму, заливаем в корень форума все файлы новой версии, поверх старых, но файл conf_global.php оставляем без изменений.
      Идём в админку форума, где будет предложено обновить форум, обновляем его...

      Далее в админке нажимаем последовательно —> Система —> Поддержка —> Что-то работает неправильно.


      На этом обновление форума будет завершено успешно.


      Остаётся только удалить лишние строки в файле .htaccess
      deny from all allow from xxx.xxx.xxx.xxx
      С более ранними версиями движка, можно провернуть аналогичную процедуру при обновлении, последние действия в админке только могут быть немного другими, из-за отличия версий движков и их админок.
    • By фанфорум
      Для того чтоб сделать якорную ссылку на сообщение в форуме, на движке IPS Community suite 4 / Invision Community 4, при нажатии на которую нас перемещало бы на конкретную строку текста
      Делаем следующее
      Заключаем интересующий нас текст в следующий код:
      <a name="yakor">Наш текст, на который будет перемещать якорная ссылка</a> Или можно просто вставить, код без текста, перед первым словом строки
      <a name="yakor"></a>  
      Где слово yakor - это наш якорь и слово якоря может быть задано любое.
      Далее копируем ссылку топика, в котором содержится текст с этим якорем, вставляем её где надо, но в конце ссылки добавляем #yakor
       
      К примеру страница с якорем имеет адрес 
      https://fanforum.ru/topic/599555-str/ Ссылка с якорем будет выглядеть как
      https://fanforum.ru/topic/599555-str/#yakor  
      Чтоб создать свою кнопку с якорем для редактора сообщений, добавляем в настройках кнопок редактора такой код
      <a class="ipsType_noLinkStyling" rel=""></a>  
×
×
  • Create New...

Рейтинг@Mail.ru