Jump to content
Sign in to follow this  
Babanov

Стили

Recommended Posts

Ребят подскажите пожалуйста что нужно прописать в стилях чтобы они были фиксированы то есть чтобы пользователь мог прокручивать только контентpost-219-0-21088300-1449852512_thumb.jpg

 

стили боковой панели

.navigation {

  list-style: none;
  margin: 0 0 35px 0;
  padding: 0;
  border-bottom: 1px solid #49565D;
}
.navigation li {
  position: relative;
}
.navigation > li {
  border-top: 1px solid #49565D;
  position: relative;
}

.navigation > li.active > a, 
.navigation > li.active:hover > a, 
.navigation > li.active:focus > a {
  color: #fff;
  background-color: #65B688;
  border-color: #65B688;
}
.navigation > li.active > a > i {
  opacity: 1;
  filter: alpha(Opacity=100);
}
.navigation > li > a {
  color: rgba(255,255,255,0.8);
  padding: 13px 40px 14px 14px;
  display: block;
  border-left: 3px solid transparent;
}
.navigation > li:hover > a {
  color: #fff;
  border-left: 3px solid #EE8366;
  background-color: #2C3A42;
}
.navigation > li:hover > a > i {
  opacity: 1;
  filter: alpha(Opacity=100);
}
.navigation > li > a > i {
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 13px;
  opacity: 0.8;
  filter: alpha(Opacity=80);
}
.navigation > li ul {
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.15);
  font-size: 11px;
  list-style: none;
  z-index: 1010;
}


.sidebar-narrow .navigation > li > ul {
  background-color: #2D3A42;
}

.navigation > li ul > li {
  border-top: 1px solid rgba(255,255,255,0.05);
}
.navigation > li ul > li:first-child {
  border-top: 0;
}
.navigation > li ul > li.active.has-ul > a, .navigation > li ul > li.active.has-ul > a:hover {
  background-color: #4A5D64;
}

.navigation > li ul > li.active > a, .navigation > li ul > li.active > a:hover {
  background-color: rgba(0,0,0,0.2);
}



.navigation > li ul > li.has-ul > a:after {
  content: "";
  background: url(../images/interface/plus.png) no-repeat;
  opacity: 0.4;
  filter: alpha(Opacity=40);
  margin-top: 4px;
  float: right;
  width: 7px;
  height: 7px;
  margin-right: 2px;
}

.navigation > li ul > li.has-ul > a:hover:after,
.navigation > li ul > li.active.has-ul > a:after {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.navigation > li ul > li.active.has-ul > a:after {
  content: "";
  width: 7px;
  height: 7px;
  background: url(../images/interface/minus.png) no-repeat;
}


.navigation > li ul > li.active > a:after {
  content: "";
  width: 5px;
  height: 9px;
  opacity: 0.9;
  filter: alpha(Opacity=90);
  margin: 4px 2px 6px 0;
  float: right;
  background: url(../images/interface/nav_arrow_right.png) no-repeat;
}

.navigation > li ul > li > a {
  display: block;
  padding: 13px 14px 14px 24px;
}

.navigation > li ul li a {
  color: rgba(255, 255, 255, 0.8);
}

.navigation > li ul li a:hover,
.navigation > li ul li a:focus,
.navigation > li ul li.active > a {
  color: #fff;
}


.navigation > li ul > li > a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.navigation > li ul > li > a .label {
  position: absolute;
  top: 9px;
  right: 12px;
}
.navigation > li ul > li.active > a .label {
  right: 30px;
}
.navigation > li ul li ul a {
  display: block;
}

.navigation > li ul > li > ul > li > a {
  padding-left: 30px;
}
.navigation > li ul > li > ul > li > ul > li > a {
  padding-left: 36px;
}

.navigation li.disabled a {
  opacity: 0.4;
  filter: alpha(Opacity=40);
  cursor: not-allowed;
}
.navigation li.disabled:hover a {
  background: none;
  border-color: transparent;
}
.navigation ul li.disabled:hover a {
  color: #ccc;
}
.navigation > li.disabled:hover > a:after, 
.navigation > li.disabled:hover > a > i {
  opacity: 0.5;
  filter: alpha(Opacity=50);
}

стили хеадера

.navbar {
  z-index: 1000;
  min-height: 54px;
  border-radius: 0;
  margin: 0;
  border: 0;
}

.navbar-fixed {
  padding-top: 54px;
}

.navbar-fixed-top, 
.navbar-fixed-bottom {
  position: fixed;
}
Edited by Babanov

Share this post


Link to post
Share on other sites

position: fixed; Прописывай где тебе нужно.

спасибон кэп но твой ответ тут не уместен! тебе так не кажется ?

 

З.Ы. Я  по моему задал конкретный вопрос и хотел бы получить конкретный ответ!

Edited by Babanov
  • Downvote 1

Share this post


Link to post
Share on other sites

спасибон кэп но твой ответ тут не уместен! тебе так не кажется ?

 

З.Ы. Я  по моему задал конкретный вопрос и хотел бы получить конкретный ответ!

Тебе дали конкретный ответ.Нет? тогда учи css, и не нужно на ответ говорить что он не уместен.

Position - позиция

fixed - зафиксировать

Что не понятного?Элементарный английский + знания css

 

+ ты сбросил стили, без html кода..Как по твоему мы определим куда именно нужно вставить position:fixed; ????

Немного логики.

  • Upvote 1

Share this post


Link to post
Share on other sites

спасибон кэп но твой ответ тут не уместен! тебе так не кажется ?

 

З.Ы. Я  по моему задал конкретный вопрос и хотел бы получить конкретный ответ!

Да и как ты определил "уместен" ответ или "не уместен", если ты сам не знаешь каков правильный?

Тебе человек вон правильно сказал, что fixed решит твой вопрос. А писать "не уместен" и ждать пока кто-то начнёт в твой стиль смотреть - не стоит. Лучше сам соображай в какие классы его нужно прописать, так хоть что-то в голове отложится...

Share this post


Link to post
Share on other sites

На шапке и левом меню пропиши в стилях position:fixed, затем посмотри что получится. Класс content должен уехать вверх до значения top:0px

В content пропиши стиль margin-top:  к примеру 50px (в зависимости от высоты шапки) и все должно работать. Ах да, если еще и контент уедет влево за пределы левого меню, то и тут аналогично нужно прописать в стилях margin-left: 100px (так же зависит от ширины левого меню). Вообщем как то так. А то что ты скинул строки стилей, это ничего не значит, никто не знает где какой стиль прописан в майне.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

×