Сообщений в теме: 133

[маргарита]

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

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

• 

[Koderhan]

Думаю на основе шаблона сияние. Он более гибкий в редактировании.

[маргарита]

помогите реализовать шапку сайта, мне нужно
1. чтобы всё работало кроме иконок в контакте и личный кабинет
акаунт  SL-181845

помогите плиз

[маргарита]

Мне нужно чтобы все пункты кроме в контакте и личный кабинет работали. помогите как это сделать.

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

• 

[Vaccina]

У вас на сайте вся шапка и текст на ней сделан в виде единого изображения. Например "Доставка", "Оплата" и т.д Так же у вас меню совершенно отличается от изображенного на изображении.

Объясните свой вопрос подробнее. Если вам необходимо сделать подобную шапку на вашем сайте, то обращайтесь в вебстудию. Если вы не знаете как изменить какой-то элемент дизайна, то объясните подробнее какой именно и как изменить.
По сути на вашем сайте необходимо полностью верстать шапку, убирать лишние элементы, стилизовать кнопки и ссылки.

[маргарита]

мне нужно растянуть меню по всей ширине  и сделать надписи цыетными

потом мне нужно перенести поиск со старого места на новое где окошко сделано. а корзину к корзине

акаунт  SL-181845

[маргарита]

подскажите как заменить основной цвет фона на черный, а фон который под товаром остался былым, и еще как перенести нижнее меню наверх в начало шапки

[Koderhan]

маргарита (14 Март 2013 - 04:37) писал:

мне нужно растянуть меню по всей ширине  и сделать надписи цыетными

потом мне нужно перенести поиск со старого места на новое где окошко сделано. а корзину к корзине

акаунт  SL-181845

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

/*search*/
#search{
  height: 35px;
  float: right;
  padding-top: 45px;
  padding-right: 15px;
  width: 245px;
} #search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;padding-left: 14px;
  padding-top: 8px;

}
#search .submit {
  cursor:pointer;
  height: 28px;
  width: 28px;
}
/*search*/

Заменить:

/*search*/
#search{
  height: 26px;
  float: right;
  width: 170px;
  position: relative;
  top: 0px;
  border: 1px solid white;
  right: -17px;
} #search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 130px;
  padding:0px;
  padding-left: 5px;
  padding-top: 8px;

}
#search .submit {
  cursor:pointer;
  height: 28px;
  width: 25px;
}
/*search*/

Каким образом вы хотели бы сделать надписи на меню цветными ?
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

  #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({ASSETS_IMAGES_PATH}tm_link_border.gif) 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;
  background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top; }

Передвинуть корзину.

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

/*cartInfo*/
#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 54px;
  left: 380px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
}
#cartInfo a {
  color:#000;
  text-transform: uppercase;
  padding:5px 0px 5px 45px;
}
/*cartInfo*/

Заменить:

/*cartInfo*/
#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 62px;
  left: 354px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 350px;
}
#cartInfo a {
  color:#000;
  text-transform: uppercase;
  padding: 5px 0px 5px 30px;
}
/*cartInfo*/

[маргарита]

подскажите пожалуйста как сменить основной фон , который сейчас черный на картинку?  я по форуму полазила так ничего и непоняла
акаунт  SL-181845

[miyako]

маргарита (14 Март 2013 - 13:19) писал:

подскажите пожалуйста как сменить основной фон , который сейчас черный на картинку?  я по форуму полазила так ничего и непоняла
акаунт  SL-181845

После изменений в шаблоне HTML ваш сайт некорректно отображается. Если вы до изменений делали бэкап, то восстановите копию.

[маргарита]

я уберу эту строчку что сверху некоректно отображается меня интерисует как взамен основного фона поставить свой фон в виде картинки

[miyako]

Найдите код:

body {
background-color: #212121;
min-width: 960px;
}

и замените на:

body {
background-color: #212121;
min-width: 960px;
background: url({ASSETS_IMAGES_PATH}название изображения) repeat;
}

[маргарита]

Здравствуйте я ранее задавала вопрос как мне сделать надписи в менюцветными и растянуть их по всей длинне  тоисть сделать как на этой картинке

[Koderhan]

маргарита (15 Март 2013 - 06:17) писал:

Здравствуйте я ранее задавала вопрос как мне сделать надписи в менюцветными и растянуть их по всей длинне  тоисть сделать как на этой картинке

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

#mainmenu {
	width: 100%;
}
#mainmenu li a {
	font-size: 31px;/*размер шрифта*/
}

Для того чтобы сделать каждый пункт меню своего цвета то придется написать условие которое будет привязано к названию пункта меню.
Если поменять название пункта меню то условие перестанет работать. И нужно будет поменять название и в коде.


Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

{% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}

Заменить:

{% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				{%IF menu.header.links.NAME=Купить%}
				<li>
				  <a style="color:#E6986D;" href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>	
				</li>
				{%ELSEIF menu.header.links.NAME=Продать%}
				<li>
				  <a style="color:#E6E66D;" href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>	
				</li>
				{%ELSEIF menu.header.links.NAME=Ремонт%}
				<li>
				  <a style="color:#94E66D;" href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>	
				</li>
				{%ELSEIF menu.header.links.NAME=Интернет магазин%}
				<li>
				  <a style="color:#6D8FE6;" href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>	
				</li>
				{%ENDIF%}
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}

[маргарита]

спасибо за ответ, а как теперь это меню распределить ровно по всей  полоске,и укрупнить шрифт

[маргарита]

всё)))растянула уже))))))  

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

[support 2.0]

маргарита (15 Март 2013 - 10:14) писал:

всё)))растянула уже))))))  

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

зайдите в файл main.css и найдите блок

.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;
}

измените в нем

  color: #000000;

на

color: rgb(126, 29, 29);

сразу после этого блока у Вас есть

padding-top: 10px;
}

измените на

#cpages {
padding-top: 380px;
}

[маргарита]

подскажите как можно перенести нижнее меню на самый верх баннера , тоисть чтобы это бы не над баннером на а на самом баннере только в верху

[Koderhan]

маргарита (15 Март 2013 - 13:01) писал:

подскажите как можно перенести нижнее меню на самый верх баннера , тоисть чтобы это бы не над баннером на а на самом баннере только в верху

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

.mymenu ul li {
	display : inline-block;
	margin-right: 20px;
}
.mymenu {
	margin-left: 15px;
	margin-top: -4px;
	height: 40px;
	margin-bottom: -48px;
}

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

<div class="container" id="header">

Добавить код:

<div class="mymenu">
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	  </div>

[маргарита]

скажите пожалуйста как можно сделать активной иконку в контакте?