повторю, буду более конкретен. не получается сделать горизонтальное меню, проблема как я понимаю в следующем.. вобщем для начала кину код а под конец вопрос.
структура мого модуля: файл modules.php
<?php
// no direct access
defined('_JEXEC') or die('Restricted access');
function modChrome_leftmenu($module, &$params, &$attribs)
{ ?>
<div class="module<?php echo $params->get('moduleclass_sfx'); ?>">
<div>
<?php if ($module->showtitle != 0) : ?>
<h3><?php echo $module->title; ?></h3>
<?php endif; ?>
<div>
<?php echo $module->content; ?>
</div>
</div>
</div>
<?php
}
?>
а вот таблица стилей для мого верхнего горизонтального меню, которое не работает так как нужно: файл top_menu.css
.module_topmenu{
margin:0px;
padding:0px;
min-width:325px;
height:130px;
}
.module_topmenu div{
margin:0px;
padding:0px;
}
.module_topmenu div div{
margin:0px;
padding:0px;
height:130px;
width:153px;
float:left;
text-align:center;
background-color:#CC3300;
background-image:url(../images/mane_menu/home.png);
background-repeat:no-repeat;
background-position: 44px 10px;
}
.module_topmenu ul li a:link, .module_topmenu ul li a:visited{
margin:0px;
margin-left:-40px;
padding:0px;
height:130px;
width:153px;
float:left;
font-size:16px;
line-height:175px;
border-right:1px;
font-family:"trebuchet MS";
text-decoration:none;
color:#58b3cc;
}
.module_topmenu ul li a:hover{
margin:0px;
margin-left:-40px;
padding:0px;
height:130px;
width:153px;
float:left;
font-size:16px;
line-height:175px;
font-family:"trebuchet MS";
text-decoration:none;
color:#00588c;
}
.module_topmenu ul li{
list-style:none;
}
вот таблица стилей для вертикального левого меню которое отлично работает: файл left_menu.css
.module_menu{
margin:0px;
padding:0px;
width:221px;
min-height:200px;
}
.module_menu div{
margin:0px;
padding:0px;
background-image:url(../images/left_menu/left_menu_name.png);
background-repeat:repeat-x;
background-position: 0px 31px;
}
.module_menu div h3{
margin:0px;
padding:0px;
text-align:left;
font-size:20px;
font-weight:bold;
font-family:"trebuchet MS";
color:#58b3cc;
}
.module_menu div div{
margin:0px;
padding:0px;
background-image:url(../images/left_menu/left_menu_bar.png);
background-position: 0px 33px;
background-repeat:repeat-y;
}
.module_menu ul li a:link, .module_menu ul li a:visited{
margin:0px;
padding:0px;
text-align:left;
font-size:16px;
line-height:37px;
font-family:"trebuchet MS";
text-decoration:none;
color:#58b3cc;
}
.module_menu ul li a:hover{
margin:0px;
padding:0px;
text-align:left;
font-size:16px;
line-height:37px;
font-family:"trebuchet MS";
text-decoration:none;
color:#00588c;
}
.module_menu ul li{
list-style:none;
}
подключение модулей: файл index.php
<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vizit2/css/template.css">
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vizit2/css/left_menu.css">
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vizit2/css/top_menu.css">
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vizit2/css/ie7_6.css">
<![endif]-->
<!--[if lte IE 6]>
<script src="<?php echo $this->baseurl ?>/templates/vizit2/js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix("#logo,#mane_menu_block1,#mane_menu_block2,#mane_menu_block3,#mane_menu_block4,#mane_menu_block5");
</script>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vizit2/css/ie.css">
<![endif]-->
</head>
<body>
<div id="contayner">
<div id="header">
<div id="head_block1">
<div id="header_sitemap">
</div>
<div id="header_home">
</div>
<div id="header_mail">
</div>
</div>
<div id="head_block2">
</div>
<div id="head_block3">
</div>
</div>
<div id="mane_block">
<div id="menu">
<div id="logo">
</div>
<div id="mane_menu">
<?php if($this->countModules('top_menu')) : ?>
<jdoc:include type="modules" name="top_menu" style="leftmenu" />
<?php endif; ?>
</div>
</div>
<div id="side_menu">
<div id="left_menu">
<div id="side_menu_bar">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="leftmenu" />
<?php endif; ?>
</div>
</div>
<div id="kontakti">
<div id="name_kontakti">name_kontakti
</div>
<div id="kontakti_bar">kontakti_bar
</div>
</div>
</div>
<div id="mane_body">
<jdoc:include type="component" />
</div>
</div>
</div>
<div id="up_footer">
</div>
<div id="footer">
<div id="footer1">
<div id="mini_znachki">
</div>
<div id="footer_menu">
</div>
<div id="licenz">
<?php if($this->countModules('licenz')) : ?>
<jdoc:include type="modules" name="licenz" style="leftmenu" />
<?php endif; ?>
</div>
</div>
</div>
</body>
</html>
Главная проблема в том, что не могу сделать верхнее меню горизонтальным. теперь разобью всю проблему на вопросы:
1).module_menu ul li a: это для корректирования ссылок меню когда в админке Joomla отображение меню стоит List. как управлять ссылками когда в админке стоит Legacy - Vertikal или Legacy - Horizontal
2) в стиле .module_topmenu div div{} прописал нарошно бекграунд-колор, и оказывается он отвечает только за первый пункт меню. стиль левого меню .module_menu div div{} при прописке цвета фона изменил фон всем пунктам. вопрос: почему во втором случае этот стиль влияет на все пункты а в первом только на первый пункт.
3) почему оно не делается горизонтальным, при том что по всех законах блоки должны отображаться горизонтально.
4) где именно используется вот эта вещь: style="leftmenu" и где она прописывается?
С Joomla я на начальным этапах ознакомления поэтому очень нуждаюсь в помощи. если есть ответ хоть на один вопрос напишите. нужна доп информация скажите какая.
Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.
С 29 декабря 2025 года по 7 января 2026 года будет действовать скидка 26% на все заказы от $50.
Предложение распространяется на весь ассортимент продукции.
Подробности и полный каталог расширений доступны по ссылке:
https://nevigen.com/ru
#joomshopping
29.12.2021, 23:15:38