Здравствуйте,подскажите пожалуйста,можно ли поставить разделитель между списком акций,что-то вроде черточек.Шаблон Лайт.
1
Разделители
Автор sergey85, 09 июня 2013 15:57
Сообщений в теме: 7
#1
Отправлено 09 Июнь 2013 - 15:57
#2
Отправлено 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
Отправлено 10 Июнь 2013 - 20:54
Все работает,только нужно разместить разделитель под краткое описание Акции и подробнее.
#4
Отправлено 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
Отправлено 11 Июнь 2013 - 20:50
Так вообще нет разделителей...
#6
Отправлено 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
Отправлено 12 Июнь 2013 - 03:34
а как теперь полосы сделать покороче и где им задать цвет
#8
Отправлено 12 Июнь 2013 - 04:55
Покороче задать разделитель нельзя, так как он использует всю ширину блока, если уменьшить блок то и текст сместиться. Задать цвет можно если изменить
на
где #000 необходимый цвет.
border-top: 1px dotted;
на
border-top: 1px dotted #000;
где #000 необходимый цвет.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных