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


Как Можно Сделать Так?

Автор Alan, 22 сент. 2014 18:47

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

#1 Alan

Alan

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

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

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

Здравствуйте. Хотелось бы сделать верхнее меню как на сайте этом и чтобы поиск там же находился. http://bije.ru/ ? возможно так сделать?

#2 AnnaM

AnnaM

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

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

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

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

Здравствуйте. Хотелось бы сделать верхнее меню как на сайте этом и чтобы поиск там же находился. http://bije.ru/ ? возможно так сделать?
В main.css замените 
menu {
position: relative;
width: 100%;
}
на 
menu {
position: relative;
width: 47%;
margin: 0 auto;
border: 1px solid #000;
border-radius: 18px;
}

и это 
.globmenuwrap {
position: relative;
}
замените на 
.globmenuwrap {
position: relative;
float: left;
margin-left: -60px;
}

#3 AnnaM

AnnaM

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

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

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

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

Здравствуйте. Хотелось бы сделать верхнее меню как на сайте этом и чтобы поиск там же находился. http://bije.ru/ ? возможно так сделать?
Так же в main.css замените 
#search {
margin-top: 28px;
transition: all 1s ease;
}
на 
#search {
margin-top: -38px;
transition: all 1s ease;
float: right;
}
и в шаблоне HTML удалите код с 85 по 90 строку. Затем вставьте код
Скрытый текст
перед строчкой 
</menu><!--END menu-->

#4 Alan

Alan

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

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

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

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

Так же в main.css замените 
#search {
margin-top: 28px;
transition: all 1s ease;
}
на 
#search {
margin-top: -38px;
transition: all 1s ease;
float: right;
}
и в шаблоне HTML удалите код с 85 по 90 строку. Затем вставьте код
Скрытый текст
перед строчкой 
</menu><!--END menu-->

спасибо большое! Но смотрите как получается.. и углы выходят серые .. без углов никак? спасибо

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

  • Безымянный.jpg

#5 Alan

Alan

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

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

Отправлено 23 Сентябрь 2014 - 10:48

ладно поиск я вообще убираю тогда , тогда как углы убрать в меню? чтобы только овалы были?

#6 AnnaM

AnnaM

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

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

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

Просмотр сообщенияAlan (23 Сентябрь 2014 - 10:48) писал:

ладно поиск я вообще убираю тогда , тогда как углы убрать в меню? чтобы только овалы были?
В main.css замените 
.menuWrap li a {
position: relative;
font-size: 20px;
padding: 2px 0;
color: white;
}
на 
.menuWrap li a {
position: relative;
font-size: 20px;
padding: 2px 0;
color: rgb(63, 58, 58);
}
  затем замените 
menu:before {
content: '';
background: rgba(0, 0, 0, 0.16);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
на 
menu:before {
content: '';
/* background: rgba(0, 0, 0, 0); */
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}

#7 Alan

Alan

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

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

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

спасибо большое! и последний вопрос! как можно добавить такой слайдер как на том сайте прям после меню и ниже чтобы было все остальное.. Новинки и т.д. спасибо

#8 AnnaM

AnnaM

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

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

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

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

спасибо большое! и последний вопрос! как можно добавить такой слайдер как на том сайте прям после меню и ниже чтобы было все остальное.. Новинки и т.д. спасибо
По умолчанию в шаблоне Хамелеон стоит такой слайдер.

#9 Alan

Alan

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

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

Отправлено 23 Сентябрь 2014 - 14:56

да?? это где?

#10 Ирина345

Ирина345

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

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

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

Просмотр сообщенияAlan (23 Сентябрь 2014 - 14:56) писал:

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

#11 Alan

Alan

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

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

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

спасибо! и подскажите пожалуйста вот скрин .. 1)как перенести телефон стрелкой показал куда..2) потом убрать войти/зарегистрироваться(выделил),3) как написать под логотипом по центру прям "Интернет-магазин бижутерии" .4)и как выровнить по центру название каталога(выделил). спасибо

а и еще корзину нормальную сделать. разместить под телефоном. И нормальным сделать как обычно.Ваша корзина:0 рублей.

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

  • Безымянный2.jpg

#12 AnnaM

AnnaM

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

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

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

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

спасибо! и подскажите пожалуйста вот скрин .. 1)как перенести телефон стрелкой показал куда..2) потом убрать войти/зарегистрироваться(выделил),3) как написать под логотипом по центру прям "Интернет-магазин бижутерии" .4)и как выровнить по центру название каталога(выделил). спасибо

а и еще корзину нормальную сделать. разместить под телефоном. И нормальным сделать как обычно.Ваша корзина:0 рублей.
2) в шаблоне HTML удалите код 
{% IF CLIENT_IS_LOGIN %}	  
			 <div class="login2">
			  <ul>
				<li><a href="{USER_SETTINGS_URL}">Мой кабинет</a></li>
				<li><a href="{USER_LOGOUT_URL}">Выход</a></li>
			  </ul>
			</div>
			{% ELSE %}
			<div class="login">
			  <ul>
				<li><a href="{USER_LOGIN_URL}">Вход</a></li>
				<li><a href="{USER_REGISTER_URL}">Регистрация</a></li>
			  </ul>
			</div>
			{% ENDIF %}
4) в main.css замените 
.pagecont {
margin: 1px 20px 10px 20px;
text-align: justify;
padding: 10px;
}
на 
.pagecont {
margin: 1px 20px 10px 20px;
padding: 10px;
}

#13 Alan

Alan

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

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

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

спасибо большое! остается вопрос 1, 3 и по поводу корзины.. спасибо.  

И еще возможно ширину каталога уменьшить до границ меню.. спасибо)

#14 MikDark

MikDark

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

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

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

Просмотр сообщенияAlan (24 Сентябрь 2014 - 09:36) писал:

спасибо большое! остается вопрос 1, 3 и по поводу корзины.. спасибо.  

И еще возможно ширину каталога уменьшить до границ меню.. спасибо)

Здравствуйте. Если речь идет об аккаунте: 226302 , то он значится заблокированным

#15 Alan

Alan

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

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

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

я знаю я редактирую щас и потом оплачу.

#16 MikDark

MikDark

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

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

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

Просмотр сообщенияAlan (24 Сентябрь 2014 - 09:48) писал:

я знаю я редактирую щас и потом оплачу.

У Вас сейчас не отображаются синие поля, которые на скриншоте, номер телефона не видно.
И еще у вас 2 js ошибки, чтобы их исправить, в шаблоне main.js найдите:
/* Меню-аккардеон. Каталог */
jQuery(document).ready(function () {
 
  jQuery("ul.accordion li.parent").each(function(){
	jQuery(this).append('<em class="open-close down"><span style="width: 34px;height: 46px;padding: 10px;position: absolute;border: 2px solid rgba(253, 2, 2, 0);display: block;transform: rotateZ(45deg);top: -16px;left: -4px;">&nbsp;</span></em>');
  });
 
jQuery('ul.accordion').accordion();
 
jQuery("ul.accordion li.active").each(function(){
  jQuery(this).children().next("ul").css('display', 'block');
});
});
/*END Меню-аккардеон. Каталог */

и

/*заупуск слайдера на главной*/
  $(window).load(function() {
	$('.flexslider').flexslider({
	  animation: "fade",
	  pauseOnHover: true,
	  touch: true,
	  animationSpeed: 1300,
	 slideshowSpeed: 6500,
	smoothHeight: false,
	controlNav: false,
	  directionNav: true
	});
  });
/*END заупуск слайдера на главной*/

и удалите эти коды

#17 Alan

Alan

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

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

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

удалил ..все ровно остаются ошибки..

#18 Alan

Alan

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

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

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

Остались вопросы..

1)перенести по стрелке все это что выделил.
2)перенести под телефон
3)как менять цвет шрифтов?
4)как сузить границы каталога до границ меню спасибо!

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

  • aaaaa.jpg

#19 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияAlan (24 Сентябрь 2014 - 10:40) писал:

Остались вопросы..

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

#20 Ирина345

Ирина345

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

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

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

Просмотр сообщенияAlan (24 Сентябрь 2014 - 10:40) писал:

Остались вопросы..

1)перенести по стрелке все это что выделил.
2)перенести под телефон
3)как менять цвет шрифтов?
4)как сузить границы каталога до границ меню спасибо!
Здравствуйте,
1. Найдите в HTML
<div class="logo">
			 <a href="http://{NET_DOMAIN}">
			  <img src="{ASSETS_IMAGES_PATH}lux a bijou.jpg?design=chameleon"/>
			 </a>
			</div><!--END logo-->
		   </div><!--END cols col-12-->		
		  </div><!--END row-->
замените на

<div class="logo">
			 <a href="http://{NET_DOMAIN}">
			  <img src="{ASSETS_IMAGES_PATH}lux a bijou.jpg?design=chameleon"/>
			 </a>
			</div><!--END logo-->
<div>
 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						  
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}
							</a>
						  </div>
						{% ENDIF %}</div>
		   </div><!--END cols col-12-->		
		  </div><!--END row-->

3. найдите
.ftheme-color {
color: rgb(73, 129, 102)!important;
}
меняете значение color: rgb(73, 129, 102)
}
4 найдите в main.css
.contwrap {
width: 70%;
margin: 25px auto 0 auto;
min-height: 730px;
}
меняете значение width: 70%; меняете ширину блока.
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Хамелеон
  5. → Главная
  6. Privacy Policy