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


Как Подвинуть Надписи В Шапке


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

#21 dalulka

dalulka

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

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

Отправлено 16 Апрель 2012 - 14:31

Просмотр сообщенияVaccina (13 Апрель 2012 - 14:22) писал:

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

#22 Vaccina

Vaccina

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

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

Отправлено 16 Апрель 2012 - 21:31

это можно сделать только в визуальном редакторе, например в photoshop

#23 dalulka

dalulka

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

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

Отправлено 16 Апрель 2012 - 23:09

Просмотр сообщенияVaccina (16 Апрель 2012 - 21:31) писал:

это можно сделать только в визуальном редакторе, например в photoshop
ясно. спс.

#24 kotom

kotom

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

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

Отправлено 13 Май 2012 - 14:34

Vaccina, здравствуйте! Жалко, что вы не дали ответ на вопрос по поводу перемещения текста шапки на главной странице.
Сейчас у меня текст шапки уходит за правую границу, это после переноса Каталога товаров в левую часть.
Как мне сдвинуть текст в лево?

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

  • 221.jpg


#25 dalulka

dalulka

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

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

Отправлено 13 Май 2012 - 15:42

Просмотр сообщенияkotom (13 Май 2012 - 14:34) писал:

Vaccina, здравствуйте! Жалко, что вы не дали ответ на вопрос по поводу перемещения текста шапки на главной странице.
Сейчас у меня текст шапки уходит за правую границу, это после переноса Каталога товаров в левую часть.
Как мне сдвинуть текст в лево?
посмотрите здесь http://forum.storela...h__1#entry20551 и поиграйте со значениями, в вашем случае margin-left будет наверное не менее -500. пробуйте.

#26 kotom

kotom

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

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

Отправлено 13 Май 2012 - 16:59

Просмотр сообщенияdalulka (13 Май 2012 - 15:42) писал:

посмотрите здесь http://forum.storela...h__1#entry20551 и поиграйте со значениями, в вашем случае margin-left будет наверное не менее -500. пробуйте.

Не катит. Делаю все в точности как написала Vaccina. Но при добавлении margin-left, сдвигаются влево и категории на странице Каталог товаров. Какая связь, не могу понять =/
.page-headline {
  height: 81px;
  position:relative;
}
.page-headline h1 {
  position:absolute; width:940px;
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;
}
#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
  padding-top: 10px;
}
#content {
  background: url({ASSETS_IMAGES_PATH}content_top_bg.jpg) no-repeat left top;
  
}
.content-home {
  background: url({ASSETS_IMAGES_PATH}content_home_bg.jpg) no-repeat 317px 20px;
  overflow: auto;
}
.content_page {
  background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 230px 68px;
  overflow:hidden;  
  padding-bottom: 2em;
}
.content_catalog {
  padding-top:80px;
  vertical-align:top;
}

/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {
text-align:center;
float:left;
width:155px;
height:193px;
overflow:hidden;
margin:30px;
list-style-type:none;
background:none !important;
}
Есть идеи?

#27 kotom

kotom

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

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

Отправлено 13 Май 2012 - 17:16

Просмотр сообщенияkotom (13 Май 2012 - 16:59) писал:

Не катит. Делаю все в точности как написала Vaccina. Но при добавлении margin-left, сдвигаются влево и категории на странице Каталог товаров. Какая связь, не могу понять =/

Есть идеи?

Решается так:
.page-headline h1 {
  position:absolute; width:940px;
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;
  margin-left: -250px;
}

добавить margin-left: -250px; в .page-headline h1 {

#28 kotom

kotom

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

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

Отправлено 13 Май 2012 - 17:24

Теперь вопрос следующий. На главной странице заголовок в шапке подвинулся, но он длинный и смотрится хорошо. Но подвинулись и заголовки других страниц. Доставки и Корзина например. Нельзя их сделать на одном уровне с блоком описания этих страниц?

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

  • 222.jpg


#29 dalulka

dalulka

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

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

Отправлено 13 Май 2012 - 22:29

Просмотр сообщенияkotom (13 Май 2012 - 17:24) писал:

Теперь вопрос следующий. На главной странице заголовок в шапке подвинулся, но он длинный и смотрится хорошо. Но подвинулись и заголовки других страниц. Доставки и Корзина например. Нельзя их сделать на одном уровне с блоком описания этих страниц?
т.к. все эти характеристики мы прописываем в стилях а не в html каждой страницы, то они применяются ко всем страницам сайта по умолчанию, и сделать на главной так, а на других страницах по-другому смещать заголовки, уже проблематично. мне кажется это нереал, может Vaccina поможет

#30 Vaccina

Vaccina

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

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

Отправлено 14 Май 2012 - 19:05

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

{%IF index_page%}
<style>
.page-headline h1 {
  margin-left: -250px;
}
</style>
{%ENDIF%}

И добавить данный код в шаблон "HTML"

#31 kotom

kotom

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

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

Отправлено 15 Май 2012 - 19:55

Vaccina  :) спасибо! То, что нужно!!!

#32 Yri

Yri

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

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

Отправлено 30 Март 2013 - 21:35

Плиз, помогите чайнику, мне нужно изменить цвет шрифта вот в этом месте.
Изображение

#33 Koderhan

Koderhan

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

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

Отправлено 31 Март 2013 - 09:43

Просмотр сообщенияYri (30 Март 2013 - 21:35) писал:

Плиз, помогите чайнику, мне нужно изменить цвет шрифта вот в этом месте.
Изображение

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить код:

#cartInfo a {
	color: white;/*цвет текста*/
}
#cartInfo #cartSum {
	color: #9CD1D1;/*цвет суммы*/
}


#34 Yri

Yri

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

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

Отправлено 31 Март 2013 - 10:17

Цитата

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить код:

#cartInfo a {
        color: white;/*цвет текста*/
}
#cartInfo #cartSum {
        color: #9CD1D1;/*цвет суммы*/
}

Спасибо, получилось.
Подскажитете, можно ли изменить шрифт этой же надписи.

#35 Koderhan

Koderhan

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

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

Отправлено 31 Март 2013 - 18:28

Просмотр сообщенияYri (31 Март 2013 - 10:17) писал:

Спасибо, получилось.
Подскажитете, можно ли изменить шрифт этой же надписи.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 54px;
  left: 380px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
}
Заменить:
#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 54px;
  left: 380px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
  font-size: 16px;/*размер шрифта*/
}


#36 Yri

Yri

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

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

Отправлено 31 Март 2013 - 18:54

Спасибо.

#37 ais-83

ais-83

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

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

Отправлено 26 Апрель 2013 - 12:59

Просмотр сообщенияVaccina (02 Апрель 2012 - 17:53) писал:

редактор тем - main.css
#mainmenu li a {
background: url("http://img.storeland.ru/web/upload/assets/images/71/70060/tm_link_border.gif") no-repeat scroll right top transparent;
color: #FFFFFF;
display: block;
float: left;
font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
text-transform: uppercase;
}
измените значения color и font

тот же фаил - удалите:
#mainmenu li, #langmenu li {
display: inline;
}

тот же фаил:
#contactInfo {
font-size: 1.1em;
left: 170px;
position: absolute;
top: 10px;
}
измените значения left, top, font-size

тот же фаил:
#cartInfo {
font-size: 13px;
height: 20px;
left: 380px;
overflow: hidden;
position: absolute;
top: 54px;
white-space: nowrap;
width: 340px;
}
измените значение top

тот же фаил:
#cpages {
background: url("http://img.storeland.ru/web/upload/assets/images/71/70060/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
padding-top: 10px;
}
уберите background со значением
далее редактор тем - Страница - удалите
<div class="pad-box">
<!-- Строка пути -->
<div id="site-path">
<p>
<a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
</p>
</div>
<!-- end Строка пути -->
Добрый день. Интересует увеличение шрифта контактов, сделала как описано, но если я увеличиваю шрифт, номер как бы не умещается в строку и идет перенос на следующую строку. В чем дело? 2) как увеличить отступ между номером телефона и графиком работы. спасибо

#38 Taisia

Taisia

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

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

Отправлено 26 Апрель 2013 - 15:55

что бы номер вмещался при увеличении шрифта вам нужно сделать блок в котором он находится шире
найдите код в main.css

#contactInfo {
font-size: 1.15em;
left: 800px;
position: absolute;
top: 10px;

}

и замените его на

#contactInfo {
font-size: 1.15em;
left: 800px;
position: absolute;
top: 10px;
width: 300px;
}

что бы изменить расстояние между телефоном и графиком работы добавьте в файл main.css код

.contentTableHeadMainPhone
{padding-bottom:15px;}

меняя цифровое значение этого параметра вы можете регулировать отступ

#39 Сальвадор

Сальвадор

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

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

Отправлено 27 Апрель 2013 - 15:48

Добрый день.
Шаблон "Сияние". Сайт http://nhair.ru/
Вопросы:
1. как в шапке сдвинуть строку поиска немного вниз и вправо?
2. как сдвинуть горизонтальное меню немного вниз и вправо?
3. как поменять дизайн горизонтального меню, чтобы при наведении мышки на блок синее поле имело скруглённые углы?
4. как в горизонтальном меню убрать чёрные разделительные линии между блоками?
5. как немного сдвинуть вниз страницу под шапкой?
6. как дизайн вертикального меню "наши преимущества" сделать идентичным дизайну вертикального меню "каталог товаров"?

Спасибо

#40 Stasya

Stasya

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

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

Отправлено 28 Апрель 2013 - 08:45

1. В файле main.css найдите блок
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding: 0px;
padding-left: 14px;
padding-top: 8px;
}
и замените его на
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding-left: 28px;
padding-top: 35px;
}
2. В том же файле файле найдите блок
.containerin {
width: 940px;
margin: 0px auto;
}
и замените его на
.containerin {
width: 940px;
margin-left: 22px;
margin-top: 19px;
}
3. В файл main.css добавьте блок
#mainmenu li a:hover {
border:1px solid black;
border-radius: 10px;
}
4. Найдите блок
#mainmenu li a {
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
background: url([url="http://design.nhair.ru/tm_link_border.gif"]http://design.nhair....link_border.gif[/url]) no-repeat right top;
}
и замените на
#mainmenu li a {
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
}

5. Найдите блок
.content_page {
background: url(http://design.nhair.ru/content-page-br.gif) no-repeat 230px 68px;
overflow: hidden;
padding-bottom: 2em;
}
и замените на
.content_page {
background: url(http://design.nhair.ru/content-page-br.gif) no-repeat 230px 68px;
overflow: hidden;
padding-bottom: 2em;
padding-top: 12px;
}

6. В шаблоне HTML найдите блок

<!-- Каталог -->
<div class="pad-box">
<h2 class="my1"><a href="#" class="indexPage">НАШИ ПРЕИМУЩЕСТВА</a></h2>
<ul class="right">
{% FOR menu %}
{% FOR right %}
{% FOR links %}
<li><a href="{menu.right.links.URL}" {% IF menu.right.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.right.links.TITLE %}title="{menu.right.links.TITLE}"{% ENDIF %}>{menu.right.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
<div class="pad-box">
<ul class="leftmenu">
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
<ul>
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul><br />
</li>
и замените его на
<div class="pad-box">
	
							 <ul class="leftmenu">
<!--Меню-->	
										 <li class="categories"><h2 class="my1"><a href="#" class="indexPage">НАШИ ПРЕИМУЩЕСТВА</a></h2>
													 <ul>
														 {% FOR menu %}
															 {% FOR right %}
																 {% FOR links %}
																	 <li class="cat-item">
																	 <a href="{menu.right.links.URL}" {% IF menu.right.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.right.links.TITLE %}title="{menu.right.links.TITLE}"{% ENDIF %}>{menu.right.links.NAME}</a></li>
																 {% ENDFOR %}
															 {% ENDFOR %}
														 {% ENDFOR %}
													 </ul>
												 </div>

								
<!--Каталог-->
								 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
									 <ul>
									 {%IFNOT catalog_empty %}
										 {% FOR catalog %}
											 {% IFNOT catalog.HIDE %}
												 <li class="cat-item">
													 <a href="{catalog.URL}"
														 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
													 >{catalog.NAME}</a>
												 </li>
											 {% ENDIF %}
										 {% ENDFOR %}
									 {% ENDIF %}
									 </ul><br />
								 </li>		





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

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