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

[Svipper93]

Здравствуйте. Помогите пожалуйста:

1. Необходимо номера телефонов поднять выше, напротив значка трубки телефона.
2. Поиск поднять выше и разместить в соответствующем поле шапки.
3. Корзину также поднять и разместить в соответствующее поле шапки.
4. Горизонтальное меню (которое сейчас не видно) поднять, чтобы оно было на синей линии.
5. Боковое меню и остальную часть страницы подтянуть вверх к шапке.

На приложенном фото я все отметил.

Сайт: masterinstrumenta.ru


Буду благодарен за помощь.

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

• 

[support 2.0]

 Svipper93 (16 Февраль 2013 - 17:00) писал:

Здравствуйте. Помогите пожалуйста:

1. Необходимо номера телефонов поднять выше, напротив значка трубки телефона.
2. Поиск поднять выше и разместить в соответствующем поле шапки.
3. Корзину также поднять и разместить в соответствующее поле шапки.
4. Горизонтальное меню (которое сейчас не видно) поднять, чтобы оно было на синей линии.
5. Боковое меню и остальную часть страницы подтянуть вверх к шапке.

На приложенном фото я все отметил.

Сайт: masterinstrumenta.ru


Буду благодарен за помощь.

1) в файле main.css (Сайт -> Редактор тем) найдите блок

#contactInfo {
color:#1D60EF;
position:absolute;
font-size:1.5em;
top: 45px;
left: 450px;
}

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

#contactInfo {
color:#1D60EF;
position:absolute;
font-size:1.5em;
top: 15px; <!- отступ текста сверху -->
left: 455px;
}

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

/*search*/
#search{
height: 35px;
float: left;
margin-top: 115px;
margin-left: 155px;
width: 245px;
} #search .search_box {
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 285px;
padding-left: 0px;
padding-top: 2px;
height: 16px;
}
#search .submit {
cursor:pointer;
height: 28px;
width: 28px;
}
/*search*/
/*cartInfo*/
#cartInfo {
position:absolute;
color:#000000;
font-size: 12px;
top: 188px;
left: 615px;
white-space:nowrap;
overflow:hidden;
height:20px;
width: 340px;
}

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

/*search*/
#search{
height: 19px;
float: left;
margin-top: 94px;
margin-left: 164px;
width: 308px;
} #search .search_box {
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 307px;
padding-left: 0px;
padding-top: 2px;
height: 15px;
}
#search .submit {
cursor:pointer;
height: 28px;
width: 28px;
}
/*search*/
/*cartInfo*/
#cartInfo {
position:absolute;
color:#000000;
font-size: 12px;
top: 127px;
left: 640px;
white-space:nowrap;
overflow:hidden;
height: 14px;
width: 314px;
}

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

#top-menu {
height: 40px;
overflow: hidden;
}

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

#top-menu {
height: 40px;
position: absolute;
top: 137px;
overflow: hidden;
}

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

#mainmenu li a {
font: bold 16px/30px Helvetica, Tahoma, Arial, sans-serif;
color: #FFFFFF;
display: block;
float: left;
padding-right: 40px;
padding-left: 0px;
text-transform: uppercase;
text-decoration: none;
background: url(http://s578116.storeland.net/tm_link_border.gif) no-repeat right top;
}

padding-right: 40px; - отступ текста справа
padding-left: 0px; - отступ текста слева

5) найдите блок

.container {
position: relative;
width: 960px;
margin: 0px auto;
padding-top: 70px;
}

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

.container {
position: relative;
width: 960px;
margin: 0px auto;
padding-top: 30px;
}

[Svipper93]

По первому пункту получилось: номера телефонов на логотипе......

[Svipper93]

Скорректируете?

[Svipper93]

Я разобрался более менее с некоторыми пунктами. Но вот горизонтальное меню,- не получается. Помогите пожалуйста!!!
Фото приложил. Сайт: masterinstrumenta.ru

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

• 

[Svipper93]

Товарищи, помогите пожалуйста.

[miyako]

 Svipper93 (16 Февраль 2013 - 22:04) писал:

Я разобрался более менее с некоторыми пунктами. Но вот горизонтальное меню,- не получается. Помогите пожалуйста!!!
Фото приложил. Сайт: masterinstrumenta.ru

Найдите код:

#logo {
height: 134px;
}

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

#logo {
height: 110px;
margin-top: -23px;
}

[Svipper93]

Спасибо. Еще бы шрифт в этом меню уменьшить......

[miyako]

 Svipper93 (17 Февраль 2013 - 10:00) писал:

Спасибо. Еще бы шрифт в этом меню уменьшить......

Шрифт можно уменьшить здесь:

#mainmenu li a {
font: bold 16px/30px Helvetica, Tahoma, Arial, sans-serif; /*жирность, шрифт, сам шрифт*/
color: #FFFFFF;
display: block;
float: left;
padding-right: 40px;
padding-left: 0px;
text-transform: uppercase;
text-decoration: none;
background: url(http://s578116.storeland.net/tm_link_border.gif) no-repeat right top;
}

Подробнее о свойствах шрифта:http://htmlbook.ru/css/font

[Svipper93]

Спасибо большое! Разобрался!

[Svipper93]

Товарищи, опять к Вам обращаюсь за помощью:
1. Как переименовать при оформлении заказа строчку зоны доставки. Т.е. чтобы сразу шли эти зоны, или переименовать "доставка по Московской области". (см. приложенный рисунок)
2. Как изменить цвет шрифта этих самых зон доставки? (также см. рисунок).
3. Убрать следующий шаг оформления заказа: 3из4 "Выберите удобный для Вас способ оплаты". У меня он один.

Спасибо за Ваш труд!

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

• 

[mikola]

 Svipper93 (19 Февраль 2013 - 22:06) писал:

Товарищи, опять к Вам обращаюсь за помощью:
1. Как переименовать при оформлении заказа строчку зоны доставки. Т.е. чтобы сразу шли эти зоны, или переименовать "доставка по Московской области". (см. приложенный рисунок)
2. Как изменить цвет шрифта этих самых зон доставки? (также см. рисунок).
3. Убрать следующий шаг оформления заказа: 3из4 "Выберите удобный для Вас способ оплаты". У меня он один.

Спасибо за Ваш труд!

1.Открыть
редактор тем-оформление заказа
найти код:

<label class="orderStageDeliveryZoneHeader" for="deliveryId{order_delivery.ID}">Зоны доставки</label>

заменить код на:

<label class="orderStageDeliveryZoneHeader" for="deliveryId{order_delivery.ID}">доставка по Московской области</label>

2. открыть файл main.css
найти код :

.orderStageDelivery td.cell5 .orderStageDeliveryZoneHeader  {font-size:14px;display:block;padding:10px 0 5px 0;}

заменить на код:

.orderStageDelivery td.cell5 .orderStageDeliveryZoneHeader  {color:#0066CC;font-size:14px;display:block;padding:10px 0 5px 0;}

3.Вопрос немного не понятен вы полностью хотите убрать третий пункт??

[Svipper93]

Да. Этот пункт мне пока не нужен, т.к. у меня всего один способ оплаты.

[mikola]

 Svipper93 (20 Февраль 2013 - 04:50) писал:

Да. Этот пункт мне пока не нужен, т.к. у меня всего один способ оплаты.

К сожалению на данный момент этого сделать нельзя.

[Svipper93]

Цитата

2. открыть файл main.css
найти код :

.orderStageDelivery td.cell5 .orderStageDeliveryZoneHeader  {font-size:14px;display:block;padding:10px 0 5px 0;}
заменить на код:

.orderStageDelivery td.cell5 .orderStageDeliveryZoneHeader  {color:#0066CC;font-size:14px;display:block;padding:10px 0 5px 0;}

Не получается изменить цвет шрифта.....

[mikola]

 Svipper93 (20 Февраль 2013 - 21:01) писал:

Не получается изменить цвет шрифта.....

тогда код

.orderStageDelivery td.cell2		  { font-size:14px;padding:10px 0 5px 0;}

заменить на

.orderStageDelivery td.cell2		  {color:#fff666; font-size:14px;padding:10px 0 5px 0;}

[Svipper93]

Меняется только цвет названия доставки. А варианты также остаются бледно-серыми....

[mikola]

 Svipper93 (20 Февраль 2013 - 21:19) писал:

Меняется только цвет названия доставки. А варианты также остаются бледно-серыми....

ой прошу прошения не увидел полного выделения )))
найдите код:

.orderStageDelivery td.cell5 .orderStageDeliveryZoneLabel   {color:#888;font-size:12px;}

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

.orderStageDelivery td.cell5 .orderStageDeliveryZoneLabel   {color:#666fff;font-size:12px;}

[Svipper93]

Микола, спасибо.
Еще один маленький вопросик: Я ниже привел отрывок из кода оформления заказа.:      

<h3>Выберите удобный для вас способ оплаты</h3>
          <div class="orderInfo">
            <table>
            {% FOR order_payment %}
              <tr>
                <td class="cell1">
                  <input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}"  class="required"


Если я поменяю слова  Выберите удобный для Вас способ оплаты, либо вообще удалю их, оставив только:


<h3></h3>
          <div class="orderInfo">
            <table>
            {% FOR order_payment %}
              <tr>
                <td class="cell1">
                  <input type="radio" id="paymentId{order_payment.ID}" name="form[payment][id]" value="{order_payment.ID}"  class="required"




Это не будет косяком?


Также хочу поступить и с другими этапами оформления заказа.




Спасибо за Ваш Мегамозг!-)

[mikola]

 Svipper93 (20 Февраль 2013 - 21:59) писал:

Еще один маленький вопросик: Я ниже привел отрывок из кода оформления заказа.:   
Это не будет косяком?

как я понял, вы хотите менять только название ??
Если же вы меняете или удаляете только название то   страшного в этом не чего нет.....главное Шаги оформления заказа не удалять!!