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


Дизайн Главной Страницы

главная страница оформление

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

#21 MikDark

MikDark

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

  • Модераторы
  • 6 398 сообщений

Отправлено 17 Сентябрь 2014 - 11:09

Просмотр сообщенияVkusnovarit (17 Сентябрь 2014 - 11:06) писал:

А как и где это настраивается? на планшете у меня сайт совсем по другому вылазит!

Если речь идет об аккаунте 304136, то у Вас сайт не адаптивный, должен выглядеть одинаково на всех устройствах.

#22 Nikolay

Nikolay

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

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

Отправлено 17 Сентябрь 2014 - 11:55

Когда я экспериментировал с фоном, то на ПК и ноуте фон (картинка) относительно середины (весь блок и информацией) был отображен по разному!
вчера я писал, что ис за корзины не полностью видно кнопку страницы Вход в ЛК. зпшел с планшета, там все норм!
сейчас просто в браузере попробовал увеличить/уменьшить (вот что вышло 1 2 3 )

#23 MikDark

MikDark

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

  • Модераторы
  • 6 398 сообщений

Отправлено 17 Сентябрь 2014 - 11:58

Просмотр сообщенияVkusnovarit (17 Сентябрь 2014 - 11:55) писал:

Когда я экспериментировал с фоном, то на ПК и ноуте фон (картинка) относительно середины (весь блок и информацией) был отображен по разному!
вчера я писал, что ис за корзины не полностью видно кнопку страницы Вход в ЛК. зпшел с планшета, там все норм!
сейчас просто в браузере попробовал увеличить/уменьшить (вот что вышло 1 2 3 )

Масштаб уменьшать не нужно, чтобы проверить на мобильных, нужно уменьшать размер окна браузера. По поводу фона - лучше пришлите скриншоты с ПК и ноутбука, так же укажите какие браузеры стоят, потому что данной проблемы не замечено, картинка отпозиционирована по центру.

#24 Nikolay

Nikolay

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

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

Отправлено 17 Сентябрь 2014 - 12:12

Хорошо, подготовлю пришлю.
скрины 1 2 3 это и есть "уменьшать размер окна браузера"

#25 MikDark

MikDark

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

  • Модераторы
  • 6 398 сообщений

Отправлено 17 Сентябрь 2014 - 12:17

Просмотр сообщенияVkusnovarit (17 Сентябрь 2014 - 12:12) писал:

Хорошо, подготовлю пришлю.
скрины 1 2 3 это и есть "уменьшать размер окна браузера"

Нужно название Вашего браузера.

#26 Nikolay

Nikolay

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

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

Отправлено 17 Сентябрь 2014 - 12:52

На ПК и ноуте Мозилла, на планшете опера.

#27 Сake

Сake

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

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

Отправлено 18 Сентябрь 2014 - 05:59

Вам можно просто уменьшить отступ между пунктами меню. Добавьте в конец файла стилей main.css

#panelsite div.centercol .menuheader {
  width: 760px;
}
#panelsite div.centercol .menuheader ul li {
  margin: 0 6px 0 0;
  padding-left: 6px;
}
#panelsite div.centercol .menuheader ul li a {
  padding: 5px 10px;
}


#28 Nikolay

Nikolay

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

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

Отправлено 18 Сентябрь 2014 - 12:12

Просмотр сообщенияMikDark (17 Сентябрь 2014 - 11:58) писал:

Масштаб уменьшать не нужно, чтобы проверить на мобильных, нужно уменьшать размер окна браузера. По поводу фона - лучше пришлите скриншоты с ПК и ноутбука, так же укажите какие браузеры стоят, потому что данной проблемы не замечено, картинка отпозиционирована по центру.

Добрый день.
Открыл сайт на ноуте и планшете в разных браузерах.
Вот что вышло:
1.Мозилла ноут,
1.1 Хром ноут,

2  Мозилла, Опера планшет,
2.1 Хром планшет,

#29 Ирина345

Ирина345

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

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

Отправлено 18 Сентябрь 2014 - 13:09

Просмотр сообщенияVkusnovarit (18 Сентябрь 2014 - 12:12) писал:

Добрый день.
Открыл сайт на ноуте и планшете в разных браузерах.
Вот что вышло:
1.Мозилла ноут,
1.1 Хром ноут,

2  Мозилла, Опера планшет,
2.1 Хром планшет,
Здравствуйте, найдите в main.css
#panelsite div.centercol .menuheader ul li a {
font: normal 12px Verdana, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}
замените на

#panelsite div.centercol .menuheader ul li a {
font: normal 12px Verdana, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 10px;
display: block;
}
изменив данной значение поменяется отступ между пунктами меню, если требуется изменить еще раз(увеличить или уменьшить) меняете в строчке padding: 5px 10px;

#30 Nikolay

Nikolay

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

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

Отправлено 18 Сентябрь 2014 - 15:15

Ок. с буквой "К" разобрались.
а почему на ноуте через Гугл Хром кнопка поиска сместилась?  1.1 Хром ноут,

#31 Nikolay

Nikolay

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

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

Отправлено 18 Сентябрь 2014 - 16:53

Просмотр сообщенияИрина345 (18 Сентябрь 2014 - 13:09) писал:

Здравствуйте, найдите в main.css
#panelsite div.centercol .menuheader ul li a {
font: normal 12px Verdana, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}
замените на

#panelsite div.centercol .menuheader ul li a {
font: normal 12px Verdana, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 10px;
display: block;
}
изменив данной значение поменяется отступ между пунктами меню, если требуется изменить еще раз(увеличить или уменьшить) меняете в строчке padding: 5px 10px;

Upps!
шрифт сдвинулся, буква К появилась но теперь когда нажимаешь на главную весь ряд кнопок двигается в право! Вот http://vkusnovarit.r...ru/page/Главная понажимайте на кнопку главная!

#32 Alekseys

Alekseys

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

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

Отправлено 18 Сентябрь 2014 - 17:00

Просмотр сообщенияVkusnovarit (18 Сентябрь 2014 - 16:53) писал:

Upps!
шрифт сдвинулся, буква К появилась но теперь когда нажимаешь на главную весь ряд кнопок двигается в право! Вот http://vkusnovarit.r...ru/page/Главная понажимайте на кнопку главная!
Здравствуйте. В main.css замените
#panelsite div.centercol .menuheader ul li a:active {
padding: 5px 13px 4px 13px;
border-bottom: 1px solid #186584;
}
на
#panelsite div.centercol .menuheader ul li a:active {
padding: 5px 10px 4px 10px;
border-bottom: 1px solid #186584;
}


#33 Nikolay

Nikolay

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

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

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

Просмотр сообщенияAlekseys (18 Сентябрь 2014 - 17:00) писал:

Здравствуйте. В main.css замените
#panelsite div.centercol .menuheader ul li a:active {
padding: 5px 13px 4px 13px;
border-bottom: 1px solid #186584;
}
на
#panelsite div.centercol .menuheader ul li a:active {
padding: 5px 10px 4px 10px;
border-bottom: 1px solid #186584;
}


Ок, благодарю.

#34 Nikolay

Nikolay

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

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

Отправлено 29 Сентябрь 2014 - 18:58

Добрый день, на сайте нужно вставить кринку с ссылкой на созданную страницу с текстом о выборе товара. картинку я еще напридумал,  текст здесь.
Вот серин.

#35 Danil

Danil

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

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

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

Просмотр сообщенияVkusnovarit (29 Сентябрь 2014 - 18:58) писал:

Добрый день, на сайте нужно вставить кринку с ссылкой на созданную страницу с текстом о выборе товара. картинку я еще напридумал,  текст здесь.
Вот серин.
Здравствуйте.
Зайдите в раздел Сайт-Страницы и создайте страницу с текстом.
Далее шаблоне html найдите код
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo1.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
И после него вставьте
 <div class="kartinkalogo"><a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}Название картинки" /></a></div>
Когда вставите картинку, напишите и мы отредактируем её местоположение.

#36 Nikolay

Nikolay

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

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

Отправлено 30 Сентябрь 2014 - 19:20

Просмотр сообщенияDanil (29 Сентябрь 2014 - 20:24) писал:

Здравствуйте.
Зайдите в раздел Сайт-Страницы и создайте страницу с текстом.
Далее шаблоне html найдите код
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo1.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
И после него вставьте
 <div class="kartinkalogo"><a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}Название картинки" /></a></div>
Когда вставите картинку, напишите и мы отредактируем её местоположение.

Картинки на сайт залил, Как выбрать, 5%, гарантия. разместить их надо как на скрине
за каждой картинкой будет закреплена тематическая статья! кликнув на картинку переходить на страницу со статьей.

#37 Ирина345

Ирина345

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

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

Отправлено 30 Сентябрь 2014 - 20:06

Просмотр сообщенияVkusnovarit (30 Сентябрь 2014 - 19:20) писал:

Картинки на сайт залил, Как выбрать, 5%, гарантия. разместить их надо как на скрине
за каждой картинкой будет закреплена тематическая статья! кликнув на картинку переходить на страницу со статьей.
Здравствуйте, найдите в HTML
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo1.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
      замените на

<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo1.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		  <div class="kartinkalogo"><a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/397/5_.png" /></a>
			<a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_.png" /></a>
			<a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/398/garantiya.png" /></a>
		  </div>
далее добавьте в конец файла main.css
.kartinkalogo {
position: absolute;
right: 200px;
}
.kartinkalogo img {
display: list-item;
}


#38 Nikolay

Nikolay

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

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

Отправлено 01 Октябрь 2014 - 08:10

Просмотр сообщенияИрина345 (30 Сентябрь 2014 - 20:06) писал:

Здравствуйте, найдите в HTML
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo1.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
  замените на

<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo1.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
<div class="kartinkalogo"><a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/397/5_.png" /></a>
<a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_.png" /></a>
<a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/398/garantiya.png" /></a>
</div>
далее добавьте в конец файла main.css
.kartinkalogo {
position: absolute;
right: 200px;
}
.kartinkalogo img {
display: list-item;
}

Все, сделал. вот, что полилось. Теперь нужно расставить их как на скрине

#39 Alekseys

Alekseys

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

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

Отправлено 01 Октябрь 2014 - 09:34

Просмотр сообщенияVkusnovarit (01 Октябрь 2014 - 08:10) писал:

Все, сделал. вот, что полилось. Теперь нужно расставить их как на скрине
Здравствуйте. В HTML замените
<div class="kartinkalogo"><a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/397/5_.png" /></a>
						<a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_...png" /></a>
						<a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/398/garantiya.png" /></a>
				  </div>
на
<div class="kartinkalogo">
<div style="margin: -75px 0 0 85px;  float: left;">
   <a href="Ссылка на страницу">
	  <img src="http://st.vkusnovarit.ru/8/1368/398/garantiya.png">
   </a>
</div>
<div style="margin-top: -48px;float: left;">
   <a href="Ссылка на страницу" style="margin: 80px;">
	  <img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_.png">
   </a>
</div>
<a href="Ссылка на страницу" style="position: absolute;right: 0;top: 220px;">
   <img src="http://st.vkusnovarit.ru/8/1368/397/5_.png">
</a>
</div>


#40 Nikolay

Nikolay

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

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

Отправлено 01 Октябрь 2014 - 11:44

Просмотр сообщенияAlekseys (01 Октябрь 2014 - 09:34) писал:

Здравствуйте. В HTML замените
<div class="kartinkalogo"><a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/397/5_.png" /></a>
					 <a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_...png" /></a>
					 <a href="Ссылка на страницу"><img src="http://st.vkusnovarit.ru/8/1368/398/garantiya.png" /></a>
				 </div>
на
<div class="kartinkalogo">
<div style="margin: -75px 0 0 85px; float: left;">
<a href="Ссылка на страницу">
<img src="http://st.vkusnovarit.ru/8/1368/398/garantiya.png">
</a>
</div>
<div style="margin-top: -48px;float: left;">
<a href="Ссылка на страницу" style="margin: 80px;">
<img src="http://st.vkusnovarit.ru/8/1368/400/Kak_vybrat_.png">
</a>
</div>
<a href="Ссылка на страницу" style="position: absolute;right: 0;top: 220px;">
<img src="http://st.vkusnovarit.ru/8/1368/397/5_.png">
</a>
</div>

Ок, все сделал.
А почему картинку не получается сменить?
И картинка  5% совсем с права в конце экрана, как передвинуть левее.





Темы с аналогичным тегами главная страница оформление

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

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