Новости Joomla

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

keltkelt

  • Новичок
  • 9
  • 0 / 0
Делаю по этому уроку     http://htmlbook.ru/faq/kak-sdelat-ramku-so-skruglennymi-ugolkami

Шаблон стандартный beez_20. Меню расположено Left top.

Это я прописываю в файле position.css, точнее вставляю в имеющийся.

Код
/* ++++++++++++++  nav after content  ++++++++++++++ */
.left
{
        padding-top:0px;
        float:right;
        margin:10px 0px 10px 0%;
        width: 22%;
        position:relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1
{
    padding:0px 0 0 0px;
    float: left;
    margin:10px 3% 10px 0px;
    width: 21%;
    position:relative
   
}

.leftbigger
{
     width:25%;
     border: 2px #808080 solid  /* НАЧАЛО МОЕГО КОДА  */
}

em.bt, em.bt b, em.bb, em.bb b {
    display: block; /* Блочный элемент */
    height: 10px; /* Высота уголка */
    font-size: 0; /* Размер шрифта */
    background:url(83_2.png) no-repeat; /* Путь к файлу с уголками */
    position: relative; /* Относительное позиционирование */
   }
   em.bt {
    top: -2px; /* Сдвигаем левый верхний уголок вверх */
    left: -2px; /* Сдвигаем влево */
   }
   em.bt b {
    background-position:  100% -10px; /* Рисунок сдвигается к следующему уголку */
    left: 4px; /* Сдвигаем вправо */
   }
   em.bb { background-position: 0 -20px; top: 2px; left: -2px; }
   em.bb b { background-position: 100% -30px; left: 4px; }
   
/* КОНЕЦ МОЕГО КОДА  */






А это вставляю в шаблон beez_20.

Код
<div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
                                                             
<em class="bt"><b>&nbsp;</b></em>   <!-- Мой код1 -->
   
                                                         
                                                                 
                                                         
                                                         
                                                                 <jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
                                                                <jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
                                                                <jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"  id="3" />
                                                         
<em class="bb"><b>&nbsp;</b></em>     <!-- Мой код2 -->



                                                        </div><!-- end navi -->


*

rewuxiin

  • Давно я тут
  • 544
  • 38 / 6
Цитировать
(83_2.png)

путь вникуда
*

keltkelt

  • Новичок
  • 9
  • 0 / 0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3440
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2976
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1463
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1381
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1627
Последний ответ 20.07.2020, 11:18:44
от kuraev64