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


Вопросы По Шапке Сайта


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

#1 МарияФФ

МарияФФ

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

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

Отправлено 27 Февраль 2018 - 14:24

Еще вопросы по шапке сайта:
1. надо сделать значок телефона перед надписью телефон (голубой, как в подвале сайта)
2. сам номер телефона написать более крупно и не черным, а серым (как надпись "телефон" и "режим работы")
3. значок часов перед режимом работы сделать голубой, как в подвале
4. можно сделать, чтобы длина строки с телефоном была равна длине строки с режимом работы?

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

  • скрин_телефон.jpg


#2 Влад123123

Влад123123

    Новичок

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

Отправлено 01 Март 2018 - 15:10

Как закрепить шапку сайта в шаблоне спорт?

#3 Firefly

Firefly

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

  • Модераторы
  • 3 786 сообщений

Отправлено 01 Март 2018 - 19:29

Просмотр сообщенияВлад123123 (01 Март 2018 - 15:10) писал:

Как закрепить шапку сайта в шаблоне спорт?

Здравствуйте.
В конце шаблона main.js добавьте код:
// Функция фиксации шапки
jQuery(document).ready(function($){
  if(getClientWidth() > 750){
	if($('#header')){
	  $('#header').stick_in_parent({
		sticky_class: 'keep-menu'
	  });
	}
  }
});

В конец шаблона forall.js добавьте код:
/*
Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net
*/
(function(){var a,c;a=this.jQuery||window.jQuery;c=a(window);a.fn.stick_in_parent=function(j){var g,o,m,h,e,l,f,b,i,s,r;null==j&&(j={});r=j.sticky_class;e=j.inner_scrolling;s=j.recalc_every;i=j.parent;b=j.offset_top;f=j.spacer;o=j.bottoming;null==b&&(b=0);null==i&&(i=void 0);null==e&&(e=!0);null==r&&(r="is_stuck");g=a(document);null==o&&(o=!0);m=function(U,S,N,L,E,J,M,A){var B,w,O,K,q,T,R,t,p,k,Q,P;if(!U.data("sticky_kit")){U.data("sticky_kit",!0);q=g.height();R=U.parent();null!=i&&(R=R.closest(i));if(!R.length){throw"failed to find stick parent"}B=O=!1;(Q=null!=f?f&&U.closest(f):a("<div />"))&&Q.css("position",U.css("position"));t=function(){var u,d,n;if(!A&&(q=g.height(),u=parseInt(R.css("border-top-width"),10),d=parseInt(R.css("padding-top"),10),S=parseInt(R.css("padding-bottom"),10),N=R.offset().top+u+d,L=R.height(),O&&(B=O=!1,null==f&&(U.insertAfter(Q),Q.detach()),U.css({position:"",top:"",width:"",bottom:""}).removeClass(r),n=!0),E=U.offset().top-(parseInt(U.css("margin-top"),10)||0)-b,J=U.outerHeight(!0),M=U.css("float"),Q&&Q.css({width:U.outerWidth(!0),height:J,display:U.css("display"),"vertical-align":U.css("vertical-align"),"float":M}),n)){return P()}};t();if(J!==L){return K=void 0,T=b,k=s,P=function(){var d,n,v,u;if(!A&&(v=!1,null!=k&&(--k,0>=k&&(k=s,t(),v=!0)),v||g.height()===q||t(),v=c.scrollTop(),null!=K&&(n=v-K),K=v,O?(o&&(u=v+J+T>L+N,B&&!u&&(B=!1,U.css({position:"fixed",bottom:"",top:T}).trigger("sticky_kit:unbottom"))),v<E&&(O=!1,T=b,null==f&&("left"!==M&&"right"!==M||U.insertAfter(Q),Q.detach()),d={position:"",width:"",top:""},U.css(d).removeClass(r).trigger("sticky_kit:unstick")),e&&(d=c.height(),J+b>d&&!B&&(T-=n,T=Math.max(d-J,T),T=Math.min(b,T),O&&U.css({top:T+"px"})))):v>E&&(O=!0,d={position:"fixed",top:T},d.width="border-box"===U.css("box-sizing")?U.outerWidth()+"px":U.width()+"px",U.css(d).addClass(r),null==f&&(U.after(Q),"left"!==M&&"right"!==M||Q.append(U)),U.trigger("sticky_kit:stick")),O&&o&&(null==u&&(u=v+J+T>L+N),!B&&u))){return B=!0,"static"===R.css("position")&&R.css({position:"relative"}),U.css({position:"absolute",bottom:S,top:"auto"}).trigger("sticky_kit:bottom")}},p=function(){t();return P()},w=function(){A=!0;c.off("touchmove",P);c.off("scroll",P);c.off("resize",p);a(document.body).off("sticky_kit:recalc",p);U.off("sticky_kit:detach",w);U.removeData("sticky_kit");U.css({position:"",bottom:"",top:"",width:""});R.position("position","");if(O){return null==f&&("left"!==M&&"right"!==M||U.insertAfter(Q),Q.remove()),U.removeClass(r)}},c.on("touchmove",P),c.on("scroll",P),c.on("resize",p),a(document.body).on("sticky_kit:recalc",p),U.on("sticky_kit:detach",w),setTimeout(P,0)}}};h=0;for(l=this.length;h<l;h++){j=this[h],m(a(j))}return this}}).call(this);

И в main.css добавьте код:
#header.keep-menu {background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);height: 80px;padding: 0;z-index: 100;position: fixed !important;top: 0 !important;}


#4 Влад123123

Влад123123

    Новичок

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

Отправлено 04 Март 2018 - 15:18

Все сделал, шапка действительно опускается,но выглядит не очень хорошо. Хотелось бы убрать поиск , номер телефона, регистрацию и вход, меню и корзину поднять на один уровень с логотипом, и сделать шапку чуть поуже.Спасибо.
пример1.png

#5 Firefly

Firefly

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

  • Модераторы
  • 3 786 сообщений

Отправлено 05 Март 2018 - 14:49

Просмотр сообщенияВлад123123 (04 Март 2018 - 15:18) писал:

Все сделал, шапка действительно опускается,но выглядит не очень хорошо. Хотелось бы убрать поиск , номер телефона, регистрацию и вход, меню и корзину поднять на один уровень с логотипом, и сделать шапку чуть поуже.Спасибо.
Прикрепленный файл пример1.png

Здравствуйте.
Изменения Вам внес для основной и мобильной версии. Проверьте результат, пожалуйста.

#6 Влад123123

Влад123123

    Новичок

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

Отправлено 05 Март 2018 - 18:26

Просмотр сообщенияFirefly (05 Март 2018 - 14:49) писал:

Здравствуйте.
Изменения Вам внес для основной и мобильной версии. Проверьте результат, пожалуйста.
Ответил вам в сообщениях




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

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