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


Помогите С Сайтом

фон

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

#1 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 11 Январь 2014 - 03:25

Друзья, помогите пожалуйста вот с чем>

1. Нужно заменить фон слева и справа в шаблоне техника

2. Сделать отступ  сверху и снизу

3. Заключить основной сайт в рамку

Для примера можно ли сделать вот так как на скрине

Прикрепленные файлы



#2 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Январь 2014 - 06:16

Просмотр сообщенияdamon (11 Январь 2014 - 03:25) писал:

Друзья, помогите пожалуйста вот с чем>

1. Нужно заменить фон слева и справа в шаблоне техника

2. Сделать отступ  сверху и снизу

3. Заключить основной сайт в рамку

Для примера можно ли сделать вот так как на скрине

Здравствуйте, напишите номер вашего аккаунта или адрес вашего сайта

#3 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 11 Январь 2014 - 10:09

Просмотр сообщенияCastiel (11 Январь 2014 - 06:16) писал:

Здравствуйте, напишите номер вашего аккаунта или адрес вашего сайта

113th.storeland.ru
SL 261807

#4 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Январь 2014 - 10:24

Просмотр сообщенияdamon (11 Январь 2014 - 03:25) писал:

Друзья, помогите пожалуйста вот с чем>

1. Нужно заменить фон слева и справа в шаблоне техника

2. Сделать отступ  сверху и снизу

3. Заключить основной сайт в рамку

Для примера можно ли сделать вот так как на скрине

Уточните пожалуйста ваши вопросы
1. Фон должен быть единым для левой и правой части или вы хотите чтобы они были разные?
2. Отступ от чего нужно сделать?
3. В какую рамку вы хотите заключить основной сайт и под основным сайтом вы имеете ввиду центральный контент в котором расположен текст?

Возможно вам стоит выбрать другую тему, которая лучше подойдет для вас.
Создайте бекап шаблона, а затем попробуйте по эксперементировать с другими темами.

#5 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 11 Январь 2014 - 10:32

Просмотр сообщенияCastiel (11 Январь 2014 - 10:24) писал:

Уточните пожалуйста ваши вопросы
1. Фон должен быть единым для левой и правой части или вы хотите чтобы они были разные?
2. Отступ от чего нужно сделать?
3. В какую рамку вы хотите заключить основной сайт и под основным сайтом вы имеете ввиду центральный контент в котором расположен текст?

Возможно вам стоит выбрать другую тему, которая лучше подойдет для вас.
Создайте бекап шаблона, а затем попробуйте по эксперементировать с другими темами.



Изображение



Хочу чтобы было примерно как тут

Изображение

#6 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Январь 2014 - 10:54

Просмотр сообщенияdamon (11 Январь 2014 - 10:32) писал:

1 фон изменить по такому же принципу как в этом скрине. Он будет одинаковый.


Изображение

2 по поводу рамки тут

Изображение

Редактируем  bootstrap-responsive.min.css
Находим
.container-fluid{position: relative; min-height: 100%; /*background: url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 41% 0;*/}

Заменяем на
.container-fluid{position: relative; min-height: 100%; background: #FFEDCB;}

background: #000; цвет фона

2. В файле  bootstrap-responsive.min.css добавляем в любое удобное место
.container {border: 2px solid #000;}


#7 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 11 Январь 2014 - 11:24

Просмотр сообщенияCastiel (11 Январь 2014 - 10:54) писал:

Редактируем  bootstrap-responsive.min.css
Находим
.container-fluid{position: relative; min-height: 100%; /*background: url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 41% 0;*/}

Заменяем на
.container-fluid{position: relative; min-height: 100%; background: #FFEDCB;}

background: #000; цвет фона

2. В файле  bootstrap-responsive.min.css добавляем в любое удобное место
.container {border: 2px solid #000;}
Спасибо и еще вопрос
1 Сделать отступ рамки от верха
2 скруглить углы рамки
3 сделать отступ слева такой же как и справа у рамки
4 Установить фон картинку вне рамки

Изображение

#8 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Январь 2014 - 13:38

Просмотр сообщенияdamon (11 Январь 2014 - 11:24) писал:

Спасибо и еще вопрос
1 Сделать отступ рамки от верха
2 скруглить углы рамки
3 сделать отступ слева такой же как и справа у рамки
4 Установить фон картинку вне рамки

Изображение

2 и 3 вопрос
Находим
.container {
border: 2px solid #000;
}

Заменить на
.container {
border: 2px solid #000;
border-radius: 10px;
padding: 0 10px 0 20px;
}

1. Нельзя опустить верхнюю границу рамки, т.к она привязана к основной части сайта
4. Уточните вопрос, какую картинку и куда именно вы хотите поставить

#9 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 11 Январь 2014 - 16:33

Просмотр сообщенияCastiel (11 Январь 2014 - 13:38) писал:

2 и 3 вопрос
Находим
.container {
border: 2px solid #000;
}

Заменить на
.container {
border: 2px solid #000;
border-radius: 10px;
padding: 0 10px 0 20px;
}

1. Нельзя опустить верхнюю границу рамки, т.к она привязана к основной части сайта
4. Уточните вопрос, какую картинку и куда именно вы хотите поставить

Спасибо с рамкой все круто!

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

Изображение

#10 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Январь 2014 - 21:57

Просмотр сообщенияdamon (11 Январь 2014 - 16:33) писал:

Спасибо с рамкой все круто!

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

Изображение

Чтобы изменить фон сайта, вам необходимо отредактировать bootstrap-responsive.min.css
Находим
{position: relative; min-height: 100%; /*background:  url("http://113th.storeland.net/site_bg.gif") repeat-y 41% 0;*/}

Заменяем на
.container-fluid {
position: relative;
min-height: 100%;
background: pink;
}

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

#11 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 11 Январь 2014 - 23:33

Просмотр сообщенияCastiel (11 Январь 2014 - 21:57) писал:

Чтобы изменить фон сайта, вам необходимо отредактировать bootstrap-responsive.min.css
Находим
{position: relative; min-height: 100%; /*background: url("http://113th.storeland.net/site_bg.gif") repeat-y 41% 0;*/}

Заменяем на
.container-fluid {
position: relative;
min-height: 100%;
background: pink;
}

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

Уважаемый модератор я не хочу вставить туда розовый цвет, я хочу туда картинку вставить, на скрине выделил розовыми прямоугольниками место куда нужно вставить картинку) Сделать вот такой фон как на скрине


Изображение

#12 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 12 Январь 2014 - 00:28

Так со вставкой фона я разобрался вопрос вот какой

Как сдвинуть край фона до рамки у меня на сайте?

Изображение

#13 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 12 Январь 2014 - 03:03

Просмотр сообщенияdamon (12 Январь 2014 - 00:28) писал:

Так со вставкой фона я разобрался вопрос вот какой

Как сдвинуть край фона до рамки у меня на сайте?

Изображение

Есть два варианта решение вашей проблемы
1. Убрать границы сайта
2. Выровнять границы до основной части

Редактируем bootstrap-responsive.min.css
1. Находим
container {
border: 2px solid #000;
border-radius: 10px;
padding: 0 10px 0 20px;
}

Заменяем на
container {
}

2. Находим
container {
border: 2px solid #000;
border-radius: 10px;
padding: 0 10px 0 20px;
}

Заменяем на
container {
border: 2px solid #000;
border-radius: 10px;
}

Выберите наиболее подходящий для вас вариант

#14 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 12 Январь 2014 - 03:59

Спасибо мне по вкусу второй вариант, но есть вопрос как сдвинуть немного всю левую часть: меню, логотип и тд?Чтобы не совсем впритык к рамке было...

#15 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 12 Январь 2014 - 07:42

Просмотр сообщенияdamon (12 Январь 2014 - 03:59) писал:

Спасибо мне по вкусу второй вариант, но есть вопрос как сдвинуть немного всю левую часть: меню, логотип и тд?Чтобы не совсем впритык к рамке было...
Здравствуйте, в шаблоне HTML найдите данную строчку кода:
<div class="span4" style="padding-top: 0px">
замените ее на
<div class="span4" style="padding-left: 10px">
Если вы хотите изменять отступ слева, то просто меняйте цифру в данном коде "padding-left: 10px" на большую или меньшую.

#16 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 12 Январь 2014 - 10:18

Просмотр сообщенияAlexey11 (12 Январь 2014 - 07:42) писал:

Здравствуйте, в шаблоне HTML найдите данную строчку кода:
<div class="span4" style="padding-top: 0px">
замените ее на
<div class="span4" style="padding-left: 10px">
Если вы хотите изменять отступ слева, то просто меняйте цифру в данном коде "padding-left: 10px" на большую или меньшую.

Спасибо все получилось так и нужно было, но тут проблема  слайдер съехал со страницами(( Как его обратно поставить?((

Изображение

#17 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 12 Январь 2014 - 10:48

в шаблоне bootstrap-responsive.min.css найдите данный код
.span8{ width:742px;}
замените его на
.span8{ width:732px;}


#18 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 12 Январь 2014 - 10:57

Друзья! Спасибо большое за такую тех поддержку!!!! Вы лучшие все получилось!!!!

Изображение

ОЙ еще вопросик а как то можно убрать вот эту пустоту снизу сайта?  

Изображение

#19 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 12 Январь 2014 - 20:58

Просмотр сообщенияdamon (12 Январь 2014 - 10:57) писал:

Друзья! Спасибо большое за такую тех поддержку!!!! Вы лучшие все получилось!!!!

Изображение

ОЙ еще вопросик а как то можно убрать вот эту пустоту снизу сайта?  

Изображение
Здравствуйте.
Попробуйте добавить в конец main.css такую строчку
#ui-datepicker-div {	display: none;}


#20 damon

damon

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

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородПермь

Отправлено 12 Январь 2014 - 21:08

Все супер помогло!!!!!!!!





Темы с аналогичным тегами фон

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

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