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


Как Добавить Правый Блок?


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

#41 Lesson

Lesson

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений
  • ГородРостов-на-Дону

Отправлено 24 Декабрь 2012 - 05:27

Просмотр сообщенияKoderhan (30 Октябрь 2012 - 16:18) писал:

Для вывода акций на правый бок попробуйте выполнить следующие действия.
Найти код в файле "HTML":
</div>
<div id="right">
И вставить после него код :
<style>
.myinfoproduct .name a {
color:#000;
overflow:hidden;
text-overflow:ellipsis;
}
.myinfoproduct .txtalgnlft { text-align:left; }
</style>
{% IFNOT index_page_favorites_goods_empty %}
{% FOR index_page_favorites_goods %}
<div class="hr"></div>
<div class="box padd">
<div class="titlebox txtalgnlft">
<ul>
<li class="blue fnt11b">
<h2><a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Интересно</a></h2>
</li>
<li class="default fnt12b "><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></li>
</ul>
</div>
<div class="ulproduct">
<div class="img txtalgncnt">
<div class="stikerhit">
</div>
<a href="{index_page_favorites_goods.URL}"><img {% IF index_page_favorites_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_favorites_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_favorites_goods.NAME}" /></a>
</div>
<div class="myinfoproduct">
<div class="name fnt14b">
<a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a>
</div>
<div class="info fnt11n txtalgnlft" style="display:block;position:relative;">
{index_page_favorites_goods.DESCRIPTION_SHORT}
</div>
<div class="buttons">
{% IF index_page_favorites_goods.MAX_REST_VALUE>0 %}
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
<button type="submit" class="whtgray">Купить сейчас</button>
</div>
</form>
<a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;" class="whtgray">Подробнее</a>
{% ENDIF %}
{% IF index_page_favorites_goods.MAX_REST_VALUE=0 %}
<a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;" class="whtgray">Подробнее</a>
{% ENDIF %}
</div>
<div class="price fnt12b txtalgnlft">
Цена:
<span>
{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}
{% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
{index_page_favorites_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}
{% ENDIF %}
</span><em class="fnt12b">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</em>
</div>
</div>
<div class="clear"></div>
</div>
</div>
{% ENDFOR index_page_goods %}
{% ENDIF %}

Подскажите как изменить предложенный код, чтобы в правый блок  добавить только акции! Без хитов и новинок.

#42 Koderhan

Koderhan

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

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

Отправлено 24 Декабрь 2012 - 11:11

Просмотр сообщенияLesson (24 Декабрь 2012 - 05:27) писал:

Подскажите как изменить предложенный код, чтобы в правый блок  добавить только акции! Без хитов и новинок.
Если только вывести в эти категории товары которые участвуют в акции.
Для этого достаточно чтобы один и тот же товар находился в нескольких категориях одновременно.
Например. Акция и Новинки.

#43 Lesson

Lesson

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений
  • ГородРостов-на-Дону

Отправлено 25 Декабрь 2012 - 01:10

Ясно, думал можно как-то по другому вывести только список акций или отдельно взятую акцию. Ну да ладно, спасибо

#44 aba-shop

aba-shop

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

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 15 Январь 2013 - 09:12

Просмотр сообщенияsupport 2.0 (22 Ноябрь 2012 - 12:04) писал:

В файле main.css найдите блок
#content .box .ulproduct .img img {
max-width: 135px;
max-height: 130px;
position: relative;
z-index: 31;
}
max-width: 135px; - отвечает за размер. В вашем случае, максимальный размер больше 145 лучше не ставить. Тогда придется менять расположение текста под картинкой, чтобы он не наезжал на кнопку "Купить сейчас"

Помогите пожалуйста выровнять в правой колонки Новинки и Хиты товаров. Я так понимаю "Хит продаж выводится в стиле "Список", а нужно "таблицей" как Новинки в низу, и убрать кнопки купить, оставить только  "подробнее", в файле стили меняю но шаблон ползает во все стороны, не могу с этим справиться. во сайт http://shop-aba.ru/

#45 Koderhan

Koderhan

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

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

Отправлено 15 Январь 2013 - 10:30

Просмотр сообщенияaba-shop (15 Январь 2013 - 09:12) писал:

Помогите пожалуйста выровнять в правой колонки Новинки и Хиты товаров. Я так понимаю "Хит продаж выводится в стиле "Список", а нужно "таблицей" как Новинки в низу, и убрать кнопки купить, оставить только  "подробнее", в файле стили меняю но шаблон ползает во все стороны, не могу с этим справиться. во сайт http://shop-aba.ru/
Вот код "Хитов продаж" в виде таблицы.
Вы просто заменить старый код на этот.
		  <!-- Список хитов главной -->
		  {% IFNOT index_page_favorites_goods_empty %}
		  <div class="hr"></div>
			<div class="box padd">
			  <div class="titlebox fnt11b txtalgnlft">
				<ul>
				  <li class="blue fnt11b">
					<h2><a href="{CATALOG_NEW_URL}">Новинки</a></h2>
				  </li>
				</ul>
			  </div>
			 <table class="table" cellpadding="0 " cellspacing="0">
				<tr>
				  {% FOR index_page_favorites_goods %}
					<td>
					  <div class="tabproduct">
						<div class="title fnt12b txtalgncnt">
						  <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">{index_page_favorites_goods.NAME}</a>
						</div>
						<div class="img txtalgncnt">
						  <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>
						</div>
						<div class="price fnt12b txtalgncnt">
						  Цена:
						  {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
							<span>{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
						  {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
							<span>{index_page_favorites_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
						  {% ENDIF %}
						  <em class="fnt12b">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</em>
						</div>
						<div class="buttons txtalgncnt">
						  {% IF index_page_favorites_goods.MAX_REST_VALUE>0 %}<a href="{index_page_favorites_goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Подробнее</a>
							<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
							  <div>
								<input type="hidden" name="hash" value="{HASH}" />
								<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
								<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
								<button type="submit"class="blgreen">Купить</button>
							  </div>
							</form>
						  {% ENDIF %}
						  {% IF index_page_favorites_goods.MAX_REST_VALUE=0 %}
							<a href="{index_page_favorites_goods.URL}" class="whtgreen" style="margin:0 0 0 70px;" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Подробнее</a>
						  {% ENDIF %}
						</div>
					  </div>
					</td>
					{% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
				  {% ENDFOR index_page_favorites_goods %}
				</tr>
			  </table>
			</div>
		  {% ENDIF %}
		  <!-- end-Список хитов главной -->
Кнопка купить:
<button type="submit"class="blgreen">Купить</button>


#46 aba-shop

aba-shop

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

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 15 Январь 2013 - 10:42

Просмотр сообщенияKoderhan (15 Январь 2013 - 10:30) писал:

Вот код "Хитов продаж" в виде таблицы.
Вы просто заменить старый код на этот.
		 <!-- Список хитов главной -->
		 {% IFNOT index_page_favorites_goods_empty %}
		 <div class="hr"></div>
		 <div class="box padd">
			 <div class="titlebox fnt11b txtalgnlft">
			 <ul>
				 <li class="blue fnt11b">
				 <h2><a href="{CATALOG_NEW_URL}">Новинки</a></h2>
				 </li>
			 </ul>
			 </div>
			 <table class="table" cellpadding="0 " cellspacing="0">
			 <tr>
				 {% FOR index_page_favorites_goods %}
				 <td>
					 <div class="tabproduct">
					 <div class="title fnt12b txtalgncnt">
						 <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">{index_page_favorites_goods.NAME}</a>
					 </div>
					 <div class="img txtalgncnt">
						 <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>
					 </div>
					 <div class="price fnt12b txtalgncnt">
						 Цена:
						 {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
						 <span>{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
						 {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
						 <span>{index_page_favorites_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
						 {% ENDIF %}
						 <em class="fnt12b">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</em>
					 </div>
					 <div class="buttons txtalgncnt">
						 {% IF index_page_favorites_goods.MAX_REST_VALUE>0 %}<a href="{index_page_favorites_goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Подробнее</a>
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
							 <div>
							 <input type="hidden" name="hash" value="{HASH}" />
							 <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
							 <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
							 <button type="submit"class="blgreen">Купить</button>
							 </div>
						 </form>
						 {% ENDIF %}
						 {% IF index_page_favorites_goods.MAX_REST_VALUE=0 %}
						 <a href="{index_page_favorites_goods.URL}" class="whtgreen" style="margin:0 0 0 70px;" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;">Подробнее</a>
						 {% ENDIF %}
					 </div>
					 </div>
				 </td>
				 {% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
				 {% ENDFOR index_page_favorites_goods %}
			 </tr>
			 </table>
		 </div>
		 {% ENDIF %}
		 <!-- end-Список хитов главной -->
Кнопка купить:
<button type="submit"class="blgreen">Купить</button>

Спасибо большое, все получилось, но пропал значок "Хит продаж", подскажите, как его вернуть?

Блин, когда удалял код внизу страницы "Хитов" и Новинок" видно удалил лишнее и теперь у меня не выводиться ни "Акции" ни "товары" на главной" что делать? или я недопонимаю?

#47 Koderhan

Koderhan

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

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

Отправлено 15 Январь 2013 - 11:24

Просмотр сообщенияaba-shop (15 Январь 2013 - 10:42) писал:

Спасибо большое, все получилось, но пропал значок "Хит продаж", подскажите, как его вернуть?

Блин, когда удалял код внизу страницы "Хитов" и Новинок" видно удалил лишнее и теперь у меня не выводиться ни "Акции" ни "товары" на главной" что делать? или я недопонимаю?
Вот оригинал файла "HTML" Прикрепленный файл  1.zip   6,28К   154 Количество загрузок:
Для того чтобы добавить стикер с надписью "Хит продаж" к  изображению.
Достаточно в вашем коде "Хиты продаж".
Найти код:
<div class="img txtalgncnt">
												 <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>
Заменить:
<div class="img txtalgncnt">
<div class="stikerhit">
				 </div>
												 <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>

Код:
<div class="stikerhit"></div>
Выводить стикер.

#48 aba-shop

aba-shop

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

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 15 Январь 2013 - 12:23

Просмотр сообщенияKoderhan (15 Январь 2013 - 11:24) писал:

Вот оригинал файла "HTML" Прикрепленный файл 1.zip
Для того чтобы добавить стикер с надписью "Хит продаж" к  изображению.
Достаточно в вашем коде "Хиты продаж".
Найти код:
<div class="img txtalgncnt">
												 <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>
Заменить:
<div class="img txtalgncnt">
<div class="stikerhit">
				 </div>
												 <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>

Код:
<div class="stikerhit"></div>
Выводить стикер.

Спасибо! все стало, но как быть вот с этим? Изображение
как опустить блок "Новинки"?

И второй вопрос, ширину вывода блоков уменьшил, чтобы за края не выходили и сразу проблема, ширина поменялась на всем сайте при выводе табличным способом, можно как-то уменьшить ширину блока только на главной странице???

#49 Koderhan

Koderhan

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

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

Отправлено 15 Январь 2013 - 13:47

Просмотр сообщенияaba-shop (15 Январь 2013 - 12:23) писал:

Спасибо! все стало, но как быть вот с этим? Изображение
как опустить блок "Новинки"?

И второй вопрос, ширину вывода блоков уменьшил, чтобы за края не выходили и сразу проблема, ширина поменялась на всем сайте при выводе табличным способом, можно как-то уменьшить ширину блока только на главной странице???

Для добавления отступа.
В файле "HTML".
Найти код:
		  {% IFNOT index_page_new_goods_empty %}
			<div class="hr"></div>
			<div class="box padd">
Заменить:
		  {% IFNOT index_page_new_goods_empty %}
			<div class="hr"></div>
			<div class="box padd" style="margin-top:40px;">


#50 aba-shop

aba-shop

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

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 15 Январь 2013 - 14:00

Просмотр сообщенияKoderhan (15 Январь 2013 - 13:47) писал:

Для добавления отступа.
В файле "HTML".
Найти код:
		 {% IFNOT index_page_new_goods_empty %}
		 <div class="hr"></div>
		 <div class="box padd">
Заменить:
		 {% IFNOT index_page_new_goods_empty %}
		 <div class="hr"></div>
		 <div class="box padd" style="margin-top:40px;">

Спасибо огромное! а по размерам блоков только на главной не подскажите?

#51 Koderhan

Koderhan

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

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

Отправлено 15 Январь 2013 - 14:59

В файле HTML.
До кода <div class="right">.
Добавить:

{% IF index_page %}
<style>
#content .box .tabproduct {
width:200px;/*ширина блока только для главной страницы*/
max-width:200px;/*максимальное ширина блок, оба значение изменять только одновременно */
}
</style>
{% ENDIF %}


#52 Dmiper

Dmiper

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений

Отправлено 14 Июнь 2013 - 18:33

Подскажите плиз что нужно вставить чтобы в правый блок вывести новости? И собсно где создавать страницы с этими новостями

#53 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

В шаблоне "Пластик" новости по умолчанию выводятся с правой стороны. Создать новость или статью вы можете в разделе Сайт -> Новости и статьи.

#54 maksybl

maksybl

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

  • Пользователи
  • PipPip
  • 44 сообщений

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

Здравствуйте подскажите как сделать вот такой вот блок сбоку.Буду очень благодарен!

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

  • 1.png


#55 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 22 Июнь 2013 - 21:52

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

Здравствуйте подскажите как сделать вот такой вот блок сбоку.Буду очень благодарен!

В шаблоне Товар найдите
<div id="right">
сразу после этой строчки вставьте
<div class="block">
<div class="warranty">
				 <h2>365 дней гарантии</h2>
					 <br>
						 <div class="text"><p> И это не единственное, что делает наш сервис лучше</p></div>
						 <br>
						 <div class="url"><a href="#">ПОДРОБНЕЕ ...</a></div>
		 </div>
		 </div>

Теперь в файле main,css вставьте (можно в конце всего файла)
.warranty {
background: #505050; /* Для старых браузров */
background: -moz-linear-gradient(top, #505050, #282828); /* Firefox 3.6+ */
/* Chrome 1-9, Safari 4-5 */
background: -webkit-gradient(linear, left top, left bottom,				 color-stop(0%,#505050), color-stop(100%,#282828));
/* Chrome 10+, Safari 5.1+ */
background: -webkit-linear-gradient(top, #505050, #282828);
background: -o-linear-gradient(top, #505050, #282828); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #505050, #282828); /* IE10 */
background: linear-gradient(top, #505050, #282828); /* CSS3 */
padding: 10px;
border: 1px solid #333;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
}
.warranty h2 {
color:#fff;
}
.warranty .text {
color: #c1c1c1;
}
.warranty .url {
background: #656565;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
padding: 5px;
padding-left: 10px;
width: 80px;
}
.warranty .url a {
color:#fff;
}

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

  • ScreenShot 305.png


#56 Ботаникус

Ботаникус

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

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

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

Просмотр сообщенияsupport 2.0 (22 Июнь 2013 - 21:52) писал:

В шаблоне Товар найдите
<div id="right">
сразу после этой строчки вставьте
<div class="block">
<div class="warranty">
				 <h2>365 дней гарантии</h2>
					 <br>
						 <div class="text"><p> И это не единственное, что делает наш сервис лучше</p></div>
						 <br>
						 <div class="url"><a href="#">ПОДРОБНЕЕ ...</a></div>
		 </div>
		 </div>

Теперь в файле main,css вставьте (можно в конце всего файла)
.warranty {
background: #505050; /* Для старых браузров */
background: -moz-linear-gradient(top, #505050, #282828); /* Firefox 3.6+ */
/* Chrome 1-9, Safari 4-5 */
background: -webkit-gradient(linear, left top, left bottom,				 color-stop(0%,#505050), color-stop(100%,#282828));
/* Chrome 10+, Safari 5.1+ */
background: -webkit-linear-gradient(top, #505050, #282828);
background: -o-linear-gradient(top, #505050, #282828); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #505050, #282828); /* IE10 */
background: linear-gradient(top, #505050, #282828); /* CSS3 */
padding: 10px;
border: 1px solid #333;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
}
.warranty h2 {
color:#fff;
}
.warranty .text {
color: #c1c1c1;
}
.warranty .url {
background: #656565;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
padding: 5px;
padding-left: 10px;
width: 80px;
}
.warranty .url a {
color:#fff;
}
мне бы тоже такую табличку повесить) для Сияния подойдёт код?

#57 miyako

miyako

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

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

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

Просмотр сообщенияБотаникус (22 Июнь 2013 - 22:54) писал:

мне бы тоже такую табличку повесить) для Сияния подойдёт код?

Подойдет. Только у вас скорее всего нету класса -
block

Где вы хотите установить такой блок?

#58 Ботаникус

Ботаникус

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

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

Отправлено 23 Июнь 2013 - 16:36

Просмотр сообщенияmiyako (23 Июнь 2013 - 11:11) писал:

Подойдет. Только у вас скорее всего нету класса -
block
Где вы хотите установить такой блок?

над меню справа, где травка растёт)

#59 Stasya

Stasya

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

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

Отправлено 23 Июнь 2013 - 18:02

В шаблоне HTML найдите блок
<td class="content_catalog cont250">
		
		 <center>
и после него вставьте блок
<div class="warranty">
								 <h2>365 дней гарантии</h2>
										 <br>
												 <div class="text"><p> И это не единственное, что делает наш сервис лучше</p></div>
												 <br>
												 <div class="url"><a href="ЗДЕСЬ ССЫЛКА" style="font-size:11px;">ПОДРОБНЕЕ ...</a></div>
				 </div>
Только Вам необходимо прописать ссылку куда будет ссылаться кнопка подробнее.
Так же в файл main.css Вам необходимо добавить блок
.warranty {
width:180px;
background: #505050; /* Для старых браузров */
background: -moz-linear-gradient(top, #505050, #282828); /* Firefox 3.6+ */
/* Chrome 1-9, Safari 4-5 */
background: -webkit-gradient(linear, left top, left bottom,							  color-stop(0%,#505050), color-stop(100%,#282828));
/* Chrome 10+, Safari 5.1+ */
background: -webkit-linear-gradient(top, #505050, #282828);
background: -o-linear-gradient(top, #505050, #282828); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #505050, #282828); /* IE10 */
background: linear-gradient(top, #505050, #282828); /* CSS3 */
padding: 10px;
border: 1px solid #333;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
}
.warranty h2 {
color:#fff;
}
.warranty .text {
color: #c1c1c1;
}
.warranty .url {
background: #656565;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
padding: 5px;
padding-left: 10px;
width: 80px;
}
.warranty .url a {
color:#fff;
}


#60 Ботаникус

Ботаникус

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

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

Отправлено 23 Июнь 2013 - 19:46

Просмотр сообщенияStasya (23 Июнь 2013 - 18:02) писал:

В шаблоне HTML найдите блок
<td class="content_catalog cont250">
		
		 <center>
и после него вставьте блок
<div class="warranty">
								 <h2>365 дней гарантии</h2>
										 <br>
												 <div class="text"><p> И это не единственное, что делает наш сервис лучше</p></div>
												 <br>
												 <div class="url"><a href="ЗДЕСЬ ССЫЛКА" style="font-size:11px;">ПОДРОБНЕЕ ...</a></div>
				 </div>
Только Вам необходимо прописать ссылку куда будет ссылаться кнопка подробнее.
Так же в файл main.css Вам необходимо добавить блок
.warranty {
width:180px;
background: #505050; /* Для старых браузров */
background: -moz-linear-gradient(top, #505050, #282828); /* Firefox 3.6+ */
/* Chrome 1-9, Safari 4-5 */
background: -webkit-gradient(linear, left top, left bottom,							 color-stop(0%,#505050), color-stop(100%,#282828));
/* Chrome 10+, Safari 5.1+ */
background: -webkit-linear-gradient(top, #505050, #282828);
background: -o-linear-gradient(top, #505050, #282828); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #505050, #282828); /* IE10 */
background: linear-gradient(top, #505050, #282828); /* CSS3 */
padding: 10px;
border: 1px solid #333;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
}
.warranty h2 {
color:#fff;
}
.warranty .text {
color: #c1c1c1;
}
.warranty .url {
background: #656565;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
padding: 5px;
padding-left: 10px;
width: 80px;
}
.warranty .url a {
color:#fff;
}
большое спасибо, осталось придумать, куда будет вести ссылка...))) уже лепить некуда, но мне же всё надо!))))




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

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