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


Шапка И Подвал.

Шапка и подвал.

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

#1 a82z

a82z

    Пользователь

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

Отправлено 19 Ноябрь 2013 - 22:44

Не как не могу найти нормальную тему.
сайт http://tmcp.ru не как не могу понять как сделать шапку и подвал. А точнее как их вставить на сайт ?
Как сделать сайт фиксированный или какие размеры шапки и подвала использовать? что бы при разных разрешениях мониторов он не перекосился

#2 Vaccina

Vaccina

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

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

Отправлено 20 Ноябрь 2013 - 02:29

Что вас смущает в представленных темах?
Если вам нужен фиксированный дизайн, то вам подойдут сл.темы: Мокко, Сияние, Пластик, они как раз имеют стили и их проще видоизменять.
Чтобы зафиксировать ширину сайта в теме Лайт, зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.content {
border-bottom: 1px solid #DCECF7;
border-left: 1px solid #DCECF7;
border-right: 1px solid #DCECF7;
border-top: 0px none currentColor;
margin: auto;
max-width: 1240px;
min-width: 1000px;
}
вместо

max-width: 1240px;
min-width: 1000px;
пропишите точное значение width, например:

width: 960px;


#3 a82z

a82z

    Пользователь

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

Отправлено 20 Ноябрь 2013 - 22:04

Просмотр сообщенияVaccina (20 Ноябрь 2013 - 02:29) писал:

Что вас смущает в представленных темах?
Если вам нужен фиксированный дизайн, то вам подойдут сл.темы: Мокко, Сияние, Пластик, они как раз имеют стили и их проще видоизменять.
Чтобы зафиксировать ширину сайта в теме Лайт, зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.content {
border-bottom: 1px solid #DCECF7;
border-left: 1px solid #DCECF7;
border-right: 1px solid #DCECF7;
border-top: 0px none currentColor;
margin: auto;
max-width: 1240px;
min-width: 1000px;
}
вместо

max-width: 1240px;
min-width: 1000px;
пропишите точное значение width, например:

width: 960px;

Не получается вставить шапку в лайт. видимо темы писанные не для этого шаблона.
киньте ссылку если не трудно

#4 support 2.0

support 2.0

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

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

Отправлено 20 Ноябрь 2013 - 22:42

Просмотр сообщенияa82z (20 Ноябрь 2013 - 22:04) писал:

Не получается вставить шапку в лайт. видимо темы писанные не для этого шаблона.
киньте ссылку если не трудно
В этом шаблоне табличная верстка, поэтому именно шапку сайта поставить проблематично будет в виде картинки. Пожалуй, в виде цвета еще можно будет. В данном шаблоне можно поставить фон по краям и фон в центре.
Еще конечно можно попробовать так:
после
<body lang="ru">
вставьте
<img id="myheader" src="адрес_изображения">
<style type="text/css">
#myheader{width: 100%; margin: 0 auto;}
</style>


#5 a82z

a82z

    Пользователь

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

Отправлено 20 Ноябрь 2013 - 23:21

Просмотр сообщенияsupport 2.0 (20 Ноябрь 2013 - 22:42) писал:

В этом шаблоне табличная верстка, поэтому именно шапку сайта поставить проблематично будет в виде картинки. Пожалуй, в виде цвета еще можно будет. В данном шаблоне можно поставить фон по краям и фон в центре.
Еще конечно можно попробовать так:
после
<body lang="ru">
вставьте
<img id="myheader" src="адрес_изображения">
<style type="text/css">
#myheader{width: 100%; margin: 0 auto;}
</style>
Получилось , но осталась проблема , шапку перекосило в левую сторону. http://tmcp.ru/
У меня шаблон фиксирован на 1240px
Я взял  и в коде
#myheader{width: 100%
заменил 100% на 1240px
получил.
<img id="myheader" src="адрес_изображения">
<style type="text/css">
#myheader{width: 1240px; margin: 0 auto;}
</style>
Шапку как то ужало от реального размера чуть чуть, и она стала чуть уже границ сайта.
Вот как бы ее сделать что бы она была ровно по границам ? Как отцентровать ее?, там с права и лева идут синии линии
Спасибо.

#6 Vaccina

Vaccina

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

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

Отправлено 21 Ноябрь 2013 - 02:48

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

#7 a82z

a82z

    Пользователь

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

Отправлено 21 Ноябрь 2013 - 12:36

Просмотр сообщенияVaccina (21 Ноябрь 2013 - 02:48) писал:

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

Просмотр сообщенияVaccina (21 Ноябрь 2013 - 02:48) писал:

вы можете предоставить схему\скрин желаемого результата?
так как сейчас перекосов не обнаружено и синие линии по бокам имеются
Вот смотрите, я на скрине где шапка синем в паинте отобразил поля шапки  стрелки в лево в право,  его прибивает к левойто стороне , черными полосками выделил  гарницы сайта  ,
получается шапку надо как то отцентровать   двинуть ее в право.
шапка нарисована под ширину сайта  1240px

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

  • skrin.png


#8 Koderhan

Koderhan

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

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

Отправлено 21 Ноябрь 2013 - 16:29

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "HTML".
Найти код:
<style type="text/css">
#myheader{width:1240pх; margin: 0 auto;}
</style>
Заменить:
<style type="text/css">
#myheader {
display:block;
width:1240px;
margin: 0 auto;
}
</style>


#9 a82z

a82z

    Пользователь

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

Отправлено 21 Ноябрь 2013 - 16:35

Просмотр сообщенияKoderhan (21 Ноябрь 2013 - 16:29) писал:

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "HTML".
Найти код:
<style type="text/css">
#myheader{width:1240pх; margin: 0 auto;}
</style>
Заменить:
<style type="text/css">
#myheader {
display:block;
width:1240px;
margin: 0 auto;
}
</style>
Спасибо , все получилось !




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

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