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


Несколько Вопросов.


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

#1 Сонат

Сонат

    Новичок

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

Отправлено 04 Декабрь 2014 - 12:35

Добрый день!
Появилось несколько вопросов, которые сам разрешить не могу:
1) Как разместить горизонтальное меню по центру слайда, изменить шрифт и стиль наименований разделов, сделать заливку кнопок белым и взять это всё в рамку со своей заливкой?
2) Как сделать окно поиска в двое меньше?
3) В шапке, первый контактный номер телефона увеличить в размере, сделать красным и подвинуть к окну поиска?
4) Слайд и вертикальное меню спустить чуть ниже, чтобы горизонтальное меню не налезало на слайды.
5) Как поменять иконку сайта в закладке браузера? (на всех страницах)
6) Сообщение о сравнении товара, в правом верхнем углу немного увеличить.

Буду очень благодарен за помощь!
Аккаунт SL-322160.

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

  • Скрин на форум.JPG


#2 Ирина345

Ирина345

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

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

Отправлено 04 Декабрь 2014 - 12:57

Просмотр сообщенияСонат (04 Декабрь 2014 - 12:35) писал:

Добрый день!
Появилось несколько вопросов, которые сам разрешить не могу:
1) Как разместить горизонтальное меню по центру слайда, изменить шрифт и стиль наименований разделов, сделать заливку кнопок белым и взять это всё в рамку со своей заливкой?
2) Как сделать окно поиска в двое меньше?
3) В шапке, первый контактный номер телефона увеличить в размере, сделать красным и подвинуть к окну поиска?
4) Слайд и вертикальное меню спустить чуть ниже, чтобы горизонтальное меню не налезало на слайды.
5) Как поменять иконку сайта в закладке браузера? (на всех страницах)
6) Сообщение о сравнении товара, в правом верхнем углу немного увеличить.

Буду очень благодарен за помощь!
Аккаунт SL-322160.
Здравствуйте,
1. найдите в main.css
#megamenu {
position: absolute;
height: 54px;
top: 110px;
left: 238px;
}
замените на

#megamenu {
position: absolute;
height: 54px;
top: 110px;
left: 420px;
}

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

#megamenu li.root_menu {
padding: 2px 5px 3px 10px;
float: left;
position: relative;
margin-right: 5px;
border: 1px solid #000000;
border-radius: 5px;
}
замените на

#megamenu li.root_menu {
padding: 2px 5px 3px 10px;
float: left;
position: relative;
margin-right: 5px;
border: 1px solid #000000;
border-radius: 5px;
background: #fff;
}


далее найдите
#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}
где для того что бы поменять шрифт меняете значение font-size: 11px; например на
font-size: 14px;

2. найдите

#search_block_top #search_query_top {
width: 350px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}
где уменьшаете значение
width: 350px;
3. произведите сначала остальные изменения
4. найдите

.content.container {
margin-top: 25px;
margin-bottom: 50px;
min-height: 500px;
}
замените на

.content.container {
margin-top: 32px;
margin-bottom: 50px;
min-height: 500px;
}
5. используйте данную инструкцию
http://storeland.ru/about/faq#52
6 найдите
#header_user_info {
color: #fafafa;
font-size: 12px;
text-align: right;
clear: both;
margin-top: 6px;
padding: 0;
display: block;
}
изменяете значение font-size: 12px; например на
font-size: 16px;

#3 Сонат

Сонат

    Новичок

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

Отправлено 04 Декабрь 2014 - 14:10

Огромное спасибо! почти всё получилось.
По поводу 1 пункта хотелось бы сделать как на скриншоте ниже + убрать капс.
И вопрос в 3 пункте актуален, но поправка, как перенести весь информационный блок, а увеличить и перекрасить только первый номер?

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

  • Скрин на форум2.JPG


#4 Ирина345

Ирина345

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

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

Отправлено 04 Декабрь 2014 - 14:46

Просмотр сообщенияСонат (04 Декабрь 2014 - 14:10) писал:

Огромное спасибо! почти всё получилось.
По поводу 1 пункта хотелось бы сделать как на скриншоте ниже + убрать капс.
И вопрос в 3 пункте актуален, но поправка, как перенести весь информационный блок, а увеличить и перекрасить только первый номер?
Найдите в main.css

#wrapper{background-color:#f2f2f2}

замените на
#wrapper{background: url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn');}

добавьте в конец файла
div#content-fluid {
background: #f2f2f2;
}


найдите в html

<div class="block_content">
		 <!-- Контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						 <div class="contacts">
замените на

<div class="block_content">
		 <!-- Контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						 <div class="contacts" id="tel">

далее добавьте в конец файла main.css

#tel a {
color: #E52247;
}
#tel {
margin-left: 269px;
font-size: 21px;
}


#5 Сонат

Сонат

    Новичок

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

Отправлено 04 Декабрь 2014 - 15:04

Спасибо! не ожидал на такие оперативные ответы.

#6 Сонат

Сонат

    Новичок

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

Отправлено 04 Декабрь 2014 - 16:03

Появились проблемы :с
1) снизу номер телефона тоже съехал
2) на мониторах 21 и 30 дюймов всё ок, а на 17-ти дюймовом безобразие (приложил скрин)

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

  • скрин3.JPG


#7 Ирина345

Ирина345

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

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

Отправлено 04 Декабрь 2014 - 17:01

Просмотр сообщенияСонат (04 Декабрь 2014 - 16:03) писал:

Появились проблемы :с
1) снизу номер телефона тоже съехал
2) на мониторах 21 и 30 дюймов всё ок, а на 17-ти дюймовом безобразие (приложил скрин)
Найдите в HTMLна строке 598  
 <div class="contacts" id="tel">

замените на
 <div class="contacts">

далее найдите
в main.css
@media only screen and (max-width:1210px){
замените на


@media only screen and (max-width:1210px){
  #megamenu {
top: 172px;
left: 316px;
}



#8 Сонат

Сонат

    Новичок

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

Отправлено 04 Декабрь 2014 - 17:24

1) Вы имели в виду в строке 589? там и так не прописано "id="tel">"
2) Из этого получилось то, что на скриншоте.

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

  • скрин4.JPG


#9 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 05 Декабрь 2014 - 07:02

1. Строка 589 код:
<div class="contacts" id="tel">

2.В style.css найдите:
#megamenu {
	height: 54px;
	left: 420px;
	position: absolute;
	top: 113px;
}
замените на:
#megamenu {
	height: 54px;
	position: absolute;
	top: 113px;
}


#10 Сонат

Сонат

    Новичок

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

Отправлено 05 Декабрь 2014 - 13:29

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

#11 Сонат

Сонат

    Новичок

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

Отправлено 05 Декабрь 2014 - 13:39

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

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

  • скрин5.JPG


#12 Danil

Danil

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

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

Отправлено 05 Декабрь 2014 - 16:32

Просмотр сообщенияСонат (05 Декабрь 2014 - 13:39) писал:

На не больших мониторах отображается как на скрине. так даже лучше по моему, можно так сделать? Только номер телефона в право сдвинуть совсем? И меню горизонтальное выровнять с поиском и корзиной?
Я вас замучил наверное, но буду очень благодарен!
Здравствуйте.
Возможно вам подойдет такой вариант:
- При большом разрешении bol.png
- При маленьком разрешении mal.png

#13 Сонат

Сонат

    Новичок

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

Отправлено 05 Декабрь 2014 - 17:27

Ну в принципе да, нормально. ещё бы вертикальное меню и слайд чуть оторвать ниже от шапки :)

#14 Danil

Danil

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

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

Отправлено 05 Декабрь 2014 - 17:41

Просмотр сообщенияСонат (05 Декабрь 2014 - 17:27) писал:

Ну в принципе да, нормально. ещё бы вертикальное меню и слайд чуть оторвать ниже от шапки :)
В style.css найдите код
#megamenu {
height: 54px;
position: absolute;
top: 113px;
}
и замените на
#megamenu {
height: 54px;
float: left;
margin-top: 15px;
}
так же найдите
.two-third {
width: 930px;
float: right;
}
замените на
.two-third {
width: 930px;
float: right;
margin-top: 10px;
}
найдите
.one-third {
width: 210px;
float: left;
}
замените на
.one-third {
width: 210px;
float: left;
margin-top: 10px;
}


#15 Сонат

Сонат

    Новичок

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

Отправлено 05 Декабрь 2014 - 21:41

Всё отлично. Большое спасибо!




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

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