Перейти к содержимому


Фоновая Картинка Только На Странице Связь С Администрацией

Автор hog2211@mail.ru, 04 авг. 2014 21:26

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 hog2211@mail.ru

hog2211@mail.ru

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородСанкт-Петербург

Отправлено 04 Август 2014 - 21:26

Здравствуйте!
Помогитте, пожалуйста, не получается сделать правильно. Хочется чтоы аккуратно выглядело.
на картинке "primer1.jpg", то что у меня полуилось. Думала нормально получится, но увы...
на картинке "primer2.jpg", то что хочется в итоге.
заю, что испахабила весть код. помоите исправить?
Вот мой исколеченный код страницы "Связь с админимтрацией" - http://hogart.pro/feedback

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/...}/">Главная</a> &gt; <strong>Связь с администрацией</strong></p>
<h1>Связь с администрацией</h1>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Рисунок на поле</title>


  <style type="text/css">


  TD.leftcol {
    width: 110px; /* Ширина левой колонки с рисунком */
    vertical-align: top; /* Выравнивание по верхнему краю */
   }
  </style>
</head>




<body background:url({ASSETS_IMAGES_PATH}zayavka.png) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; background-size:100%; background-repeat:no-repeat;>

<table width="715" border="1"
  <tr bgcolor="white">
<td width="60" height="150"><form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
  <div>
    <input type="hidden" name="hash" value="{HASH}" />

    <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
    {ANTISPAM_CODE}

    {% IF FORM_SEND_OK %}
      <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
      <a href="http://{NET_DOMAIN}/">Перейти на главную</a>
    {% ELSE %}
      {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
      <label for="feedback_name">Представьтесь, пожалуйста</label>
      <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />

      <label for="feedback_еmail">Email для обратной связи</label>
      <input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
    </td>
<td class="leftcol"><input type="image" class="submit alignleft" src="{ASSETS_IMAGES_PATH}zayavka.png" width="170" height="158"/ aling="left"></td>
</tr>
<tr bgcolor="white">
<td colspan="2" height="30"><label for="feedback_message">Текст сообщения</label>
      <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />

      <label for="feedback_file">Прикрепить файл</label>
      <input id="feedback_file" type="file" name="form[assets_file]" value="" /><br /><br />

      <input type="submit" class="button_med" value="Отправить"/></td>
</tr>
</table>

    {% ENDIF %}
  </div>
</form>


Заранее, спасибо!

Прикрепленные изображения

  • primer1.JPG
  • primer2.JPG

#2 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 04 Август 2014 - 22:37

Просмотр сообщенияhog2211@mail.ru (04 Август 2014 - 21:26) писал:

Здравствуйте!
Помогитте, пожалуйста, не получается сделать правильно. Хочется чтоы аккуратно выглядело.
на картинке "primer1.jpg", то что у меня полуилось. Думала нормально получится, но увы...
на картинке "primer2.jpg", то что хочется в итоге.
заю, что испахабила весть код. помоите исправить?
Вот мой исколеченный код страницы "Связь с админимтрацией" - http://hogart.pro/feedback

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/...}/">Главная</a> &gt; <strong>Связь с администрацией</strong></p>
<h1>Связь с администрацией</h1>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Рисунок на поле</title>


  <style type="text/css">


  TD.leftcol {
width: 110px; /* Ширина левой колонки с рисунком */
vertical-align: top; /* Выравнивание по верхнему краю */
   }
  </style>
</head>




<body background:url({ASSETS_IMAGES_PATH}zayavka.png) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; background-size:100%; background-repeat:no-repeat;>

<table width="715" border="1"
  <tr bgcolor="white">
<td width="60" height="150"><form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
  <div>
<input type="hidden" name="hash" value="{HASH}" />

<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}

{% IF FORM_SEND_OK %}
  <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
  <a href="http://{NET_DOMAIN}/">Перейти на главную</a>
{% ELSE %}
  {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
  <label for="feedback_name">Представьтесь, пожалуйста</label>
  <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />

  <label for="feedback_еmail">Email для обратной связи</label>
  <input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
</td>
<td class="leftcol"><input type="image" class="submit alignleft" src="{ASSETS_IMAGES_PATH}zayavka.png" width="170" height="158"/ aling="left"></td>
</tr>
<tr bgcolor="white">
<td colspan="2" height="30"><label for="feedback_message">Текст сообщения</label>
  <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />

  <label for="feedback_file">Прикрепить файл</label>
  <input id="feedback_file" type="file" name="form[assets_file]" value="" /><br /><br />

  <input type="submit" class="button_med" value="Отправить"/></td>
</tr>
</table>

{% ENDIF %}
  </div>
</form>


Заранее, спасибо!

Здравствуйте! Сделайте бэк-ап шаблона. Затем попробуйте сделать следующее:
В шаблоне Связь с администрацией удалите строку
<td class="leftcol"><input type="image" class="submit alignleft" src="{ASSETS_IMAGES_PATH}zayavka.png" width="170" height="158"/ aling="left"></td>
В шаблоне Связь с администрацией
Строки 25 и 46  
<tr bgcolor="white">
заменить на
<tr bgcolor="">
Строку
<textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />
замените на
<textarea style="opacity:0.7" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />
Строку
<input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
замените на
 <input style="opacity:0.7" id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
  Строку
 <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />
  замените на  
 <input style="opacity:0.7" id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />
  Строки
<style type="text/css">


TD.leftcol {
width: 110px; /* Ширина левой колонки с рисунком */
vertical-align: top; /* Выравнивание по верхнему краю */
}
</style>
замените на 
<style type="text/css">

#primaryContent{
background: url(http://komleva.storeland.net/zayavka.png) no-repeat 264px 122px;
background-size: 60%;
}
</style>

#3 hog2211@mail.ru

hog2211@mail.ru

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородСанкт-Петербург

Отправлено 04 Август 2014 - 23:32

Просмотр сообщенияdaria_dnk (04 Август 2014 - 22:37) писал:

Здравствуйте! Сделайте бэк-ап шаблона. Затем попробуйте сделать следующее:
В шаблоне Связь с администрацией удалите строку
<td class="leftcol"><input type="image" class="submit alignleft" src="{ASSETS_IMAGES_PATH}zayavka.png" width="170" height="158"/ aling="left"></td>
В шаблоне Связь с администрацией
Строки 25 и 46  
<tr bgcolor="white">
заменить на
<tr bgcolor="">
Строку
<textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />
замените на
<textarea style="opacity:0.7" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />
Строку
<input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
замените на
 <input style="opacity:0.7" id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
  Строку
 <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />
  замените на  
 <input style="opacity:0.7" id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />
  Строки
<style type="text/css">


TD.leftcol {
width: 110px; /* Ширина левой колонки с рисунком */
vertical-align: top; /* Выравнивание по верхнему краю */
}
</style>
замените на 
<style type="text/css">

#primaryContent{
background: url(http://komleva.storeland.net/zayavka.png) no-repeat 264px 122px;
background-size: 60%;
}
</style>
У меня изначально в шаблоне вообще таблицы не было.
бэк-ап шаблона я сделала, но то что Вы пишете заменить, либо убрать этих строк у меня нет.
Вот код изначальный:
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/...}/">Главная</a> &gt; <strong>Связь с администрацией</strong></p>
<h1>Связь с администрацией</h1>

<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
  <div>
    <input type="hidden" name="hash" value="{HASH}" />

    <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
    {ANTISPAM_CODE}

    {% IF FORM_SEND_OK %}
      <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
      <a href="http://{NET_DOMAIN}/">Перейти на главную</a>
    {% ELSE %}
      {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
      <label for="feedback_name">Представьтесь, пожалуйста</label>
      <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />

      <label for="feedback_еmail">Email для обратной связи</label>
      <input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />

      <label for="feedback_message">Текст сообщения</label>
      <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />

      <label for="feedback_file">Прикрепить файл</label>
      <input id="feedback_file" type="file" name="form[assets_file]" value="" /><br /><br />

      <input type="submit" class="button_med" value="Отправить"/>
    {% ENDIF %}
  </div>
</form>

#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 05 Август 2014 - 01:31

У вас по сути изменений в шаблоне "Связь с администрацией" нет, поэтому код шаблона можно заменить на код по умолчанию. Замените содержимое вашего шаблона "Связь с администрацией" на следующий код

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>Связь с администрацией</strong></p>
<h1>Связь с администрацией</h1>
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
  <div>
	<input type="hidden" name="hash" value="{HASH}" />
	<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
	{ANTISPAM_CODE}
	{% IF FORM_SEND_OK %}
	  <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
	  <a href="http://{NET_DOMAIN}/">Перейти на главную</a>
	{% ELSE %}
	  {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
	  <label for="feedback_name">Представьтесь, пожалуйста</label>
	  <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />
 
	  <label for="feedback_еmail">Email для обратной связи</label>
	  <input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
   
	  <label for="feedback_message">Текст сообщения</label>
	  <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />
 
	  <label for="feedback_file">Прикрепить файл</label>
	  <input id="feedback_file" type="file" name="form[assets_file]" value="" /><br /><br />
	  <input type="submit" class="button_med" value="Отправить"/>
	{% ENDIF %}
  </div>
</form>
<style>
#primaryContent {
  background: url("{ASSETS_IMAGES_PATH}zayavka.png") no-repeat right bottom;
}
</style>

после этого измените размер (уменьшите) изображения zayavka.png в любом графическом редакторе до требуемых размеров.

#5 hog2211@mail.ru

hog2211@mail.ru

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородСанкт-Петербург

Отправлено 05 Август 2014 - 11:02

Просмотр сообщенияСake (05 Август 2014 - 01:31) писал:

У вас по сути изменений в шаблоне "Связь с администрацией" нет, поэтому код шаблона можно заменить на код по умолчанию. Замените содержимое вашего шаблона "Связь с администрацией" на следующий код

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>Связь с администрацией</strong></p>
<h1>Связь с администрацией</h1>
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}
{% IF FORM_SEND_OK %}
	 <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
	 <a href="http://{NET_DOMAIN}/">Перейти на главную</a>
{% ELSE %}
	 {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
	 <label for="feedback_name">Представьтесь, пожалуйста</label>
	 <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />

	 <label for="feedback_еmail">Email для обратной связи</label>
	 <input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />

	 <label for="feedback_message">Текст сообщения</label>
	 <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />

	 <label for="feedback_file">Прикрепить файл</label>
	 <input id="feedback_file" type="file" name="form[assets_file]" value="" /><br /><br />
	 <input type="submit" class="button_med" value="Отправить"/>
{% ENDIF %}
</div>
</form>
<style>
#primaryContent {
background: url("{ASSETS_IMAGES_PATH}zayavka.png") no-repeat right bottom;
}
</style>

после этого измените размер (уменьшите) изображения zayavka.png в любом графическом редакторе до требуемых размеров.

Допетрила. :)
Спасибо большое!

#6 hog2211@mail.ru

hog2211@mail.ru

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородСанкт-Петербург

Отправлено 05 Август 2014 - 15:12

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

http://hogart.pro/

Заранее, спасибо!

#7 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Август 2014 - 00:58

Пожалуйста, не дублируйте ваши вопросы. Вам ответили в теме форума http://forum.storela...боковой-панели/
Обратно в Другие вопросы дизайна


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Другие вопросы дизайна
  5. Privacy Policy