Красивое оформление формы или таблицы данных опубликовал Радик Алиев категория  
просмотры 3 804

Красивое оформление формы или таблицы данных

Приятно видеть, что разработчики сервиса MyTaskHelper совсем не собираются останавливаться на столь впечатляющих результатах! С недавнего времени функционал проекта пополнился новой возможностью – опциями, позволяющими самостоятельно изменять внешний вид веб формы, например, вашей формы обратной связи и таблицы с записями. Попробуйте себя в роли дизайнера!

Теперь не стоит переживать о том, как впишется только что созданная форма в общую концепцию вашего сайта. Всегда можно настроить дизайн формы таким образом, что она не только будет иметь привлекательный для пользователя вид, но и вполне гармонично сочетаться с остальными элементами веб-ресурса.

Как это все происходит?


Для наглядности рассмотрим небольшой пример. Итак, для начала нужно создать базу данных и добавить в нее несколько записей. По окончанию ввода переходим на меню «Записи» и делаем обновление данных.

Теперь переходим на вкладку «Настроить и встроить» и нажимаем на ссылку «Запись». После этого мы попадаем на страничку, где можно либо оставить оформление внесенной в базу информацию привычным и стандартным, или же проделать кое-какие изменения в дизайне.

Поскольку мы хотим, чтобы наша формочка получилась красивой выбираем последний вариант. После этого откроется редактор, с помощью которого Вы полностью можете проявить свои творческие способности. Отметим, что для изменения внешнего вида выводимых записей нужно иметь представление о CSS и HTML.

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

Вставка картинки или ссылки на виджет записи

С помощью картинок таблица с данными часто принимает более удобный для восприятия вид. К примеру, с фотографией каждого человека вид таблицы с контактными данными будет намного лучше по сравнению с одной лишь текстовой информацией. Допустим, такая таблица содержит графу для закачивания фото. Покажем, как правильно нужно вставлять картинку и ссылку.

Нажимаем на ссылку «Настроить и встроить» и делаем переход в пункт «Запись», в котором воспользуемся функцией DMTHML. Для того, чтобы вставить на страничку виджета фото или ссылку, нужно немного подправить ее HTML код. Внизу редактора расположена кнопка HTML, как раз для этого и предназначенная.

Как изменить код HTML?

После нажатия на кнопу появится окошко с текущим кодом, в котором и нужно произвести правки. Для изменений нужно использовать соответствующие теги HTML. Для большей легкости в конструкторе баз данных имеется полный список HTML тегов.

Итак, для того чтобы вставить фото, выберем <td>фото</td> и изменим его на код выбранной картинки. После этого можно сразу же увидеть полученный результат.

Теги:

0 комментарий

Добавить комментарий

vk_like_site