Формы

Рассмотрим на примере формы ввода товара. В Html или на страницу в Панель Html кодов в место, где вы хотите иметь форму вводим:

<form name="forma1">

<table align="left" background-color="#9cdcea" border="0" cellspacing="0" outline="2px solid #000080" width="300">

         <tbody>

                   <tr>

                            <td>

                            <p>Фото товара:</p>

                            </td>

                            <td><input name="foto" type="file" /></td>

                   </tr>

                   <tr>

                            <td>Размер:</td>

                            <td><input name="razm" type="text" /></td>

                   </tr>

                   <tr>

                            <td>Цена:</td>

                            <td><input name="zena" type="text" /></td>

                            <td>&nbsp;</td>

                   </tr>

                   <tr>

                            <td>Описание товара:</td>

                            <td><textarea cols="48" name="comment" rows="10"></textarea></td>

                   </tr>

                   <tr>

                            <td>&nbsp;</td>

                            <td><button type="submit">Добавить товар</button></td>

                   </tr>

         </tbody>

</table>

</form>

В результате получим следующую форму:

Создать кнопку

Пример создания кнопки для перехода страницу ( в моем случае вставлено в верхний контейнер, т.е. в горизонтальное меню).

<li>

       <form method="LINK" action="http://magazinalis.ucoz.net/index/dobavit_tovar/0-10">

               <button type="submit" style="background-color: #b57fd1">

                   <span style="color:#ffffff;">Добавить товар</span></button> </form> </li>), где

action="http://magazinalis.ucoz.net/index/dobavit_tovar/0-10"> - адрес страницы, на которую надо совершить переход

<button type="submit"  (определяет, что тип поля кнопка)

style="background-color: #b57fd1"> (определяет цвет кнопки)

<span style="color:#ffffff;">Добавить товар</span></button>  (определяет надпись и цвет надписи кнопки)

в результате получим:

Вставка фото с обтеканием текстом

Поместим нужное нам фото в файловый менеджер.

Пусть это будет файл baranki.gif. Нажмем кнопку со стрелкой, откроется ссылка на это фото

Подводим курсор к ссылке и нажимаем правую кнопку мыши.

Нажимаем копировать.

Переходим в режим Редактор страниц>Управление страницами сайта> Панель HTML кодов

и вставляет в то место страницы, где мы хотим видеть фото

<div style="float:left; margin-top: 0px; margin-right: 20px; margin-bottom: 5px; margin-left: 30px; "><img alt="" src="http://rezeptyotmariny.ru/img/baranki.gif " style="width: 100px; height: 67px;" /></div>,

Где http://rezeptyotmariny.ru/img/baranki.gif – скопированная ссылка на фото.

В итоге получаем рисунок обтекаемый текстом

  • Яйцо 1 шт.
  • Йогурт  (кефир, молоко, сметана) 1ст.л.
  • Растительное (или любое другое) масло 1ст.л.
  • Соль 1/4ч.л.
  • Сахар 2ст.л.
  • Сода – ¼ ч.л.
  • Мука