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


Подвинуть Логотип


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

#1 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 23 Февраль 2013 - 01:06

Здравствуйте, подскажите пожалуйста, у меня длинный логотип, как бы мне его переместить левее?
и второе как бы мне создать типа панельки и поместить там телефоны?( панельку хочу сделать горизонтально в самом верху страницы.

#2 Vaccina

Vaccina

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

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

Отправлено 23 Февраль 2013 - 06:59

В файле стилей main.css найдите

#container {
	margin: 0 auto;
	max-width: 1000px;
	width: 1000px;
}

и замените на

#container {
	margin: 0 auto;
	max-width: 1000px;
	overflow: hidden;
	width: 1000px;
}

далее найдите

#header .blocks .logotype {
	float: left;
	margin: -100px 0 0 20px;
}

и замените на

#header .blocks .logotype {
	float: left;
	margin: -100px 0 0 -26px;
}

Цитата

как бы мне создать типа панельки и поместить там телефоны

На вашем сайте уже присутствует панель "Контакты для связи" с телефонами, вы хотите внести изменения в данную панель или же создать еще дополнительную? Пожалуйста, объясните по подробнее.

#3 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 23 Февраль 2013 - 10:12

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

За логотип спасибо

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

  • 123.jpg


#4 support 2.0

support 2.0

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

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

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

 Egik (23 Февраль 2013 - 10:12) писал:

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

За логотип спасибо

Найдите в файле main.css блок
#header .blocks .rght {
float: left;
margin: 0 0 0 0;
background: top right no-repeat;
width: 358px;
height: 110px;
}

и измените его на
#header .blocks .rght {
float: left;
margin: 0 0 0 645px;
background: top right no-repeat;
width: 358px;
height: 110px;
position: absolute;
}


#5 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 23 Февраль 2013 - 11:44

столбик остался, а логотип поднялся. совсем не то что я хотел

#6 support 2.0

support 2.0

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

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

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

 Egik (23 Февраль 2013 - 11:44) писал:

столбик остался, а логотип поднялся. совсем не то что я хотел


так Вы вроде так и сказали что Вам нужно. Лучше, если Вы хотя бы схематически изобразите что Вам нужно

#7 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

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

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

#8 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

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

ой это вроде решилось, а как бы мне телефонный блок правее немного перенести?

#9 Stasya

Stasya

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

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

Отправлено 23 Февраль 2013 - 16:24

в файле "main.css" найдите блок
#header .blocks .rght ul {
margin: 6px 0 0 75px;
margin-right: -12px;}
измените 75 по вкусу например
#header .blocks .rght ul {
margin: 6px 0 0 120px;
margin-right: -12px;


#10 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 23 Февраль 2013 - 17:07

спасибо

#11 Мика

Мика

    Продвинутый пользователь

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

Отправлено 28 Февраль 2013 - 16:53

Подскажите пожалуйста как поднять логотип, не могу найти ответ((( Чтобы логотип был в левом верхнем углу

Сайт http://fruktinadom.ru/

#12 support 2.0

support 2.0

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

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

Отправлено 28 Февраль 2013 - 17:18

 Мика (28 Февраль 2013 - 16:53) писал:

Подскажите пожалуйста как поднять логотип, не могу найти ответ((( Чтобы логотип был в левом верхнем углу

Сайт http://fruktinadom.ru/

в файле main.css найдите блок
#header .blocks .logotype {
margin: 170px 0 0 10px;
float: left;
}

замените на
#header .blocks .logotype {
margin: 0px 0 0 10px;
position: absolute;
}

теперь найдите блок
#header {
		clear: both;
		height: 120px;
		width: 100%;
		position: relative;
}

замените на
#header {
clear: both;
height: 283px;
width: 100%;
position: relative;
}


#13 Инди

Инди

    Новичок

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

Отправлено 30 Март 2013 - 02:26

Вечер Добрый!
Подскажите как подвинуть логотип и вставить в центр под надписью "интерне-магазин", как показано на картинке.

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

  • 1.jpg


#14 Сake

Сake

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

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

Отправлено 30 Март 2013 - 02:47

Найдите в вашем файле стилей main.css

#header .blocks .logotype {
	float: right;
	margin: 20px 0 0 20px;
}

и замените на

#header .blocks .logotype {
	float: right;
	margin: 20px 220px 0 20px;
}


#15 Инди

Инди

    Новичок

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

Отправлено 30 Март 2013 - 12:09

Еще вопросик((
Помогите поднять лого, чуть выше, чтобы надпись была с низу а лого сверху, но чтобы сама шапка не сдвигалась, а то я поднимаю лого, а шапка меняет размеры(((

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

  • 16.jpg


#16 miyako

miyako

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

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

Отправлено 30 Март 2013 - 12:11

 Инди (30 Март 2013 - 12:09) писал:

Еще вопросик((
Помогите поднять лого, чуть выше, чтобы надпись была с низу а лого сверху, но чтобы сама шапка не сдвигалась, а то я поднимаю лого, а шапка меняет размеры(((

Скажите пожалуйста ваш номер аккаунта или адрес вашего магазина

#17 Инди

Инди

    Новичок

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

Отправлено 30 Март 2013 - 13:19

 miyako (30 Март 2013 - 12:11) писал:

Скажите пожалуйста ваш номер аккаунта или адрес вашего магазина

Пожалуйста, Аккаунт SL-193010

#18 support 2.0

support 2.0

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

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

Отправлено 30 Март 2013 - 13:27

 Инди (30 Март 2013 - 13:19) писал:

Пожалуйста, Аккаунт SL-193010
в файле main.css найдите блок
#header {
width: 100%;
height: 120px;
clear: both;
}
измените на
#header {
width: 100%;
height: 330px;
clear: both;
}

также найдите блок
#header .blocks .logotype {
float: right;
margin: 40px 220px 0 40px;
}
измените на
#header .blocks .logotype {
float: right;
margin: -20px 220px 0 40px;
}
измените на

#19 miyako

miyako

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

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

Отправлено 30 Март 2013 - 13:31

 Инди (30 Март 2013 - 13:19) писал:

Пожалуйста, Аккаунт SL-193010

Найдите код:
#header .blocks .logotype {
float: right;
margin: 40px 220px 0 40px;
}
и замените на:
#header .blocks .logotype {
float: right;
margin: -23px 220px 69px 40px;
}


#20 koob

koob

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

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

Отправлено 03 Апрель 2013 - 15:55

Помогите исправить. В IE9 смещен e-mail он выше номера телефона и низко опущен логотип, хотя во всех остальных браузерах отображается нормально (chrome, opera, safari ,firefox). Для наглядности привожу два примера. Можно ли это исправить?

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

  • IE9.jpg
  • Chrome и все остальные.jpg





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

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