Перейти к содержанию
mikmihka

Помогите изменить шапку сайта

Рекомендуемые сообщения

Здравствуйте, помогите изменить расположение корзины и поиска(поменять их местами и уменьшить ширину шапки). С файлом stylesheet.css экспериментировал, но как то не удачно. Что нужно править?

Шапка.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
6 минут назад, Zhezkazganetcs сказал:

хедер надо править

В этом же stylesheet.css ? Я его правил, чуть выше поднялось, но не сдвигается...

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@Zhezkazganetcs может проще купить готовый и не париться?
например этот, т.к. судя по вашему скрину вы пытаетесь добиться похожего

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

header.tpl

Найти строки с содержанием Cart и Search и поменять их местами. Сначала поменяйте строки, если не устроит - меняйте блоки, правьте стили.

Используйте браузер для поиска кода и стиля (правой кнопкой миши - "исследовать элемент" или подобная строка)

Скоро освоите структуру. все так начинали =)

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@prochet

Только что, prochet сказал:

header.tpl

Используйте браузер для поиска кода и стиля (правой кнопкой миши - "исследовать элемент" или подобная строка)

F12

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
6 минут назад, AWARO сказал:

@prochet

F12

Это надо до клавиатуры тянуться =)

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
24 минуты назад, prochet сказал:

Это надо до клавиатуры тянуться =)

зачем?) надо иметь клавиатуру которая сама к вам тянется))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Нашел Header.tpl , переместил корзину после поиска, результат тот же, только теперь корзина за меню заходит .

Если ставить отрицательное значение right, она сдвигается вправо , но при изменении размера страницы, она становится по середине.

#header #cart {
    z-index: 101;
    position:relative;
    margin-top:3px;
    text-align:left;
    float:right;
    right:0px;}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.