Здравствуйте. Помогите перенести 3 объеката в шапке влево.
0
Помогите Перенести
Автор yustus55, 24 нояб. 2014 15:21
Сообщений в теме: 3
#1
Отправлено 24 Ноябрь 2014 - 15:21
#3
Отправлено 24 Ноябрь 2014 - 17:20
Все получилось. но я бы еще передвинул рамку с поиском чуть левее. Чтоб она расположилась на равном расстоянии от часов и контактами.
#4
Отправлено 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 анонимных