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


Опустить Главное Меню И Сделать Шапку


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

#1 Reudo

Reudo

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородУльяновск

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

Нужно поднять Шапку наверх над главным меню как показано на рисунке "Результат"  еще сделать вкладки "Главная - оформить заказ - сертификаты патенты награды" побольше размером.
Почитал форум на счет меню. Не нашел где находится в редакторе шаблонов "main.css" что бы отредактировать его.
Во время редактирования удалил все что отвлекало, делая сайт максимально простым, в результате чего в "Style.css" появились в строчках =Треугольники с воскл знаками=  :(
И последнее когда делаешь заказ и нажимаешь крестик вылазиет окно с ошибкой "

На странице возникла JS ошибка:


Uncaught TypeError: Cannot read property 'tagName' of null на строке: 1.Адрес файла: http://pohudeidoma.s...ds/1#show_tab_1к исправить ошибку?


Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» > «Редактор тем».

Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "Ошибки" на нашем форуме."


http://pohudeidoma.storeland.ru/ адрес сайта.

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

  • сайт1.png
  • Результат.jpg


#2 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

Здравствуйте,что бы отредактировать внешний вид найдите в style.css код и последовательно замените его
.slogan {
font-size: 50px;
padding-left: 15px;
color: rgb(223, 45, 45);
}

.tren {
font-size: 43px;
padding-left: 23px;
color: black;

}

.gar {
float: left;
padding-top: 20px;
font-size: 27px;
}
.dostav {
padding-top: 51px;
position: relative;
right: 3px;
width: 260px;
font-size: 19px;
color: red;
}
на

.slogan {
font-size: 50px;
padding-left: 15px;
margin-top:12px;
color: rgb(223, 45, 45);
}
tren {
font-size: 43px;
padding-left: 15px;
color: black;
margin-top: 24px;
}
.gar {
float: left;
padding-top: 20px;
font-size: 27px;
padding-left: 15px;
}

.dostav {
padding-top: 60px;
position: relative;
right: -19px;
width: 260px;
font-size: 19px;
color: red;
}




в HTML коде найдите блок
<section class="global">
<div class="container">
<!-- Блок навигации -->
{% IFNOT menu_empty %}
<nav class="head">
<ul class="head">
{% 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 %}
</ul>
<a href="#" id="pull">Меню</a>
</nav>
{% ENDIF %}
<!-- /Блок навигации -->

<!-- Корзина -->
<div id="cartInfo">

</div>
<!-- end Корзина -->
</div>
</section>
и вставьте его после строчки

<div class="opt">звоните</div><div class="tel">8-987-68-90-841 </div>
</div>


#3 Reudo

Reudo

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородУльяновск

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

Все получилось спасибо!
Только слишком все сбито. Нужно чуть чуть опустить меню ниже и убрать верхнюю полосу.  Хотелось бы узнать что именно меняет координаты
Так же пропал телефон, я как понимаю из за того что черный шрифт.
Ошибка так же осталась :(((

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

  • результат2.jpg


#4 daria_dnk

daria_dnk

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

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

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

Просмотр сообщенияReudo (14 Апрель 2014 - 20:48) писал:

Все получилось спасибо!
Только слишком все сбито. Нужно чуть чуть опустить меню ниже и убрать верхнюю полосу.  Хотелось бы узнать что именно меняет координаты
Так же пропал телефон, я как понимаю из за того что черный шрифт.
Ошибка так же осталась :(((

Здравствуйте!
1)В шаблоне style.css замените строку
 html {-webkit-font-smoothing: antialiased;background: #111111;}
   на
 html {-webkit-font-smoothing: antialiased;background: #f6f6f4;}

2) Двигаем меню:
   Заменяем строку
 .global {background: #000;padding: 10px;}
   на
 .global {background: #000;padding: 10px;margin-top: 20px;}
Изменяя значение параметра margin-top: будете изменять расстояние от меню до верхней границы.

3) Заменять цвет телефона можно добавив в код
.tel {
float: right;
font-size: 25px;
width: 183px;
left: 165px;
position: relative;
}

параметр
 color: red;
вместо red подставляйте свое значение цвета.

#5 Reudo

Reudo

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородУльяновск

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

Все получилось. сайт сделан, осталось сделать таймер (это я попробую сам) и исправить ошибку. Она появляется когда закрываешь окно с корзиной.
Я удалил с сайта поиса, сравнение, корзину с шапки, каталог, вы смотрели. наверное из за этого

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

  • ошибка.png





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

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