Jump to content
Sign in to follow this  

Recommended Posts

Интеграция таблиц в Invision Community 4, правка кода под свои нужды в CKeditor

Share this post


Link to post
Share on other sites

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

 

Таблица на 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

Your content will need to be approved by a moderator

Guest
You are commenting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoticons maximum 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 фанфорум
      Для того чтоб сделать якорную ссылку на сообщение в форуме, на движке 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>  
    • By фанфорум
      Вчера попытался обновить движок форума до версии 4.4.5, всё нормально, но вот после обновления, с строкой поиска происходят непонятные вещи
      Она в развёрнутом виде и кое где прозрачная.
      И это на основном шаблоне Invision Community


      Попробовал использовать шаблон "Ortem 4.2", там нет выпадающего списка, но значёк увеличительного стекла, от строки поиска, сместился вниз.
      Если ставить чистый форум с нуля, то такой проблемы нет, баг именно после обновления и аналогично с более ранними версиями движка.
      Попыток обновления было несколько и результат всегда одинаковый.

      Если кто сталкивался с такой проблемой и знает как её решить, буду премного благодарен за решение устранения этого косяка.
      А пока откатился на старую версию движка форума
×

Рейтинг@Mail.ru