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


Общее Оформление Страницы

Главная

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

#1 Promoonly

Promoonly

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

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

Отправлено 16 Сентябрь 2015 - 16:23

Здравствуйте!
Вопрос по оформления.
1) Подскажите как сделать так что-бы по периметру страницы можно было вставить фон в виде картинки да так что-бы он не наслаивался на основное окно (где все написано и все меню)
2) Как сделать окантовку основной страницы, желательно вставить туда изображение.

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

  • Безымянный.png


#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 16 Сентябрь 2015 - 18:11

Просмотр сообщенияPromoonly (16 Сентябрь 2015 - 16:23) писал:

Здравствуйте!
Вопрос по оформления.
1) Подскажите как сделать так что-бы по периметру страницы можно было вставить фон в виде картинки да так что-бы он не наслаивался на основное окно (где все написано и все меню)
2) Как сделать окантовку основной страницы, желательно вставить туда изображение.
Здравствуйте. В main.css замените
body {margin: 0 auto;width: 1200px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;line-height: 20px;background-image: url('');background-repeat: no-repeat;background-attachment: fixed;background-size: contain;color: #909090;overflow-x: hidden;position: relative;}
на
body {margin: 0 auto;width: 1200px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;line-height: 20px;background-image: url("{ASSETS_IMAGES_PATH}картинка");color: #909090;overflow-x: hidden;position: relative;}
заменив в данном коде слово картинка на название изображения, предварительно загрузив его в разделе Сайт - Редактор шаблонов. Затем замените
#wrapper {position: relative;}
на
#wrapper {position: relative;background-color: white;}
либо для окантовки на
#wrapper {position: relative;background: url("{ASSETS_IMAGES_PATH}картинка") repeat-y;background-size: 100%;}
изображение будет повторяться по вертикали.

#3 Promoonly

Promoonly

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

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

Отправлено 17 Сентябрь 2015 - 09:18

#wrapper {position: relative;background: url("{ASSETS_IMAGES_PATH}картинка") repeat-y;background-size: 100%;}
Получается делает заливку фона, а хотелось бы что-бы основное окно по периметру имело окантовку, или из цвета или в виде изображения.

Приписал  "body {margin: 0 auto;width: 1200px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;line-height: 20px;background-image: url("{ASSETS_IMAGES_PATH}картинка");color: #909090;overflow-x: hidden;position: relative;}".
Заливка у выплывающего меню стала "Whit" а надо "color: #909090".
И получается его не видно теперь. HALP! B)


Изображение

#4 Promoonly

Promoonly

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

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

Отправлено 17 Сентябрь 2015 - 13:37

спасибо не надо, уже сдела

#5 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 17 Сентябрь 2015 - 14:02

Просмотр сообщенияPromoonly (17 Сентябрь 2015 - 09:18) писал:

#wrapper {position: relative;background: url("{ASSETS_IMAGES_PATH}картинка") repeat-y;background-size: 100%;}
Получается делает заливку фона, а хотелось бы что-бы основное окно по периметру имело окантовку, или из цвета или в виде изображения.

Приписал  "body {margin: 0 auto;width: 1200px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;line-height: 20px;background-image: url("{ASSETS_IMAGES_PATH}картинка");color: #909090;overflow-x: hidden;position: relative;}".
Заливка у выплывающего меню стала "Whit" а надо "color: #909090".
И получается его не видно теперь. HALP! B)
Здравствуйте. Если я правильно Вас понял, замените в main.css
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
на
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;background-color: #909090;color: #fff;}
и в конец main.css добавьте
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu li a {
color: #fff;
}
Если это не то, о чем Вы спрашивали, уточните на скриншоте, о каком окне речь. Для окантовки по краям используйте фоновое изображение с окантовкой.

#6 Promoonly

Promoonly

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

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

Отправлено 20 Сентябрь 2015 - 10:33

Здравствуйте! Подскажите пожалуйста, при изменение размеры окна браузера ( при уменьшение), поиск и ряд других значков в верхней шапке исчезает, как сделать так что-бы логотип и надписи которые добавил я тоже при определенном размере окна браузера не отображались.

#7 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 20 Сентябрь 2015 - 13:46

Просмотр сообщенияPromoonly (20 Сентябрь 2015 - 10:33) писал:

Здравствуйте! Подскажите пожалуйста, при изменение размеры окна браузера ( при уменьшение), поиск и ряд других значков в верхней шапке исчезает, как сделать так что-бы логотип и надписи которые добавил я тоже при определенном размере окна браузера не отображались.
Здравствуйте. Пожалуйста укажите схематично на скриншоте, какие элементы при каком разрешении должны скрываться.

#8 Promoonly

Promoonly

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

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

Отправлено 21 Сентябрь 2015 - 09:56

Просмотр сообщенияAlekseys (20 Сентябрь 2015 - 13:46) писал:

Здравствуйте. Пожалуйста укажите схематично на скриншоте, какие элементы при каком разрешении должны скрываться.
Изображение

#9 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 22 Сентябрь 2015 - 16:08

Просмотр сообщенияPromoonly (21 Сентябрь 2015 - 09:56) писал:

Изображение
Здравствуйте.
В main.css найдите код
#header .header-right {
	height: 0px;
	position: absolute;
	right: 0px;
}
и замените на
#header .header-right {
	height: 0px;
	position: absolute;
	right: 0px;
}
.header-right-inner.tekst {
	display: none;
}
#header div#logo {
	display: none;
}






Темы с аналогичным тегами Главная

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

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