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

PaLadin    2

Всем привет!

 

Пилю потихоньку сайтец: http://akrasmed.com/

 

Прошу Вас помочь мне вот с чем. Нужно чтобы фон меню "ГлавнаяО насНовостиКонтакты" был на всю ширину основного фона (1920 px). Как это сделать? (аналогично с футером)

 

Вот как должно быть:

akrasWEB.jpg

 

 

Так же прошу подсказать как сделать чтобы это меню было точно по центру. Сейчас оно описано в CSS так:

#header .links {
    position: relative;
    left: 0px;
    top: 325px;
	text-align: center;
	color: #c8053d;
	background: #e1e1e1;
	background: -moz-linear-gradient(left, #e1e1e1 0%, #ffffff 50%, #e1e1e1 100%);
    background: -webkit-linear-gradient(left, #e1e1e1 0%,#ffffff 50%, #e1e1e1 100%);
    background: -o-linear-gradient(left, #e1e1e1 0%,#ffffff 50%, #e1e1e1 100%);
    background: linear-gradient(left, #e1e1e1 0%,#ffffff 50%, #e1e1e1 100%);
	font-size: 20px;
	height: 34px;
	padding-left: 26%;
    padding-top: 2px;
}
#header .links a {
	background: none;
	float: left;
	display: block;
	padding: 0px 0px 0px 7px;
	text-align: center;
	color: #c8053d;
	text-decoration: none;
	font-size: 25px;
}
#header .links a:hover {
    color: #000;
}
#header .links a + a {
	margin-left: 8px;
	border-left: 1px solid #c8053d;
}

 

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


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

Одними стилями не обойтись, нужно переверстать
 

a) вынести футер из дива id="container"( в нем останется только контент) задать ему необходимую ширину (980px как я понял из кода) и margin: auto (отпозиционирует по центру)
б) сверстать под хедером отдельный блок (создать див) с шириной в 100% и дать ему необходимый фон (и поместить туда Ваше меню,

в) заключить контент в id="container

г) закрыть див id="container перед футером

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


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

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

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

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

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

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

Войти

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

Войти


  • Похожий контент

    • От nezgovorov
      Здравствуйте, требуется переверстать сайт http://serjneue.bget.ru/ (он в данный момент на opencart 1.5) на opencart 2.3 pro 
      1) верстать на базе дефолтного шаблона.
       
      2) соблюдая правила opencart
       
      3) валидность верстки по https://validator.w3.org/  без серьезных проблем
       
      4) корректность на всех основеых платформах и современных браузерах. (и мобильная версия)
       
      Обязателен опыт работы с opencart 2.3 ! Нужна профессиональная верстка! Скидывайте контакты и примеры своих работ.
      Или пишите в скайп - apxu86
    • От MikeMerk
      Необходимо сделать шаблон для ocstore 2.3 на основе прикрепленного макета. Точное сходство необязательно, но все должно быть выполнено примерно в таком стиле.
      Можно найти подходящий шаблон и его видоизменить, чтобы он был максимально приближен к макету.
      Все необходимые изображения и файлы psd предоставим.





    • От xds

      300.00 руб
      Скачать/Купить дополнение


      [Распродажа] XDS Coloring Theme. Скин в стиле Default 2.0
      Скин для шаблона XDS Coloring Theme в стиле шаблона OC Default 2.0 был создан по многочисленным просьбам покупателей и того и другого шаблона.
       
      .
      .
      .
      Распродажа!!!
      XDS Coloring Theme со скидкой 58%. Подробнее →
      .
      .
      .
       
       
      Системные требования
       
      Скин совместим с шаблоном начиная с версии 1.6.5. Остальные системные требования совпадают с системными требованиями шаблона. 
      Обратите внимание! Это не самостоятельный шаблон, а дополнение для шаблона XDS Coloring Theme
      Добавил xds Добавлено 28.07.2017 Категория Платные шаблоны Системные требования Сайт разработчика http://xds.by Старая цена 1000 Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось  
    • От xds
      Скин для шаблона XDS Coloring Theme в стиле шаблона OC Default 2.0 был создан по многочисленным просьбам покупателей и того и другого шаблона.
       
      .
      .
      .
      Распродажа!!!
      XDS Coloring Theme со скидкой 58%. Подробнее →
      .
      .
      .
       
       
      Системные требования
       
      Скин совместим с шаблоном начиная с версии 1.6.5. Остальные системные требования совпадают с системными требованиями шаблона. 
      Обратите внимание! Это не самостоятельный шаблон, а дополнение для шаблона XDS Coloring Theme
    • От MotoProffi
      Добрый день.
      Хочу поменять дизайн только главной страницы. Поменять надо только header.
      Есть файл, который за это отвечает /system/storage/modification/catalog/view/theme/next_default/template/common/home.tpl
      <?php echo $header; ?> <?php echo $hyper_positions_top_content; ?> <div class="container"> <div class="row"><?php echo $column_left; ?> <?php if ($column_left && $column_right) { ?> <?php $class = 'col-sm-6'; ?> <?php } elseif ($column_left || $column_right) { ?> <?php $class = 'col-sm-9'; ?> <?php } else { ?> <?php $class = 'col-sm-12'; ?> <?php } ?> <div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?><?php echo $content_bottom; ?></div> <?php echo $column_right; ?></div> </div> <?php echo $footer; ?> Создаю файл header_home.tbl
      Теперь вопрос. В каком файле и как прописать переменную 
      $header_home если в файле home.tbl я поменяю  первую строчку на 
      <?php echo $header_home; ?>  
  • Последние посетители   0 пользователей онлайн

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