• Авторизация


Про самую простую рамочку. 26-10-2013 19:36 к комментариям - к полной версии - понравилось!

Это цитата сообщения virfox Оригинальное сообщение

Про самую простую рамочку.

Про самую простую рамочку. 

Создаем НОВУЮ ЗАПИСЬ.  Нажимаем CKEditor (расширенный редактор).  В рамочке для сообщения во втором ряду нажимаем пятый значок (при наведении курсором появляется слово «Таблица»).

[показать]

Появляется вот такая таблица (Свойства таблицы, точнее)

[показать]

Вносим в свойства изменения, как отмечено серыми страшными галочками.

После нажатия на "ОК"  получаем первую рамочку.

[показать]

Теперь ставим курсор внутрь рамочки (стрелка показывает).

[показать]

И снова выбираем значок "Таблица" и видим "Свойства таблицы"

[показать]

Вносим изменения в свойства там, где стоят галочки.

[показать]

Нажимаем "ОК" и получаем рамочку в рамочке.

[показать]

Сохраняем нашу работу в черновике, она еще не закончена. Просто посмотрим, что получилось.

[показать]

Редактируем наше сообщение в черновике. Оно откроется, по-прежнему, в расширенном редакторе. И нажимаем на "Источник"

[показать]

Нажав на "Источник", видим нашу рамочку в виде кода

<center>

                <table align="center" border="4" cellpadding="4" cellspacing="4" style="width: 100%;">

                               <tbody>

                                               <tr>

                                                               <td>

                                                                              <table align="center" border="4" cellpadding="4" cellspacing="4" style="width: 100%;">

                                                                                              <tbody>

                                                                                                              <tr>

                                                                                                                             <td>

                                                                                                                                             &nbsp;</td>

                                                                                                              </tr>

                                                                                              </tbody>

                                                                              </table>

                                                               </td>

                                               </tr>

                               </tbody>

                </table>

                <p>

                               &nbsp;</p>

</center>

Сейчас мы его отредактируем, вставим background="" , как это видно на фото чуть выше или в тексте чуть ниже

 

<center>

                <table align="center" background="" border="4" cellpadding="4" cellspacing="4" style="width: 100%;">

                               <tbody>

                                               <tr>

                                                               <td>

                                                                              <table align="center"  background="" border="4" cellpadding="4" cellspacing="4" style="width: 100%;">

                                                                                              <tbody>

                                                                                                              <tr>

                                                                                                                             <td>

                                                                                                                                             &nbsp;</td>

                                                                                                              </tr>

                                                                                              </tbody>

                                                                              </table>

                                                               </td>

                                               </tr>

                               </tbody>

                </table>

                <p>

                               &nbsp;</p>

</center>

Этот параметр укажет на фон рамочки, в первом случае это фон внешней рамочки, во втором - внутренней. В кавычки мы вставим путь до фона. И это будет выглядеть так:

<center>

                <table align="center" background="http://img-fotki.yandex.ru/get/6826/82524048.3/0_ca3f7_e60b8c5b_S.jpg" border="4" cellpadding="4" cellspacing="4" style="width: 100%;">

                               <tbody>

                                               <tr>

                                                               <td>

                                                                              <table align="center" background="http://img-fotki.yandex.ru/get/5014/82524048.4/0_ec0c3_72f34e3_M.jpg" border="4" cellpadding="4" cellspacing="4" style="width: 100%;">

                                                                                              <tbody>

                                                                                                              <tr>

                                                                                                                             <td>

                                                                                                                                             &nbsp;</td>

                                                                                                              </tr>

                                                                                              </tbody>

                                                                              </table>

                                                               </td>

                                               </tr>

                               </tbody>

                </table>

                <p>

                               &nbsp;</p>

</center>

Или так:

[показать]

Теперь снова нажимаем на "Источник", уходя от кодов. И увидим следующее:

[показать]

Сохраняем изменения.

[показать]

Вот такую рамочку мы получили.  Если дальше будем работать в простом редакторе, то во внутреннем поле надо написать для ориентировки слова "ВАШ ТЕКСТ".

Затем уже можно поиграть праметрами в "Свойствах таблицы", добавить параметры, описывающие цвет границ рамочек и тд

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Про самую простую рамочку. | rkfdlbz - Дневник rkfdlbz | Лента друзей rkfdlbz / Полная версия Добавить в друзья Страницы: раньше»