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


Помогите Перенести


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

#1 yustus55

yustus55

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

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

Отправлено 24 Ноябрь 2014 - 15:21

Здравствуйте. Помогите перенести 3 объеката в шапке влево.

Изображение

#2 Danil

Danil

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

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

Отправлено 24 Ноябрь 2014 - 15:56

Просмотр сообщенияyustus55 (24 Ноябрь 2014 - 15:21) писал:

Здравствуйте. Помогите перенести 3 объеката в шапке влево.

Изображение
Здравствуйте.
В main.css найдите код
div#togglerone embed {
position: absolute;
left: 1240px;
}
и замените на
div#togglerone embed {
float:right;
}


#3 yustus55

yustus55

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

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

Отправлено 24 Ноябрь 2014 - 17:20

Все получилось. но я бы еще передвинул рамку с поиском чуть левее. Чтоб она расположилась на равном расстоянии от часов и контактами.

Изображение

#4 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 24 Ноябрь 2014 - 17:28

Просмотр сообщенияyustus55 (24 Ноябрь 2014 - 17:20) писал:

Все получилось. но я бы еще передвинул рамку с поиском чуть левее. Чтоб она расположилась на равном расстоянии от часов и контактами.

Изображение
Здравствуйте.
Найдите следующий код в шаблоне main.css:
#header #search {
position: relative;
float: right;
top: 9px;
right: 0;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}
И замените его этим кодом:
#header #search {
position: relative;
float: right;
top: 9px;
right: 20px;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}
Теперь найдите код:
#header #support .sup_phone {
display: block;
width: 36px;
height: 36px;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://happy-times.storeland.net/phone_circle.png?design=spring') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
}
И замените его вот этим кодом:
#header #support .sup_phone {
display: block;
width: 36px;
height: 36px;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://happy-times.storeland.net/phone_circle.png?design=spring') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 20px;
}





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

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