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


Помогите Разобраться С Шапкой Сайта


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

#1 Jenee

Jenee

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

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

Отправлено 18 Февраль 2014 - 21:33

Добрый вечер. Поставил "шапку" на сайт и получилось не понятно что(скрин прилагается), помогите исправить. адрес сайта avtozap-nn.ru

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

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


#2 Vaccina

Vaccina

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

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

Отправлено 19 Февраль 2014 - 02:46

В разделе Сайт - Редактор шаблонов - восстановите бэк ап за дату с нормально функционирующим сайтом.
Как вы пытались изменить фон и какой именно фон вы хотите изменить?

#3 Jenee

Jenee

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

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

Отправлено 19 Февраль 2014 - 13:23

Просмотр сообщенияVaccina (19 Февраль 2014 - 02:46) писал:

В разделе Сайт - Редактор шаблонов - восстановите бэк ап за дату с нормально функционирующим сайтом.
Как вы пытались изменить фон и какой именно фон вы хотите изменить?
Не фон я хотел изменить а с помощью кода:
<div class="span4" style="padding-top: 0px">
      <div class="row">
        <div class="span4 header">
          <div class="span44">
            <p class="hidden">{SETTINGS_STORE_NAME}</p><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="thumbnail"><img src="{ASSETS_IMAGES_PATH}Без имени.jpg" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a>
            <div class="clear"></div>          

(взял этот код с логотипа) хотел шапку сайта поставить.

#4 Jenee

Jenee

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

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

Отправлено 19 Февраль 2014 - 23:49

Поставил картинку в шапку сайта с помощью кода   <div><img src="{ASSETS_IMAGES_PATH}Без имени.jpg"></div>,
теперь другие вопросы.

1) как в фоне изменить цвет с серого на белый..
2) как логотип опустить ниже

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

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


#5 Vaccina

Vaccina

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

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

Отправлено 20 Февраль 2014 - 05:05

в профиле форума укажите правильный номер аккаунта вашего ИМ.
1.В bootstrap.min.css найдите:
.span8 {
	background: none repeat scroll 0 0 #EDEDED;
	padding-left: 10px;
	padding-top: 10px;
}
измените значение #EDEDED
2. В bootstrap.min.css найдите:
.span44 {
	padding-top: 15px;
	width: 228px;
}
увеличьте padding-top

#6 Jenee

Jenee

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

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

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

Просмотр сообщенияVaccina (20 Февраль 2014 - 05:05) писал:

в профиле форума укажите правильный номер аккаунта вашего ИМ.
1.В bootstrap.min.css найдите:
.span8 {
background: none repeat scroll 0 0 #EDEDED;
padding-left: 10px;
padding-top: 10px;
}
измените значение #EDEDED
2. В bootstrap.min.css найдите:
.span44 {
padding-top: 15px;
width: 228px;
}
увеличьте padding-top
к сожалению не нашел ни того, ни другого кода, при попытке вставить код, ни чего не меняется

#7 Vaccina

Vaccina

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

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

Отправлено 21 Февраль 2014 - 04:14

прошу прощения, не тот файл указала, искать необходимо в файле:
bootstrap-responsive.min.css


#8 Jenee

Jenee

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

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

Отправлено 21 Февраль 2014 - 14:37

Просмотр сообщенияVaccina (21 Февраль 2014 - 04:14) писал:

прошу прощения, не тот файл указала, искать необходимо в файле:
bootstrap-responsive.min.css
Еще вопрос. Как сделать чтобы каталог был сразу развернутый, а не выдвигался в бок?

#9 Vaccina

Vaccina

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

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

Отправлено 22 Февраль 2014 - 04:11

В main.js найдите и удалите:
function mouseOut() {
	if (!$(this).hasClass('open')){
		$(this).find("> ul").css({'display': '',  'position':''});
	}
  }
  function mouseOver() {
	if (!$(this).hasClass('open')){
	  $(this).find("> ul").css({'display': 'block',  'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px',  'z-index': '10000'});
	}
  }
в bootstrap-responsive.min.css найдите:
.menu_main li ul {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	box-shadow: none;
	display: none;
	padding: 0;
	position: static;
	text-align: left;
	width: auto;
}
замените на:
.menu_main li ul {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	box-shadow: none;
	padding: 0;
	text-align: left;
	width: auto;
}
там же найдите:
.menu_main li ul {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	display: none;
	padding: 10px 3px;
	text-align: left;
	width: 6em;
}
удалите display: none;

#10 Jenee

Jenee

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

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

Отправлено 25 Февраль 2014 - 14:21

Помогите косяки исправить,
1) как блоке вернуть на место,
2) и как изменить цвет на белый в самом блоке цвет изменился, а рядом с ним нет.

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

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


#11 @lina_va

@lina_va

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

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

Отправлено 25 Февраль 2014 - 15:25

Просмотр сообщенияJenee (25 Февраль 2014 - 14:21) писал:

Помогите косяки исправить,
1) как блоке вернуть на место,
2) и как изменить цвет на белый в самом блоке цвет изменился, а рядом с ним нет.
Добрый день
В шаблоне html перед :
	  <!-- /Левая колонка меню и навигации -->
добавьте:
</div>


#12 Jenee

Jenee

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

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

Отправлено 25 Февраль 2014 - 16:30

Просмотр сообщения@lina_va (25 Февраль 2014 - 15:25) писал:

Добрый день
В шаблоне html перед :
	 <!-- /Левая колонка меню и навигации -->
добавьте:
</div>
Спасибо, блок вернулся наместо.
А как изменить цвет с правой стороны от блока на белый?

#13 @lina_va

@lina_va

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

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

Отправлено 25 Февраль 2014 - 17:45

Просмотр сообщенияJenee (25 Февраль 2014 - 16:30) писал:

Спасибо, блок вернулся наместо.
А как изменить цвет с правой стороны от блока на белый?
B main.css в блок:
.container-fluid {
position: relative;
min-height: 100%;
/* background: url("http://design.avtozap-nn.ru/site_bg.gif") repeat-y 41% 0; */
}
добавьте:
background: white;


#14 Jenee

Jenee

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

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

Отправлено 25 Февраль 2014 - 18:23

Просмотр сообщения@lina_va (25 Февраль 2014 - 17:45) писал:

B main.css в блок:
.container-fluid {
position: relative;
min-height: 100%;
/* background: url("http://design.avtozap-nn.ru/site_bg.gif") repeat-y 41% 0; */
}
добавьте:
background: white;
Спасибо большое. И вот еще вопросик, как центрировать горизонтальное меню

#15 Alexey11

Alexey11

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

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

Отправлено 25 Февраль 2014 - 18:30

Добавьте данный код в шаблон main.css

#menu > ul {
	margin-left: 17%;
}


#16 Jenee

Jenee

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

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

Отправлено 25 Февраль 2014 - 18:34

Просмотр сообщенияAlexey11 (25 Февраль 2014 - 18:30) писал:

Добавьте данный код в шаблон main.css

#menu > ul {
margin-left: 17%;
}
Спасибо огромное... А можно как нибудь два этих блока соединить в один? убрать логотип ИМ и сделать одну широкую шапку сайта?

#17 @lina_va

@lina_va

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

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

Отправлено 25 Февраль 2014 - 18:45

Просмотр сообщенияJenee (25 Февраль 2014 - 18:34) писал:

Спасибо огромное... А можно как нибудь два этих блока соединить в один? убрать логотип ИМ и сделать одну широкую шапку сайта?
о каких блоках идет речь?

#18 Jenee

Jenee

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

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

Отправлено 25 Февраль 2014 - 19:57

Просмотр сообщения@lina_va (25 Февраль 2014 - 18:45) писал:

о каких блоках идет речь?
скинул скрин. там вроде понятно

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

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


#19 Vaccina

Vaccina

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

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

Отправлено 26 Февраль 2014 - 04:25

В файле bootstrap.min.css найдите:
.thumbnail {
	border: 0 solid #DDDDDD;
	display: block;
	line-height: 20px;
	margin: 0;
}
замените на:
.thumbnail {
	border: 0 solid #DDDDDD;
	display: none;
	line-height: 20px;
	margin: 0;
}

И в самом низу пропишите:
#main {
	background: none repeat scroll 0 0 #FFFFFF !important;
}


#20 Jenee

Jenee

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

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

Отправлено 26 Февраль 2014 - 13:10

Просмотр сообщенияVaccina (26 Февраль 2014 - 04:25) писал:

В файле bootstrap.min.css найдите:
.thumbnail {
border: 0 solid #DDDDDD;
display: block;
line-height: 20px;
margin: 0;
}
замените на:
.thumbnail {
border: 0 solid #DDDDDD;
display: none;
line-height: 20px;
margin: 0;
}

И в самом низу пропишите:
#main {
background: none repeat scroll 0 0 #FFFFFF !important;
}
Спасибо, все получилось.
И вот наверно последний вопрос... как из того что сейчас есть сделать как показано на скрине:

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

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





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

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