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


Разделители


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

#1 sergey85

sergey85

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

  • Пользователи
  • PipPipPipPip
  • 230 сообщений
  • ГородКиев

Отправлено 09 Июнь 2013 - 15:57

Здравствуйте,подскажите пожалуйста,можно ли поставить разделитель между списком акций,что-то вроде черточек.Шаблон Лайт.

#2 miyako

miyako

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

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

Отправлено 10 Июнь 2013 - 06:45

Просмотр сообщенияsergey85 (09 Июнь 2013 - 15:57) писал:

Здравствуйте,подскажите пожалуйста,можно ли поставить разделитель между списком акций,что-то вроде черточек.Шаблон Лайт.

Найдите код в шаблоне Список акций:
<!-- promotion campaign list -->
{% IF promotion_campaign_empty %}
	<h3 class="promotionCampaignHeader">Акций в нашем магазине пока нет</h3>
{% ELSE %}
  {% FOR promotion_campaign %}
	<h3 class="promotionCampaignHeader"><a href="{promotion_campaign.URL}">{promotion_campaign.NAME}</a></h3>
	<p>
	  <table class="promotionCampaignInfo">
		<tr>
		  <td class="cell1"><p><span> Сроки проведения акции:</span></p></td>
		  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
		</tr>
		<tr>
		  <td class="cell1"><p><span>Размер скидки:</span></p></td>
		  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
		</tr>
	   </table>
	   <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
	   <a title="{promotion_campaign.NAME}" href="{promotion_campaign.URL}">Подробнее...</a>
	</p>
  {% ENDFOR promotion_campaign %}
{% ENDIF %}	  
<!-- end promotion campaign list -->
и замените на:
<!-- promotion campaign list -->
{% IF promotion_campaign_empty %}
	<h3 class="promotionCampaignHeader">Акций в нашем магазине пока нет</h3>
{% ELSE %}
  {% FOR promotion_campaign %}
	<h3 class="promotionCampaignHeader"><a href="{promotion_campaign.URL}">{promotion_campaign.NAME}</a></h3>
	<p>
<div style="border-bottom:1px dotted black;width:50%;padding-bottom:5px;">
	  <table class="promotionCampaignInfo">
		<tr>
		  <td class="cell1"><p><span> Сроки проведения акции:</span></p></td>
		  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
		</tr>
		<tr>
		  <td class="cell1"><p><span>Размер скидки:</span></p></td>
		  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
		</tr>
	   </table>
</div>
	   <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
	   <a title="{promotion_campaign.NAME}" href="{promotion_campaign.URL}">Подробнее...</a>
	</p>
  {% ENDFOR promotion_campaign %}
{% ENDIF %}	  
<!-- end promotion campaign list -->


#3 sergey85

sergey85

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

  • Пользователи
  • PipPipPipPip
  • 230 сообщений
  • ГородКиев

Отправлено 10 Июнь 2013 - 20:54

Все работает,только нужно разместить разделитель под краткое описание Акции и подробнее.

#4 Koderhan

Koderhan

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

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

Отправлено 11 Июнь 2013 - 06:00

Просмотр сообщенияsergey85 (10 Июнь 2013 - 20:54) писал:

Все работает,только нужно разместить разделитель под краткое описание Акции и подробнее.
Панель администратора, "Сайт"->"Редактор тем".
В файле "Список акций".
Найти код:
<!-- promotion campaign list -->
{% IF promotion_campaign_empty %}
		<h3 class="promotionCampaignHeader">Акций в нашем магазине пока нет</h3>
{% ELSE %}
  {% FOR promotion_campaign %}
		<h3 class="promotionCampaignHeader"><a href="{promotion_campaign.URL}">{promotion_campaign.NAME}</a></h3>
		<p>
<div style="border-bottom:1px dotted black;width:50%;padding-bottom:5px;">
		  <table class="promotionCampaignInfo">
				<tr>
				  <td class="cell1"><p><span> Сроки проведения акции:</span></p></td>
				  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
				</tr>
				<tr>
				  <td class="cell1"><p><span>Размер скидки:</span></p></td>
				  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
				</tr>
		   </table>
</div>
		   <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
		   <a title="{promotion_campaign.NAME}" href="{promotion_campaign.URL}">Подробнее...</a>
		</p>
  {% ENDFOR promotion_campaign %}
{% ENDIF %}	   
<!-- end promotion campaign list -->

Заменить:
<!-- promotion campaign list -->
{% IF promotion_campaign_empty %}
		<h3 class="promotionCampaignHeader">Акций в нашем магазине пока нет</h3>
{% ELSE %}
  {% FOR promotion_campaign %}
		<h3 class="promotionCampaignHeader"><a href="{promotion_campaign.URL}">{promotion_campaign.NAME}</a></h3>
		<p class="dt">
<div>
		  <table class="promotionCampaignInfo">
				<tr>
				  <td class="cell1"><p><span> Сроки проведения акции:</span></p></td>
				  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
				</tr>
				<tr>
				  <td class="cell1"><p><span>Размер скидки:</span></p></td>
				  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
				</tr>
		   </table>
</div>
		   <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
		   <a title="{promotion_campaign.NAME}" href="{promotion_campaign.URL}">Подробнее...</a>
		</p>
  {% ENDFOR promotion_campaign %}
{% ENDIF %}	   
<!-- end promotion campaign list -->


Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.dt {
	border-bottom: 1px dotted black;
	padding-bottom: 10px;
}


#5 sergey85

sergey85

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

  • Пользователи
  • PipPipPipPip
  • 230 сообщений
  • ГородКиев

Отправлено 11 Июнь 2013 - 20:50

Так вообще нет разделителей...

#6 Сake

Сake

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

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

Отправлено 12 Июнь 2013 - 00:44

Найдите в вашем файле стилей main.css

input.ui-button {
background: #D3D3D3;/*цвет фона для всех кнопок с таким классом*/
.dt {
		border-bottom: 1px dotted black;
		padding-bottom: 10px;
}

и замените на

input.ui-button {
background: #D3D3D3;/*цвет фона для всех кнопок с таким классом*/
}
.promotionCampaignHeader {
	border-top: 1px dotted;
	padding: 8px 0;
}
.promotionCampaignHeader:first-of-type {
	border-top: none;
}


#7 sergey85

sergey85

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

  • Пользователи
  • PipPipPipPip
  • 230 сообщений
  • ГородКиев

Отправлено 12 Июнь 2013 - 03:34

а как теперь полосы сделать покороче и где им задать цвет

#8 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 12 Июнь 2013 - 04:55

Покороче задать разделитель нельзя, так как он использует всю ширину блока, если уменьшить блок то и текст сместиться. Задать цвет можно если изменить

border-top: 1px dotted;

на

border-top: 1px dotted #000;

где #000 необходимый цвет.




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

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