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


Пробелы, Перемещение Поисковой Строки

Поиск социальные сети

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

#1 Avaich

Avaich

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

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

Отправлено 23 Апрель 2014 - 20:58

1. как убрать этот пробел, или опустить шапку
2. хочу добавить суда группу вконтакте
3. как его переместить ниже
4. тоже как сместить этот график ниже чтобы небыло этого пробела
жду ответа

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

  • вопрос.png


#2 MikDark

MikDark

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

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

Отправлено 23 Апрель 2014 - 21:35

Просмотр сообщенияAvaich (23 Апрель 2014 - 20:58) писал:

1. как убрать этот пробел, или опустить шапку
2. хочу добавить суда группу вконтакте
3. как его переместить ниже
4. тоже как сместить этот график ниже чтобы небыло этого пробела
жду ответа

1) В main.css найдите код:
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

и замените на:
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 162px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

Далее код:
#header .bottommain {
height: 40%;
width: 100%;
}

замените на:
#header .bottommain {
height: 40%;
width: 100%;
margin-top: 20px;
}

2) В шаблоне HTML найдите код:
<div class="block">
	 <div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span>магазина</span></a></div>
		<div class="main ullinks fntarl fnt12">
			<ul>
			  {% IFNOT catalog_empty %}
				{% FOR catalog %}
				  {% IFNOT catalog.HIDE %}
					<li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}
			</ul>
  </div>
		<div class="bottom"></div>
</div>

и после него вставьте код ВК виджета

3) А ниже, это куда? На фоне цветной шапки поиск будет незаметен.

4) Решение в первом пункте

#3 Avaich

Avaich

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

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

Отправлено 23 Апрель 2014 - 22:36

Просмотр сообщенияMikDark (23 Апрель 2014 - 21:35) писал:

1) В main.css найдите код:
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

и замените на:
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 162px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

Далее код:
#header .bottommain {
height: 40%;
width: 100%;
}

замените на:
#header .bottommain {
height: 40%;
width: 100%;
margin-top: 20px;
}

2) В шаблоне HTML найдите код:
<div class="block">
	 <div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span>магазина</span></a></div>
	 <div class="main ullinks fntarl fnt12">
		 <ul>
			 {% IFNOT catalog_empty %}
			 {% FOR catalog %}
				 {% IFNOT catalog.HIDE %}
				 <li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li>
				 {% ENDIF %}
			 {% ENDFOR %}
			 {% ENDIF %}
		 </ul>
</div>
	 <div class="bottom"></div>
</div>

и после него вставьте код ВК виджета

3) А ниже, это куда? На фоне цветной шапки поиск будет незаметен.

4) Решение в первом пункте

Cпасибо большое за это, с поиском я понял.
4.как мне переместить график работы ( там где стрелка раньше он там был) в указанную область

и еще один вопрос на счет шапки,я закидываю файл header-logo.jpg а оно получается обрезанное хотя разрешение 280х89 все ровно на сайте нижние части букв невидно.

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

  • вопрос2.png
  • вопрос3.png


#4 MikDark

MikDark

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

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

Отправлено 23 Апрель 2014 - 22:44

Просмотр сообщенияAvaich (23 Апрель 2014 - 22:36) писал:

Cпасибо большое за это, с поиском я понял.
4.как мне переместить график работы ( там где стрелка раньше он там был) в указанную область

В main.css замените код:

#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 162px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

на этот:
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 173px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

Далее найдите код:
#header .bottommain .headcent {
width: 25%;
height: 20px;
margin-top: 6.5%;
padding: 0 1.5%;
color: #767676;
}

и замените на:
#header .bottommain .headcent {
width: 25%;
height: 20px;
margin-top: 5.5%;
padding: 0 1.5%;
color: #767676;
}


#5 Avaich

Avaich

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

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

Отправлено 23 Апрель 2014 - 22:54

Просмотр сообщенияMikDark (23 Апрель 2014 - 22:44) писал:

В main.css замените код:

#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 162px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

на этот:
#header { background: url('{ASSETS_IMAGES_PATH}header-bg.jpg') -10px 42px no-repeat; height: 173px; width: 100%; margin:0 auto; position:relative; z-index: 22; }

Далее найдите код:
#header .bottommain .headcent {
width: 25%;
height: 20px;
margin-top: 6.5%;
padding: 0 1.5%;
color: #767676;
}

и замените на:
#header .bottommain .headcent {
width: 25%;
height: 20px;
margin-top: 5.5%;
padding: 0 1.5%;
color: #767676;
}

Спасибо большое за отзывчивость, и за сверхзвуковые ответы :)
Нужно шапку изменить см.выше

#6 Vaccina

Vaccina

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

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

Отправлено 24 Апрель 2014 - 03:24

В main.css найдите:
#header .topmain {
	height: 45.5%;
	width: 100%;
}
замените на:
#header .topmain {
	height: 45.5%;
	min-height: 89px;
	width: 100%;
}


#7 Avaich

Avaich

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

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

Отправлено 24 Апрель 2014 - 08:21

Спасибо,со всем разобрался):

#8 Avaich

Avaich

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

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

Отправлено 24 Апрель 2014 - 14:42

1.Он опять слител вниз, когда поменял шапку, хочу поставить на место
2. Как убрать эту разметку?!

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

  • vopros.png


#9 Dars

Dars

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

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

Отправлено 24 Апрель 2014 - 15:25

Просмотр сообщенияAvaich (24 Апрель 2014 - 14:42) писал:

1.Он опять слител вниз, когда поменял шапку, хочу поставить на место
2. Как убрать эту разметку?!
1. В main.css найдите строчки:
#header .bottommain .headcent {
width: 25%;
height: 20px;
margin-top: 5.5%;
padding: 0 1.5%;
color: #767676;
}
и замените на:
#header .bottommain .headcent {
width: 25%;
height: 20px;
margin-top: 45px;
padding: 0 1.5%;
color: #767676;
}
2. Из шаблона HTML удалите строчку:
<div id="hrbor"></div>





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

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