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

Фотография
- - - - -

Шаблон на Wordpress


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
Сообщений в теме: 3

#1 megavip

megavip

    Прохожий

    Топикстартер
  • Новичок
  • 0
    2 сообщ.

Отправлено 20 Январь 2019 в 22:58

Здравствуйте. Есть шаблон на Wordpress ссылка Как сделать чтобы он при уменьшении масштаба в браузере не уходил влево, а всегда оставался по центру, что и где конкретно нужно изменить в коде?
  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1024
    3 761 сообщ.

Отправлено 21 Январь 2019 в 03:46

Чтобы отцентровать контентную часть, надо изменить следующий код в CSS
#casing {
    padding: 0px 0px;
    width: 740px;
    margin: 0px auto;
    /* float: left; */
}
Но из-за того, что сайдбар фиксированной позиции - ничего хорошего не получится.
Дальше вариант либо на JS, либо сделать сайдбар не фиксированным.
В случае второго варианта необходимо блок id="masthead" переместить во внутрь id="casing"
Должна получиться вот такая структура
TKdeuIf.png
И меняем следующие стили
#casing {
    padding: 0px 0px;
    width: 1000px;
    margin: 0px auto;
}
#masthead {
    width: 230px;
    float: left;
    margin-right: 20px;
}

  • 1

#3 megavip

megavip

    Прохожий

    Топикстартер
  • Новичок
  • 0
    2 сообщ.

Отправлено 22 Январь 2019 в 01:31

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

Сообщение отредактировал BaNru: 22 Январь 2019 в 01:54
Удалено цитирование

  • 0

#4 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1024
    3 761 сообщ.

Отправлено 22 Январь 2019 в 02:00

1) Заменяете в CSS везде #masthead на класс .masthead
В html коде соответственно на class="masthead"
Чтобы работали скрипты надо оставить и id и class
Будет типа
<div class="masthead" id="masthead">
 
2) После блока class="incasing" вставляете копию сайдбара masthead (это уже с классом будет, а не с ID; см. 1 пункт).
 
3) В стилях увеличиваете ширину #casing до width: 1250px; , то есть на ширину вставляемого сайдбара
 
Если что-то не заработает, то дальше помощь только после того, как выложите в сеть (дадите ссылку) на то что уже есть, чтобы найти ошибку непосредственно у вас.
  • 0



Похожие темы Свернуть

  Название темы Форум Автор Статистика Последнее сообщение
Статистика

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

0 пользователей, 0 гостей, 0 скрытых пользователей