0 Пользователей и 1 Гость просматривают эту тему.
  • 15 Ответов
  • 1231 Просмотров
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Прочитал одну из ваших тем "Фиксированное горизонтальное меню Joomla 2.5" и решил установить  на сайте. Все зафиксировал.Но проблема в том, что и все пункты меню выровнялись в верхнем левом углу. Кто может помочь? Вот стиль.ксс.
Код
.sj-flat-menu {
background-color:#FFF;
text-align:left;
border: 1px solid #72d7ff;
}

ul.sj-flat-menu ,
ul.sj-flat-menu ul {
list-style:none ;
margin:0;
padding:0;
}

.sj-flat-menu     li{
background-color: rgba(112, 168, 0, 0.15);
padding-left:5px;
cursor: pointer;
border-bottom: 1px solid #70a800;
}

.sj-flat-menu .fm-item:hover a,
.sj-flat-menu li.fm-active > .fm-item a{
color: #FFFFFF;
    outline-style: style-line;
    border: none;
}

.sj-flat-menu li .fm-item .fm-link {
padding-left:5px;
position:relative;
display: block;
    margin-right: 25px;
}

.flyout-menu  li ul{
background: none repeat scroll 0 0 #121212;
    border: 1px solid #72d7ff;
    margin: 0;
    padding: 0;
    min-width: 200px;
}

.sj-flat-menu  li ul li .fm-item a {
padding-left: 26px;
background : url(../images/icon_dot.png) no-repeat left center;
display:inline-block;
    background-size: 6px;
}

.sj-flat-menu li .fm-item .fm-button {
width: 16px;
height: 18px;
margin: 0;
overflow: hidden;
    position:absolute;
right:3px;
top:50%;
margin-top:-10px;
}

.sj-flat-menu > li .fm-item{
position:relative;
}

.sj-flat-menu > li .fm-item a {
font-weight: bold;
    color: #ffffff;
    line-height: 26px;
    outline: none;
}

.sj-flat-menu  a img {
vertical-align:middle;
border: 0 none;
    height: auto;
    max-width: 32px;
width:32px;
padding:0 5px 0 0;

}
.sj-flat-menu  li.fm-last,
.sj-flat-menu  li ul li.fm-last{
    border: 0;
}

.flyout-menu  li .fm-container{
position: absolute;
    top: -1px;
display: none;
z-index: 1000;
padding:0;
}

.flyout-menu > li{
position: fixed;
z-index: 99;
top: 0%; 
right: 0%; 
left: 0%;
}

.flyout-menu  li li{
position: relative;
}

.flyout-menu.horizontal{
width:100%;
}
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
ссылку на сайт давайте, кто вам будет в уме код отрисовывать?
http://www.shvidkadopomoga.co.ua/
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
добавить
Код
#block-toolbar {
    position: fixed;
    width: 100%;
    z-index: 10;
}


исправить
Код
.flyout-menu > li {
    position: fixed;  - УБРАТЬ
Это все встиль.ксс?
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
нет. это - тайное послание в Альфа-Центавру.

спасибо друг!
нет. это - тайное послание в Альфа-Центавру.

Спасибо друг! А как его теперь растянуть на всю ширину страницы? Добавить width:100%;
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
layout.css - убрать float у #search
+ сделать весь фон верхней полосы зеленым
Я понял.Но почему-то ссулки в меню не работают.
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
layout.css - убрать float у #search
+ сделать весь фон верхней полосы зеленым
Спасибо с ссылками разобрался! Сейчас попробую с Фоном!
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Спасибо огромное! Как + поставить тебе, друг?
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
набрать 10 сообщений, чтобы можно было плюсовать ).
но более ценно будет помочь кому-нибудь из местных вопрошающих ).
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
набрать 10 сообщений, чтобы можно было плюсовать ).
но более ценно будет помочь кому-нибудь из местных вопрошающих ).
Спасибо!Буду пробовать.
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
набрать 10 сообщений, чтобы можно было плюсовать ).
но более ценно будет помочь кому-нибудь из местных вопрошающих ).
А может еще подскажешь. Как сделать, что бы это меню не пропадало при сжатом виде окна, а то на мобильном оно пропадает.
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
ну по идее можно жестко попробовать прописать
Код
#toolbar {
 display:block !important;
}
но тогда надо будет условие для меню писать, чтобы оно откреплялось на мобильном виде, иначе каша будет.
изучай CSS @media, а шаблоны бери по-проще, чтобы понимать, что там происходит )
*

mazim

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
ну по идее можно жестко попробовать прописать
Код
#toolbar {
 display:block !important;
}
но тогда надо будет условие для меню писать, чтобы оно откреплялось на мобильном виде, иначе каша будет.
изучай CSS @media, а шаблоны бери по-проще, чтобы понимать, что там происходит )
Спасибо! Буду пробовать.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Озвучивание текста на сайте

Автор Cherr23

Ответов: 2
Просмотров: 2491
Последний ответ 29.08.2023, 19:26:50
от Bobbi86
Изменить размер видео на сайте

Автор MultiMatrix83

Ответов: 5
Просмотров: 1402
Последний ответ 15.08.2022, 07:57:42
от marksetter
Как сделать что бы заголовки статей на сайте были в теге <h1>?

Автор MultiMatrix83

Ответов: 10
Просмотров: 1592
Последний ответ 27.04.2022, 15:56:45
от MultiMatrix83
[Решено] title материалов и категорий без пунктов меню

Автор pharaoh

Ответов: 269
Просмотров: 58906
Последний ответ 03.02.2022, 02:45:26
от globus812
Как добавить описание к пункту меню в Joomla 2.5? (Как у материалов)?

Автор nia

Ответов: 7
Просмотров: 5385
Последний ответ 29.03.2021, 12:10:26
от sivers