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


Главная Каталог


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

#41 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 25 Октябрь 2014 - 13:07

Просмотр сообщенияRebvjd (25 Октябрь 2014 - 12:55) писал:

А растянуть его можно? Так ужасно смотрится. И после блока знак ">" как убрать?
В шаблоне "HTML" замените
{% ENDIF %}																											 >
</div>
</div>
<div id="bottobj"></div>
на
{% ENDIF %}
</div>
</div>
<div id="bottobj"></div>
Чтобы изменить размер,необходимо будет перерисовать файл headline-bg.jpg т.к. верхняя граница рамки является рисунком фиксированной ширины.

#42 Rebvjd

Rebvjd

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

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

Отправлено 25 Октябрь 2014 - 14:03

Просмотр сообщенияAnnaM (25 Октябрь 2014 - 13:07) писал:

В шаблоне "HTML" замените
{% ENDIF %}																											 >
</div>
</div>
<div id="bottobj"></div>
на
{% ENDIF %}
</div>
</div>
<div id="bottobj"></div>
Чтобы изменить размер,необходимо будет перерисовать файл headline-bg.jpg т.к. верхняя граница рамки является рисунком фиксированной ширины.
Я увеличил изображение, сделал размер 974 x 54, и под именем headline-bg1.jpg добавил на сайт. Напишите пожалуйста, что изменить чтобы увеличить.

#43 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 25 Октябрь 2014 - 14:30

Просмотр сообщенияRebvjd (25 Октябрь 2014 - 14:03) писал:

Я увеличил изображение, сделал размер 974 x 54, и под именем headline-bg1.jpg добавил на сайт. Напишите пожалуйста, что изменить чтобы увеличить.
в main.css замените
#content .headline {
margin: 0 10px 10px 10px;
background: url(http://design.sweetjoy.ru/headline-bg.jpg) top center no-repeat;
width: 732px;
}
на
#content .headline {
margin: 27px 1% 0px 2%;
background: url(http://design.sweetjoy.ru/headline-bg1.jpg) top center no-repeat;
width: 974px;
}


#44 Rebvjd

Rebvjd

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

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

Отправлено 25 Октябрь 2014 - 14:43

Просмотр сообщенияAnnaM (25 Октябрь 2014 - 14:30) писал:

в main.css замените
#content .headline {
margin: 0 10px 10px 10px;
background: url(http://design.sweetjoy.ru/headline-bg.jpg) top center no-repeat;
width: 732px;
}
на
#content .headline {
margin: 27px 1% 0px 2%;
background: url(http://design.sweetjoy.ru/headline-bg1.jpg) top center no-repeat;
width: 974px;
}
Вы написали код, который меняет размер блока и на главной страницы и в категориях товара. А мне нужно увеличить блок только главной страницы.

#45 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 25 Октябрь 2014 - 15:15

Просмотр сообщенияRebvjd (25 Октябрь 2014 - 14:43) писал:

Вы написали код, который меняет размер блока и на главной страницы и в категориях товара. А мне нужно увеличить блок только главной страницы.
В конец main.css добавьте
#content .headline1 {
margin: 27px 0 0px -13%;
background: url(http://design.sweetjoy.ru/headline-bg1.jpg) top center no-repeat;
width: 950px;
}
и в шаблоне "HTML" замените  
<div class="headline">
на
<div class="headline headline1">


#46 Rebvjd

Rebvjd

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

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

Отправлено 25 Октябрь 2014 - 15:39

Спасибо огромное. Все получилось.

#47 Rebvjd

Rebvjd

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

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

Отправлено 02 Ноябрь 2014 - 20:48

Хочу доделать каталог товаров, помогите пожалуйста.
1. Как веделить кнопку "Перейти в категорию" в голубой цвет (сделать также, как кнопка "купить")
2. Как добавить текст, например, краткое сео описание чтобы выводилось в блоке(нарисовал, куда именно хочу добавить текст). Текст описание категорий оставить без изменений в самом низу страницы.

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

  • Новый рисунок (13).jpg


#48 Ирина345

Ирина345

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

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

Отправлено 02 Ноябрь 2014 - 22:42

Просмотр сообщенияRebvjd (02 Ноябрь 2014 - 20:48) писал:

Хочу доделать каталог товаров, помогите пожалуйста.
1. Как веделить кнопку "Перейти в категорию" в голубой цвет (сделать также, как кнопка "купить")
2. Как добавить текст, например, краткое сео описание чтобы выводилось в блоке(нарисовал, куда именно хочу добавить текст). Текст описание категорий оставить без изменений в самом низу страницы.
Здравствуйте,
1. найдите в main.css
 .whtgreen { border:1px solid #d0d0d0; background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center top repeat-x; padding:4px 10px 2px 10px; font:normal 11px Verdana, Geneva, sans-serif; color:#3a3a3a;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}

замените на

 .whtgreen { border:1px solid #d0d0d0;background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; padding:4px 10px 2px 10px; font:normal 11px Verdana, Geneva, sans-serif; color:#3a3a3a;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}
2. найдите в шаблоне Товары код
<!-- Вывод информации из категории католога -->
{% IF CATEGORY_DESCRIPTION %}
  <div class="headline">
	<div class="main">
	  <div class="text fnt12n htmlDataBlock">
		<!-- Описание категории -->
		{CATEGORY_DESCRIPTION} 
	  </div>
	</div>
  </div>
{% ENDIF %} 
<!-- Вывод информации из категории католога-Конец -->
и переместите его после блока
		 <br clear="all"/>
{% ENDIF %}
<!-- Если производили фильтрацию товаров в категории -->


#49 Rebvjd

Rebvjd

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

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

Отправлено 02 Ноябрь 2014 - 23:40

Просмотр сообщенияИрина345 (02 Ноябрь 2014 - 22:42) писал:

Здравствуйте,
1. найдите в main.css
 .whtgreen { border:1px solid #d0d0d0; background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center top repeat-x; padding:4px 10px 2px 10px; font:normal 11px Verdana, Geneva, sans-serif; color:#3a3a3a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}

замените на

 .whtgreen { border:1px solid #d0d0d0;background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; padding:4px 10px 2px 10px; font:normal 11px Verdana, Geneva, sans-serif; color:#3a3a3a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}
2. найдите в шаблоне Товары код
<!-- Вывод информации из категории католога -->
{% IF CATEGORY_DESCRIPTION %}
<div class="headline">
<div class="main">
<div class="text fnt12n htmlDataBlock">
<!-- Описание категории -->
{CATEGORY_DESCRIPTION}
</div>
</div>
</div>
{% ENDIF %}
<!-- Вывод информации из категории католога-Конец -->
и переместите его после блока
<br clear="all"/>
{% ENDIF %}
<!-- Если производили фильтрацию товаров в категории -->
По первому вопросу изменился цвет кнопок подробнее, а его я хотел оставить без изменений. И цвет текста какойто белесый, посмотрите пожалуйста.

#50 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 03 Ноябрь 2014 - 08:00

Просмотр сообщенияRebvjd (02 Ноябрь 2014 - 23:40) писал:

По первому вопросу изменился цвет кнопок подробнее, а его я хотел оставить без изменений. И цвет текста какойто белесый, посмотрите пожалуйста.
Здравствуйте.
Уточните где у вас цвет текста белёсый? Не совсем понятно в какой цвет вы хотите измениться цвет кнопки подробнее?

#51 Rebvjd

Rebvjd

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

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

Отправлено 03 Ноябрь 2014 - 12:11

Просмотр сообщенияRebvjd (02 Ноябрь 2014 - 20:48) писал:

Как веделить кнопку "Перейти в категорию" в голубой цвет (сделать также, как кнопка "купить")

Просмотр сообщенияИрина345 (02 Ноябрь 2014 - 22:42) писал:

Здравствуйте,
найдите в main.css
 .whtgreen { border:1px solid #d0d0d0; background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center top repeat-x; padding:4px 10px 2px 10px; font:normal 11px Verdana, Geneva, sans-serif; color:#3a3a3a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}

замените на

 .whtgreen { border:1px solid #d0d0d0;background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; padding:4px 10px 2px 10px; font:normal 11px Verdana, Geneva, sans-serif; color:#3a3a3a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}
Изменился цвет кнопок подробнее (а также кнопки увеличить изображение и в корзине). а я их хотел оставить без изменений. И цвет текста какойто белесый. Мне надо изменить цвет только  
кнопки "Перейти в категорию" в голубой (сделать также, как кнопка "купить"). Помогите плиз.

#52 MikDark

MikDark

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

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

Отправлено 03 Ноябрь 2014 - 12:30

Просмотр сообщенияRebvjd (03 Ноябрь 2014 - 12:11) писал:

Изменился цвет кнопок подробнее (а также кнопки увеличить изображение и в корзине). а я их хотел оставить без изменений. И цвет текста какойто белесый. Мне надо изменить цвет только  
кнопки "Перейти в категорию" в голубой (сделать также, как кнопка "купить"). Помогите плиз.

Отмените изменения. Далее в шаблоне Товары найдите код:
<a href="{nested_categories_list.URL}" class="whtgreen" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>

и замените его на:
<a href="{nested_categories_list.URL}" class="whtblue" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>


#53 Rebvjd

Rebvjd

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

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

Отправлено 03 Ноябрь 2014 - 12:47

Просмотр сообщенияMikDark (03 Ноябрь 2014 - 12:30) писал:

Отмените изменения. Далее в шаблоне Товары найдите код:
<a href="{nested_categories_list.URL}" class="whtgreen" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>

и замените его на:
<a href="{nested_categories_list.URL}" class="whtblue" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>
Не правильно. Этот код изменил цвет кнопки при наведении мышки на голубой.
Мне надо изменить цвет кнопки "Перейти в категорию" в голубой (сделать также, как кнопка "купить" при наведении, оставить цвет зеленым).

#54 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 03 Ноябрь 2014 - 12:52

Просмотр сообщенияRebvjd (03 Ноябрь 2014 - 12:47) писал:

Не правильно. Этот код изменил цвет кнопки при наведении мышки на голубой.
Мне надо изменить цвет кнопки "Перейти в категорию" в голубой (сделать также, как кнопка "купить" при наведении, оставить цвет зеленым).
В шаблоне Товары найдите код
			<a href="{nested_categories_list.URL}" class="whtblue" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>
и замените на
			<a href="{nested_categories_list.URL}" class="blgreen" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>


#55 Rebvjd

Rebvjd

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

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

Отправлено 03 Ноябрь 2014 - 13:05

Просмотр сообщенияDanil (03 Ноябрь 2014 - 12:52) писал:

В шаблоне Товары найдите код
		 <a href="{nested_categories_list.URL}" class="whtblue" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>
и замените на
		 <a href="{nested_categories_list.URL}" class="blgreen" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">Перейти в категорию</a>
Спасибо, все получилось. А как чуть-чуть текст сделать побольше?

#56 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 03 Ноябрь 2014 - 14:43

Просмотр сообщенияRebvjd (03 Ноябрь 2014 - 13:05) писал:

Спасибо, все получилось. А как чуть-чуть текст сделать побольше?
Здравствуйте.
Найдите в шаблоне main.css следующий код:
.blgreen {
background: url(http://design.sweetjoy.ru/whtblue-bg.jpg) center top repeat;
border: 1px solid #5fa8c4;
color: #494949;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
padding: 4px 10px 2px 10px;
font: normal 11px Verdana, Geneva, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
И замените его этим:
.blgreen {
background: url(http://design.sweetjoy.ru/whtblue-bg.jpg) center top repeat;
border: 1px solid #5fa8c4;
color: #494949;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
padding: 4px 10px 2px 10px;
font: normal 14px Verdana, Geneva, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}


#57 Rebvjd

Rebvjd

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

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

Отправлено 03 Ноябрь 2014 - 15:15

Просмотр сообщенияRayLi (03 Ноябрь 2014 - 14:43) писал:

Здравствуйте.
Найдите в шаблоне main.css следующий код:
.blgreen {
background: url(http://design.sweetjoy.ru/whtblue-bg.jpg) center top repeat;
border: 1px solid #5fa8c4;
color: #494949;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
padding: 4px 10px 2px 10px;
font: normal 11px Verdana, Geneva, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
И замените его этим:
.blgreen {
background: url(http://design.sweetjoy.ru/whtblue-bg.jpg) center top repeat;
border: 1px solid #5fa8c4;
color: #494949;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
padding: 4px 10px 2px 10px;
font: normal 14px Verdana, Geneva, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
Опять, этот код меняет не только размер шрифта у кнопки "перейти в категорию", но и у кнопки "купить" а мне дадо увеличить размер шрифта "перейти в категорию"

#58 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 03 Ноябрь 2014 - 15:35

Просмотр сообщенияRebvjd (03 Ноябрь 2014 - 15:15) писал:

Опять, этот код меняет не только размер шрифта у кнопки "перейти в категорию", но и у кнопки "купить" а мне дадо увеличить размер шрифта "перейти в категорию"
В конец main.css добавьте код
#mainindex a.blgreen {
font-size: 13px;
}
Изменяйте значение 13px

#59 Rebvjd

Rebvjd

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

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

Отправлено 03 Ноябрь 2014 - 16:33

Просмотр сообщенияRebvjd (02 Ноябрь 2014 - 20:48) писал:

Как добавить текст, например, краткое сео описание чтобы выводилось в блоке(нарисовал, куда именно хочу добавить текст). Текст описание категорий оставить без изменений в самом низу страницы.

Просмотр сообщенияИрина345 (02 Ноябрь 2014 - 22:42) писал:

Здравствуйте,
найдите в шаблоне Товары код
<!-- Вывод информации из категории католога -->
{% IF CATEGORY_DESCRIPTION %}
<div class="headline">
<div class="main">
<div class="text fnt12n htmlDataBlock">
<!-- Описание категории -->
{CATEGORY_DESCRIPTION}
</div>
</div>
</div>
{% ENDIF %}
<!-- Вывод информации из категории католога-Конец -->
и переместите его после блока
<br clear="all"/>
{% ENDIF %}
<!-- Если производили фильтрацию товаров в категории -->
А как убрать рамку (смотреть изображение) что-бы остался только текст. Рамку необходимо убрать только в блоке полного сео описания.

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

  • Новый рисунок (14).jpg


#60 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 03 Ноябрь 2014 - 16:52

Просмотр сообщенияRebvjd (03 Ноябрь 2014 - 16:33) писал:

А как убрать рамку (смотреть изображение) что-бы остался только текст. Рамку необходимо убрать только в блоке полного сео описания.
Изменения произвели, проверьте пожалуйста.




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

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