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


Помогите С Меню


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

#1 Roman(GRR)

Roman(GRR)

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

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

Отправлено 17 Июль 2013 - 09:41

Здравствуйте! Помогите:

1)Передвинуть меню влево, что бы оно было вровень со страницей.
2)Передвинуть блоки влево под меню, что бы они были вровень со страницей.

Заранее благодарен!

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

  • ви.png


#2 support 2.0

support 2.0

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

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

Отправлено 17 Июль 2013 - 14:36

 Roman(GRR) (17 Июль 2013 - 09:41) писал:

Здравствуйте! Помогите:

1)Передвинуть меню влево, что бы оно было вровень со страницей.
2)Передвинуть блоки влево под меню, что бы они были вровень со страницей.

Заранее благодарен!
1) У Вас это часть изображения 8.png
Вам нужно на своем компьютере в графическом редакторе подвинуть левее примерно на 20 пикселей

2) в файле main.css найдите блок
#cpages  {
	background: ; /* Цвет фона */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
	box-shadow: 0 0 15px rgba(0,0,0,0.5); /* Параметры тени */
	padding: 10px;
}
измените его на
#cpages  {
	background: ; /* Цвет фона */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
	box-shadow: 0 0 15px rgba(0,0,0,0.5); /* Параметры тени */
	padding: 10px 10px 10px 0px;
}

далее найдите
.leftmenu li h2 a {
  color: #ffffff;
}
измените на
.leftmenu li h2 a {
  color: #ffffff;
  padding-left: 10px;
}


#3 Roman(GRR)

Roman(GRR)

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

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

Отправлено 18 Июль 2013 - 05:31

спасибо!

#4 Roman(GRR)

Roman(GRR)

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

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

Отправлено 18 Июль 2013 - 05:44

Вот мне надо ещё:

1)Сместить меню влево.
2)Надпись "Вы смотрели" сместить вправо.
3)фон под левым меню сделать выступающим, за страницу пикселей на 2-3

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

  • Безымянный.png


#5 Vaccina

Vaccina

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

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

Отправлено 18 Июль 2013 - 06:26

У вас используется фиксированный дизайн, поэтому сместить меню не получиться, так же переместить блок "Вы смотрели" - реализовать 3 колонки в данном шаблоне проблематично - останется очень мало места для контента, товаров. Изменение ширины общего блока чревато некорректным отображениям вложенных блоков, а так же у пользователей с разрешением экрана по ширине 1024px - появиться горизонтальный скролл. Используйте другой шаблон - например "Лайт", который в свою очередь использует резиновый дизайн.

#6 Roman(GRR)

Roman(GRR)

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

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

Отправлено 18 Июль 2013 - 07:59

Ладно, хорошо, пусть меню так остается.

1)А всё таки можно ли сделать у левого меню выступ на 2px?

2)Про "Вы смотрели" вы меня не много не поняли... Мне надо что бы эта надпись была по середине сиреневой полоски, как "Каталог товаров" и "Сравнить товары", а не сбоку!

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

http://bigb.storeland.ru

Благодарю за разъяснения, но не могли бы вы мне помочь ещё... Буду очень благодарен!!!

#7 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 18 Июль 2013 - 14:56

 Roman(GRR) (18 Июль 2013 - 07:59) писал:

Ладно, хорошо, пусть меню так остается.

1)А всё таки можно ли сделать у левого меню выступ на 2px?

2)Про "Вы смотрели" вы меня не много не поняли... Мне надо что бы эта надпись была по середине сиреневой полоски, как "Каталог товаров" и "Сравнить товары", а не сбоку!

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

http://bigb.storeland.ru

Благодарю за разъяснения, но не могли бы вы мне помочь ещё... Буду очень благодарен!!!
1. В main.css в коде
.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 68px;
overflow:hidden;
padding-bottom: 2em;
}
удалите overflow:hidden;
А код
.leftmenu li h2 {
font: bold 13px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #ad21da;
text-transform: uppercase;
background: url(http://bigb.storeland.net/789.jpg?9155) no-repeat;
}
измените так:
.leftmenu li h2 {
font: bold 13px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #ad21da;
text-transform: uppercase;
background: url(http://bigb.storeland.net/789.jpg?9155) no-repeat;
margin-left: -15px;
padding-left: 15px;
}
2. В HTML в строке
<li class="recent_viewed"><br /><h2>Вы смотрели</h2>
внесите такие изменения:
<li class="recent_viewed"><br /><h2 style="padding-left: 10px;">Вы смотрели</h2>
3. Я так понимаю, когда вы увеличиваете размер шрифта (font-size:1.4em;) контактных данных в коде
#contactInfo {
  position:absolute;
  font-size:1.4em;
  top: 69px;
left: 566px;
color: #9605c5;
}
У вас номер телефона пишется в 2 строки. Чтобы этого не происходило, надо выделить для него побольше места. В коде
.contactInfoContent {
  height:100px;
  width: 180px;
  vertical-align:middle;
}
Увеличьте ширину. Т.е. вметсо width: 180px; напишите, например, width: 300px;

#8 Roman(GRR)

Roman(GRR)

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

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

Отправлено 18 Июль 2013 - 15:02

Просто огромное СПАСИБО!!! :D




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

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