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


Весна Нужна Помощь В Оформление, Срочно!

весна дизайн срочно помощь

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

#21 Alekseys

Alekseys

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

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

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

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

спасибо всем, кто помогал!
1)остался такой вопрос, как изменить цвет выделенного фрагмента?
2) и где можно растянуть слайдер чуть чуть влево?
1. В main.css в строке
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#f5f5f5;}
заменить значение параметра background-color:#f5f5f5; на нужное вам. Варианты для изменения цвета можно посмотреть здесь.
2. Влево сместить слайдер не получится, поскольку если сдвинуть его еще левее, то остальные компоненты "съедут".

#22 snek67

snek67

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

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

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

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

1. В main.css в строке
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#f5f5f5;}
заменить значение параметра background-color:#f5f5f5; на нужное вам. Варианты для изменения цвета можно посмотреть здесь.
2. Влево сместить слайдер не получится, поскольку если сдвинуть его еще левее, то остальные компоненты "съедут".

пока все вопросы исчерпаны, все супер!

#23 snek67

snek67

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

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

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

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

1. В main.css в строке
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#f5f5f5;}
заменить значение параметра background-color:#f5f5f5; на нужное вам. Варианты для изменения цвета можно посмотреть здесь.
2. Влево сместить слайдер не получится, поскольку если сдвинуть его еще левее, то остальные компоненты "съедут".



сделал, но центр не залился цветом
1) возможно это исправить?

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

  • сайт12.jpg


#24 snek67

snek67

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

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

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

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

1. В main.css в строке
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#f5f5f5;}
заменить значение параметра background-color:#f5f5f5; на нужное вам. Варианты для изменения цвета можно посмотреть здесь.
2. Влево сместить слайдер не получится, поскольку если сдвинуть его еще левее, то остальные компоненты "съедут".



Пока работал заметил еще вещь
На всех страницах кроме главной, каталог сместился высоко вверх, может это из-за категории ( вы смотрели ) или из-за чего? как это поправить?

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

  • сайт13.jpg


#25 Ирина345

Ирина345

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

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

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

Просмотр сообщенияsnek67 (09 Август 2014 - 23:12) писал:

Пока работал заметил еще вещь
На всех страницах кроме главной, каталог сместился высоко вверх, может это из-за категории ( вы смотрели ) или из-за чего? как это поправить?
Здравствуйте, найдите в hTML
<div class="inner">
		<div id="column-left">
	   
		<!-- Форма поиска -->
замените на

<div class="inner">
		<div id="column-left"{% IFNOT index_page %} style="margin-top: 6px;"{%ENDIF%}>
	   
		<!-- Форма поиска -->


#26 snek67

snek67

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

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

Отправлено 10 Август 2014 - 10:34

Просмотр сообщенияИрина345 (10 Август 2014 - 07:06) писал:

Здравствуйте, найдите в hTML
<div class="inner">
<div id="column-left">

<!-- Форма поиска -->
замените на

<div class="inner">
<div id="column-left"{% IFNOT index_page %} style="margin-top: 6px;"{%ENDIF%}>

<!-- Форма поиска -->


помогло, спасибо
на счет этого вопроса, что можно сделать?
сделал, но центр не залился цветом
1) возможно это исправить?

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

  • сайт12.jpg


#27 Ирина345

Ирина345

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

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

Отправлено 10 Август 2014 - 10:46

Просмотр сообщенияsnek67 (10 Август 2014 - 10:34) писал:

помогло, спасибо
на счет этого вопроса, что можно сделать?
сделал, но центр не залился цветом
1) возможно это исправить?
В main.css найдите
#header .header_top .inner {
background-color: #f5f5f5;
}
замените на

#header .header_top .inner {
}


#28 snek67

snek67

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

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

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

Просмотр сообщенияИрина345 (10 Август 2014 - 10:46) писал:

В main.css найдите
#header .header_top .inner {
background-color: #f5f5f5;
}
замените на

#header .header_top .inner {
}


1) не смог найти где изменить данный цвет на другой?

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

  • сайт14.jpg


#29 Alekseys

Alekseys

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

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

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

Здравствуйте. В main.css в строчке
#tabs a.active, #tabs a:hover {padding-bottom: 12px;background: #FFFFFF;border-top: 4px solid #ff0551;}
отредактируйте значение solid #ff0551 так, как вам нужно.

#30 snek67

snek67

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

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

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

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

Здравствуйте. В main.css в строчке
#tabs a.active, #tabs a:hover {padding-bottom: 12px;background: #FFFFFF;border-top: 4px solid #ff0551;}
отредактируйте значение solid #ff0551 так, как вам нужно.

и снова спасибо!
1) эту полоску можно убрать? или это же часть фона?

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

  • сайт15.jpg


#31 Alekseys

Alekseys

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

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

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

Это часть фона.

#32 snek67

snek67

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

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

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

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

Это часть фона.

хорошо
1) такой еще вопрос остался как вставить с подвал вот этот виджет?
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 45310063);
</script>

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

  • сайт16.jpg


#33 Dars

Dars

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

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

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

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

хорошо
1) такой еще вопрос остался как вставить с подвал вот этот виджет?
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 45310063);
</script>
Здравствуйте!
В шаблоне HTML после кода:

<div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	  
		  </div>
		</div>

вставьте код:

<div style="float:right;">
		  <script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>
		  <!-- VK Widget -->
		  <div id="vk_groups"></div>
		  <script type="text/javascript">
		  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 45310063);
		  </script>
		</div>


#34 snek67

snek67

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

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

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

Просмотр сообщенияDars (11 Август 2014 - 09:55) писал:

Здравствуйте!
В шаблоне HTML после кода:

<div class="footer_links">
		 {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	
		 </div>
	 </div>

вставьте код:

<div style="float:right;">
		 <script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>
		 <!-- VK Widget -->
		 <div id="vk_groups"></div>
		 <script type="text/javascript">
		 VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 45310063);
		 </script>
	 </div>



здравствуйте, поставил новое лого на сайт, все сместилось вниз, как снова все поднять туда где было?

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

  • сайт 17.jpg


#35 Danil

Danil

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

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

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

Просмотр сообщенияsnek67 (11 Август 2014 - 14:52) писал:

здравствуйте, поставил новое лого на сайт, все сместилось вниз, как снова все поднять туда где было?

Здравствуйте.

Найдите в main.css код

#logo {
margin: 0;
margin-left: 230px;
margin-top: -5px;
}

И замените на

#logo {
margin: 0;
margin-left: 230px;
margin-top: -5px;
width:200px;
}


#36 snek67

snek67

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

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

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

Просмотр сообщенияDanil (11 Август 2014 - 15:24) писал:

Здравствуйте.

Найдите в main.css код

#logo {
margin: 0;
margin-left: 230px;
margin-top: -5px;
}

И замените на

#logo {
margin: 0;
margin-left: 230px;
margin-top: -5px;
width:200px;
}

Спасибо, но как видно из предыдущего скрина там был поиск над лого, а сейчас он исчез как его туда вернуть?

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

  • сайт 18.jpg


#37 Danil

Danil

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

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

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

Просмотр сообщенияsnek67 (11 Август 2014 - 15:46) писал:

Спасибо, но как видно из предыдущего скрина там был поиск над лого, а сейчас он исчез как его туда вернуть?

Произведите изменения указанные в сообщении 35
После в main.css найдите код
#search {
position: relative;
float: right;
right: 0px;
margin-bottom: 9px;
width: 200px;
z-index: 15;
padding: 5px;
}

И замените на

#search {
position: relative;
float: right;
right: 0px;
margin-bottom: 9px;
width: 200px;
z-index: 15;
padding: 5px;
margin-top: 76px;
}
Далее там же найдите код

#column-left .box {
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #e1e1e1\0/;
}
И замените на

#column-left .box {
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #e1e1e1\0/;
margin-top: 127px;
}


#38 snek67

snek67

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

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

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

Просмотр сообщенияDanil (11 Август 2014 - 15:59) писал:

Произведите изменения указанные в сообщении 35
После в main.css найдите код
#search {
position: relative;
float: right;
right: 0px;
margin-bottom: 9px;
width: 200px;
z-index: 15;
padding: 5px;
}

И замените на

#search {
position: relative;
float: right;
right: 0px;
margin-bottom: 9px;
width: 200px;
z-index: 15;
padding: 5px;
margin-top: 76px;
}
Далее там же найдите код

#column-left .box {
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #e1e1e1\0/;
}
И замените на

#column-left .box {
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #e1e1e1\0/;
margin-top: 127px;
}


спасибо, все получилось!

#39 snek67

snek67

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

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

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

Просмотр сообщенияsnek67 (11 Август 2014 - 16:21) писал:

спасибо, все получилось!

Такой еще маленький вопрос, где убрать эту полоску или поменять цвет на белый?

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

  • сайт 19.jpg


#40 batta

batta

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

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

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

Просмотр сообщенияsnek67 (11 Август 2014 - 16:28) писал:

Такой еще маленький вопрос, где убрать эту полоску или поменять цвет на белый?
Здравствуйте.
В main.css
.heading_title {
padding-bottom: 8px;
border-bottom: 1px solid #e1e1e1;
position: relative;
color: #000000;
}
измените на
.heading_title {
padding-bottom: 8px;
border-bottom: 1px solid #e1e1e1;
position: relative;
color: #FFFFFF;
}





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

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