Новости Joomla

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Главное в новой версии:

-   Исправлена загрузка файлов макетов

В предыдущем крупном релизе Astroid 3.3.6 были сделаны важные улучшения:

Основные моменты:

  • Улучшенный UI/UX в ключевых областях конфигурации
  • Повышенная стабильность и согласованность в Layout Builder и Form Builder
  • Исправления ошибок на основе отзывов сообщества
  • Улучшенная обработка визуальных эффектов, границ и шрифтов

Улучшения:

  • Обновленный UX Layout Builder
  • Улучшенный эффект предзагрузчика
  • Улучшенный стиль границ
  • Улучшенный UI/UX вкладки «Layout» в Template Options

Исправления ошибок:

  • Решены проблемы с некорректными динамическими значениями
  • Исправлен Color Transform при прокрутке
  • Устранены проблемы с работой Form Builder в Article Layout и Module Layout Builder
  • Исправлена проблема с созданием ненужных временных файлов при обработке шрифтов

Скачать: https://github.com/templaza/astroid-framework/releases/tag/v3.3.7

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Добрый день!
На моем сайте я сделал один дизайн меню слева и другой дизайн меню справа с помощью суффикса класса меню. Если нажать на пункт меню справа, то дизайн активного пункта меню он берет из левого меню (хотя в CSS я задал ему собственный дизайн). Активное меню сделал с помощью этого кода:
#current a {...}
Сам сайт: http://tuttomoto.ru

Как сделать так, что бы у активного пункта меню был собственный дизайн.
*

roket007

  • Захожу иногда
  • 113
  • 8 / 0
для активного меню с классом menu-2  нужно писать -     ul.menu-2 li#current a{...}

то есть чтобы обращаться к двум разным ul с разными классами (в данном случае это menu и menu-2) то нужно прописовать
сначала   ul.menu или же ul.menu-2
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Что-то не помогло. Помогите, пожалуйста. Вот весь код меню:
Код
.menu a{ 
display: block;
color: #E1E1E1;
font-weight:bold;
background: url(/templates/tatoomoto/images/m1.gif) no-repeat center left;
padding: 10px 0 10px 60px;
list-style: none;

margin: 0 0 1px 0;
text-decoration: none;
font-size: 14px;
}

#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}


.menu a:hover{color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;}



.menu-2 a{
display: block;
color: #E1E1E1;
font-weight:bold;
background: url(/templates/tatoomoto/images/nadmod.gif);
padding: 10px 0 10px 30px;
list-style: none;

margin: 0 0 1px 0;
text-decoration: none;
font-size: 14px;
}

ul.menu-2 li#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}


.menu-2 a:hover{color: #DBC047;
background: url(/templates/tatoomoto/images/nadmod.gif);
text-decoration: underline;}
*

roket007

  • Захожу иногда
  • 113
  • 8 / 0
Опишите как должна выглядеть ссылка в правом меню до клика и после клика! Верстку вам сделаю.
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
До клика, как сейчас. После клика, как при наведении. Верстку зачем, мне просто нужно сделать так, что бы правое меню не привязывалось к #current a {..} левого меню
*

roket007

  • Захожу иногда
  • 113
  • 8 / 0
Я если честно проверяя жуком не вижу класса
Код
ul.menu-2 li#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Сейчас зашел в CSS через админку сайта и скопировал код:
Код
/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */

/* #######################  GENERAL SETTINGS ############################ */
html.body{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666;
margin-top: 0px;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin-top: 0px;
}

/*  Global Formatting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{font-size: 12px;}
th{font-size: 12px;}
a {color: #660308;}
a:hover {color: #659FDE;}

a.image, a.image:hover  {border:0;}
li{ list-style: square;}
ul { list-style: square;}

/* #######################  END GENERAL SETTINGS ############################ */


/* ######################  LAYOUT SETTINGS       ############################## */
/* Add here Div Wrappers of table formatting to layouts custom stuff*/
/* ######################  LAYOUT SETTINGS       ############################## */

/*##################### NAVIGATION SECTION #####################*/
/* Pathway Breadcrumbs */
.pathway {font-size: 11px;color:#333;}
a.pathway:link {color:#659FDE;}
a.pathway:visited {color:#659FDE;}
a.pathway:active {color:#659FDE;}
a.pathway:hover {color:#659FDE;text-decoration:underline;}

/* Mainlevel menu */
#qwerty li {
display:block;
margin-left: -40px;
list-style:none;
color: #000000;
list-style-type: none;
}
#qwerty {

margin-top: -0px;
margin-bottom: -0px}


.menu a{
display: block;
color: #E1E1E1;
font-weight:bold;
background: url(/templates/tatoomoto/images/m1.gif) no-repeat center left;
padding: 10px 0 10px 60px;
list-style: none;

margin: 0 0 1px 0;
text-decoration: none;
font-size: 14px;
}

#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}


.menu a:hover{color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;}



.menu-2 a{
display: block;
color: #E1E1E1;
font-weight:bold;
background: url(/templates/tatoomoto/images/nadmod.gif);
padding: 10px 0 10px 30px;
list-style: none;

margin: 0 0 1px 0;
text-decoration: none;
font-size: 14px;
}

ul.menu-2 li#current-2 a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}


.menu-2 a:hover{color: #DBC047;
background: url(/templates/tatoomoto/images/nadmod.gif);
text-decoration: underline;}
/* End Mainlevel menu */

/* Sub Menu */

.menu ul a{
color: #000000;
background:none;
margin-left: 20px;
padding: 10px 0 10px 30px;

}

.menu ul a:hover{
color: #000000;
text-decoration: underline;


}

#current ul a {
color: #000000;
background: none;
text-decoration: none;

}

#current ul a:hover{
color: #000000;
background: none;
text-decoration: underline;

}
/* End Sub Menu */

/* Add Custom Menus */

/* Add Custom Menus */

/*##################### NAVIGATION SECTION #####################*/

/* ##################### STANDARD MODULE TABLE  #################*/
table.moduletable {
width: 100%;
padding: 0px;
margin: 0px;
}

table.moduletable th {
background: url(/templates/tatoomoto/images/nadmod.gif);
text-shadow: 0 1px 0 rgba(88, 0, 0, 1.5);
text-align:right;
padding: 10px;
color: #ffffff;
font-size: 16px;
}

table.moduletable td {height: 18px;}

/* Add here Custom Modules */

/* End Custom Modules */

/* ##################### END STANDARD MODULE TABLE  #################*/


/* #############  CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading {
font-size: 16px;

font-weight: bold;
color: #ffffff;
}

/* content title and links */
.contentpagetitle {background-color : White; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited
{text-decoration: none;font-weight: normal; color: #FF6600;border-bottom: 0px;}
a.contentpagetitle:hover {color: #000;border-bottom: 0px  dashed #CCCCCC;text-decoration: none;}

/* top box like a category description */
.contentdescription {background-color : White;}

/* Main Body Text */

/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #666; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small {color: #666;}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px;  color: #CC6600; }
.pagebar{font-size: 12px;}
.pagenav_prev{font-size: 14px;  color: #FF6600; }
.pagenav_next{font-size: 14px;  color: #FF6600; }
a.pagenav {color: #CC6600; border-bottom: 0;}
a.pagenav:hover {color: #659FDE; border-bottom: 0;}
.pagenavcounter{ height: 15px;  }
.back_button{font-size: 12px; height: 15px;  }

/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; color:#FF6600;font-weight: bold;
}


/* Article index  {mospagebreak} */
table.contenttoc {
padding: 0px;
margin: 2px;
font-size: 12px;
}

table.contenttoc th {
background: #2F3E57;
color: White;
}

table.contenttoc td {padding: 2px;}

/* Links article index */
a.toclink:hover, a.toclink:visited, a.toclink:link { height: 18px; }
/* End Article index  */

/*  component heading */
.componentheading {
    font-size: 1.5em;
    font-weight: bold;
    color: #659FDE;
    text-align:left;
    margin-top: 1.5em;
background-color: White;
}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color : #D3D3D3;
color : #333;
font-weight : bold;
border-collapse: collapse;
font-size: 11px;
}

/* Table odd and Even Rows */
.sectiontableentry1 {background-color : #FFFFFF;font-size: 11px;}
.sectiontableentry2 {background-color : #EBEBEB;font-size: 11px;}
.sectiontablefooter{ height: 18px; }
/* End Sectiontable */

/* Category */
.category {color:#333;}
a.category:link, a.category:visited, a.category:hover  { height: 15px;  }
/* End category */


/* blogsection */
.blog {background-color : #FFFFFF;}
.blogsection{ height: 18px;  }
.blog_more{ height: 18px; clear: both;}
.blog_heading { height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : #FFFFFF;}
/* End blogsection */

/* Search Form Module*/
.search {height: 18px;}
/* results if not search Google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
border: 1px dashed #010101;
background: #DDEEFF;
padding: 0px 2px 0px 2px;}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/


/* ##################### FORM SECTION  #####################*/
form{font-size: 12px}
input {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color:#FFFFFF; font-size: 13px; color: #333;
}
.inputbox {background: White;}
.text_area {background: White;}
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {border: 1px solid #999; background: #333;color: White;}

/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}
/* ##################### END FORM SECTION  ##################### */

/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
background-color: #f0f0f0;
   }

.code {
font-family: courier, serif;
font-size: 1.2em;
padding: 2px;
background-color: #f0f0f0;
color: blue;
border: 1px solid #d5d5d5;
margin: 0px;
width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1em;
color : #666;
text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #666666;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: bold;
color: #FFFFFF;
padding: .2em;
   }

.offtab {
background-color : #cccccc;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: normal;
padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {padding:1px;}

.tabheading {
background-color: #FF6600;
text-align: left;
   }

.pagetext {
visibility: hidden;
display: none;
   }

/*Body of the form*/
.adminform{background-color : #FFFFFF;}




ul#mainlevel-nav {
text-decoration: none;
list-style: none;
padding: 0;
margin: 0 0px;
float:left;
color:#E7A038;
}
ul#mainlevel-nav li {
width:180px;
float:left;
font-size:0.9em;
height:71px;
line-height:71px;

display:inline;
}
ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
font-size: 14px;
font-weight:bold;
text-align:center;
text-decoration:none;
white-space:nowrap;
display:block;
overflow:hidden;
color: #000000;
margin:0;
padding:0;
background: url(/templates/tatoomoto/images/knop1.png);
text-shadow: 0 2px 0 rgba(245, 214, 77, 1.5);
}
ul#mainlevel-nav #active_menu-nav {
white-space:nowrap;
background: url(/templates/tatoomoto/images/knop2.gif);
text-shadow: 0 1px 0 rgba(89, 0, 0, 1.5);
margin:0;
padding:0;
color: #ffffff;

}

ul#mainlevel-nav li a:hover {
white-space:nowrap;
background: url(/templates/tatoomoto/images/knop2.gif);
text-shadow: 0 1px 0 rgba(89, 0, 0, 1.5);
color: #ffffff;
margin:0;
padding:0;

}
/* ###################### End TABBED EDITING ###################### */
*

roket007

  • Захожу иногда
  • 113
  • 8 / 0
Вставте этот код!
Код
html.body{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666;
margin-top: 0px;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin-top: 0px;
}

/*  Global Formatting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{font-size: 12px;}
th{font-size: 12px;}
a {color: #660308;}
a:hover {color: #659FDE;}

a.image, a.image:hover  {border:0;}
li{ list-style: square;}
ul { list-style: square;}

/* #######################  END GENERAL SETTINGS ############################ */


/* ######################  LAYOUT SETTINGS       ############################## */
/* Add here Div Wrappers of table formatting to layouts custom stuff*/
/* ######################  LAYOUT SETTINGS       ############################## */

/*##################### NAVIGATION SECTION #####################*/
/* Pathway Breadcrumbs */
.pathway {font-size: 11px;color:#333;}
a.pathway:link {color:#659FDE;}
a.pathway:visited {color:#659FDE;}
a.pathway:active {color:#659FDE;}
a.pathway:hover {color:#659FDE;text-decoration:underline;}

/* Mainlevel menu */
#qwerty li {
display:block;
margin-left: -40px;
list-style:none;
color: #000000;
list-style-type: none;
}
#qwerty {

margin-top: -0px;
margin-bottom: -0px}


.menu a{
display: block;
color: #E1E1E1;
font-weight:bold;
background: url(/templates/tatoomoto/images/m1.gif) no-repeat center left;
padding: 10px 0 10px 60px;
list-style: none;

margin: 0 0 1px 0;
text-decoration: none;
font-size: 14px;
}

#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}


.menu a:hover{color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;}



.menu-2 a{
display: block;
color: #E1E1E1;
font-weight:bold;
background: url(/templates/tatoomoto/images/nadmod.gif);
padding: 10px 0 10px 30px;
list-style: none;

margin: 0 0 1px 0;
text-decoration: none;
font-size: 14px;
}

ul.menu-2 li#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}


.menu-2 a:hover{color: #DBC047;
background: url(/templates/tatoomoto/images/nadmod.gif);
text-decoration: underline;}
/* End Mainlevel menu */

/* Sub Menu */

.menu ul a{
color: #000000;
background:none;
margin-left: 20px;
padding: 10px 0 10px 30px;

}

.menu ul a:hover{
color: #000000;
text-decoration: underline;


}

#current ul a {
color: #000000;
background: none;
text-decoration: none;

}

#current ul a:hover{
color: #000000;
background: none;
text-decoration: underline;

}
/* End Sub Menu */

/* Add Custom Menus */

/* Add Custom Menus */

/*##################### NAVIGATION SECTION #####################*/

/* ##################### STANDARD MODULE TABLE  #################*/
table.moduletable {
width: 100%;
padding: 0px;
margin: 0px;
}

table.moduletable th {
background: url(/templates/tatoomoto/images/nadmod.gif);
text-shadow: 0 1px 0 rgba(88, 0, 0, 1.5);
text-align:right;
padding: 10px;
color: #ffffff;
font-size: 16px;
}

table.moduletable td {height: 18px;}

/* Add here Custom Modules */

/* End Custom Modules */

/* ##################### END STANDARD MODULE TABLE  #################*/


/* #############  CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading {
font-size: 16px;

font-weight: bold;
color: #ffffff;
}

/* content title and links */
.contentpagetitle {background-color : White; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited
{text-decoration: none;font-weight: normal; color: #FF6600;border-bottom: 0px;}
a.contentpagetitle:hover {color: #000;border-bottom: 0px  dashed #CCCCCC;text-decoration: none;}

/* top box like a category description */
.contentdescription {background-color : White;}

/* Main Body Text */

/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #666; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small {color: #666;}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px;  color: #CC6600; }
.pagebar{font-size: 12px;}
.pagenav_prev{font-size: 14px;  color: #FF6600; }
.pagenav_next{font-size: 14px;  color: #FF6600; }
a.pagenav {color: #CC6600; border-bottom: 0;}
a.pagenav:hover {color: #659FDE; border-bottom: 0;}
.pagenavcounter{ height: 15px;  }
.back_button{font-size: 12px; height: 15px;  }

/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; color:#FF6600;font-weight: bold;
}


/* Article index  {mospagebreak} */
table.contenttoc {
padding: 0px;
margin: 2px;
font-size: 12px;
}

table.contenttoc th {
background: #2F3E57;
color: White;
}

table.contenttoc td {padding: 2px;}

/* Links article index */
a.toclink:hover, a.toclink:visited, a.toclink:link { height: 18px; }
/* End Article index  */

/*  component heading */
.componentheading {
    font-size: 1.5em;
    font-weight: bold;
    color: #659FDE;
    text-align:left;
    margin-top: 1.5em;
background-color: White;
}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color : #D3D3D3;
color : #333;
font-weight : bold;
border-collapse: collapse;
font-size: 11px;
}

/* Table odd and Even Rows */
.sectiontableentry1 {background-color : #FFFFFF;font-size: 11px;}
.sectiontableentry2 {background-color : #EBEBEB;font-size: 11px;}
.sectiontablefooter{ height: 18px; }
/* End Sectiontable */

/* Category */
.category {color:#333;}
a.category:link, a.category:visited, a.category:hover  { height: 15px;  }
/* End category */


/* blogsection */
.blog {background-color : #FFFFFF;}
.blogsection{ height: 18px;  }
.blog_more{ height: 18px; clear: both;}
.blog_heading { height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : #FFFFFF;}
/* End blogsection */

/* Search Form Module*/
.search {height: 18px;}
/* results if not search Google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
border: 1px dashed #010101;
background: #DDEEFF;
padding: 0px 2px 0px 2px;}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/


/* ##################### FORM SECTION  #####################*/
form{font-size: 12px}
input {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color:#FFFFFF; font-size: 13px; color: #333;
}
.inputbox {background: White;}
.text_area {background: White;}
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {border: 1px solid #999; background: #333;color: White;}

/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}
/* ##################### END FORM SECTION  ##################### */

/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
background-color: #f0f0f0;
   }

.code {
font-family: courier, serif;
font-size: 1.2em;
padding: 2px;
background-color: #f0f0f0;
color: blue;
border: 1px solid #d5d5d5;
margin: 0px;
width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1em;
color : #666;
text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #666666;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: bold;
color: #FFFFFF;
padding: .2em;
   }

.offtab {
background-color : #cccccc;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: normal;
padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {padding:1px;}

.tabheading {
background-color: #FF6600;
text-align: left;
   }

.pagetext {
visibility: hidden;
display: none;
   }

/*Body of the form*/
.adminform{background-color : #FFFFFF;}




ul#mainlevel-nav {
text-decoration: none;
list-style: none;
padding: 0;
margin: 0 0px;
float:left;
color:#E7A038;
}
ul#mainlevel-nav li {
width:180px;
float:left;
font-size:0.9em;
height:71px;
line-height:71px;

display:inline;
}
ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
font-size: 14px;
font-weight:bold;
text-align:center;
text-decoration:none;
white-space:nowrap;
display:block;
overflow:hidden;
color: #000000;
margin:0;
padding:0;
background: url(/templates/tatoomoto/images/knop1.png);
text-shadow: 0 2px 0 rgba(245, 214, 77, 1.5);
}
ul#mainlevel-nav #active_menu-nav {
white-space:nowrap;
background: url(/templates/tatoomoto/images/knop2.gif);
text-shadow: 0 1px 0 rgba(89, 0, 0, 1.5);
margin:0;
padding:0;
color: #ffffff;

}

ul#mainlevel-nav li a:hover {
white-space:nowrap;
background: url(/templates/tatoomoto/images/knop2.gif);
text-shadow: 0 1px 0 rgba(89, 0, 0, 1.5);
color: #ffffff;
margin:0;
padding:0;

}
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Та же хрень
*

roket007

  • Захожу иногда
  • 113
  • 8 / 0
А что бы вы поняли конкретно к активному пункту меню-2 имеет прямой доступ и главный вот эти строки:
Код
ul.menu-2 li#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}
и что вы в них напишете так и будет отображаться!
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
не работает же
*

roket007

  • Захожу иногда
  • 113
  • 8 / 0
Хрень таже потому что у тебя что
здесь один стиль
Код
#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}
что здесь тоже самое:
Код
ul.menu-2 li#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}
*

roket007

  • Захожу иногда
  • 113
  • 8 / 0
Поменяй здесь:
Код
ul.menu-2 li#current a {
color: #DBC047;
background: url(/templates/tatoomoto/images/m2.gif) no-repeat center left;
text-decoration: underline;
}
к примеру на
Код
ul.menu-2 li#current a {
color: #DBC047;
background:none;
text-decoration: underline;
}
будет другая хрень!
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Супер! Спасибо, при копировании затупил :)
*

roket007

  • Захожу иногда
  • 113
  • 8 / 0
А вообще юзай FireFoxe а там FireBug, очень полезная штука при клепке сайта! (это конечно если ты не юзаешь:) )
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор vasilii.pupkov

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

Автор DrShepard

Ответов: 10
Просмотров: 3034
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Расположить элементы без класса

Автор AlexB

Ответов: 4
Просмотров: 1063
Последний ответ 21.01.2021, 12:47:08
от AlexB
Как закруглить края выпадающего меню?

Автор coliandra

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

Автор coliandra

Ответов: 2
Просмотров: 1429
Последний ответ 27.11.2020, 11:33:58
от coliandra