Classe 'mainlevel' não funcionando. CSS - Criação de Tema

Fabio Pittol · Mensagem por **Fabio Pittol** » 22 Jul 2007, 22:12

Oi galera...hoje li uns tutoriais de criação de template e todos se referiam ao menu como "ul#mainlevel" porém eu coloquei isto no CSS do meu template, mas num afeta em nada o menu. Tentei ajustar de diversas maneiras mas nada muda.

Enfim consegui uma solução que ao invés de controlar a List controla a Tabela gerada na página final. Mas controlar tabela via CSS não é a melhor coisa, ainda mais quando não se pode alterar os valores da tabela no código-fonte.

Alguém sabe porque o id da lista num tá funcionando???
Coloquei abaixo o index.php e o CSS dele configurando as tabelas e não as lists.

INDEX.PHP

Código: Selecionar todos

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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">
  <head>
    <?php mosShowHead(); ?>
<?php
if ( $my->id ) {
	initEditor();
}
    ?>
    <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    <link href="<?php echo $mosConfig_live_site;?>/templates/simfactor/css/template_css.css" rel="stylesheet" type="text/css" />
  </head>
<body>

<div id="wrap">

<div id="banner">
<img src="../images/banner.jpg" border="0" />   
</div>

<div id="header">
<span><?php echo $mosConfig_sitename; ?> <?php mospathway() ?></span>
</div>


<div id="sidebar">
<div id="menutop"><img src="../images/menu_top.jpg" border="0" /></div>
<?php mosLoadModules('left');?>
<div id="menubottom"><img src="../images/menu_bottom.jpg" border="0" /></div>
</div>



<div id="sidebar">
<div id="menutop"><img src="../images/menu_top.jpg" border="0" /></div>
<?php mosLoadModules('user2');?>
<div id="menubottom"><img src="../images/menu_bottom.jpg" border="0" /></div>
</div>



<div id="sidebarX">
<div id="menutop"><img src="../images/menu_top.jpg" border="0" /></div>
<?php mosLoadModules('user3');?>
<div id="menubottom"><img src="../images/menu_bottom.jpg" border="0" /></div>
</div>


<div id="content">
<div class="inside">
<?php mosMainBody(); ?>
</div>
</div>

<div id="sidebar-2">
<div id="menutop"><img src="../images/menu_top.jpg" border="0" /></div>
<?php mosLoadModules('right');?>
<div id="menubottom"><img src="../images/menu_bottom.jpg" border="0" /></div>
</div>

<div id="footer">
<?php include_once( $mosConfig_absolute_path .'/includes/footer.php');?>
</div>

</div> <!--end of wrap-->

<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>

CSS

Código: Selecionar todos

@charset "utf-8";
/* CSS Document */

*{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	font-size: 10px;
	font-family: Verdana;
	color: #FFFFFF; 
	background: #0d0d0d url(../images/bgnd.jpg) repeat-x; 
	margin: 0px; 
	text-align:center;
}

/* Global Links */

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #CCCCCC;
	}

a:visited {
	font-weight: bold; 
	text-decoration: none; 
	color: #CCCCCC;
	}
	
a:hover, a:active { 
	text-decoration: none; 
	color: #999999;
	}
	
/* Whole Page */

#wrap {
	width: 778px;
	margin:0 auto;			
	text-align:left;	
}

#banner {
	padding-top: 11px;
	text-align:center;
	width: 768px;
	height: 90px;
}

#header {
	margin-top: 13px;
	text-align:center;
	background: url(../images/header.jpg) no-repeat;
	width: 778px;
	height: 126px;
}

#header span {
	display: none;
}

.inside {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
}

#sidebar {
	float: left;
	clear: left;
	margin-top: 8px;
	width: 144px;
}

	#sidebar td {
		display:block;
		width: 144px;
		}
	
	#sidebar tr {
		line-height: 15px; 
		list-style-type: none;
		background: transparent url(../images/menu_button.jpg) bottom left repeat-y; 
		display: block;
		text-align: center;
		text-indent: 20px;
		}
		
#sidebarX {
	float: left;
	clear: left;
	margin-top: 8px;
	width: 144px;
}

	#sidebarX td {
		display:block;
		width: 144px;
		}
	
	#sidebarX tr {
		line-height: 15px; 
		list-style-type: none;
		background: transparent url(../images/menu_button3.jpg) bottom left repeat-y; 
		display: block;
		text-align: center;
		}

#content {
	width: 460px;
	margin-top: 8px;
	margin-left: 159px;
}

#sidebar-2 {
	float: right;
	margin-top: 8px;
	margin-left: 28px;
	width: 144px;
}

	#sidebar-2 td {
		display: block;
		width: 144px;
		}
		
	#sidebar-2 th {
		line-height: 15px; 
		list-style-type: none;
		background: transparent url(../images/menu_button2.jpg) bottom left repeat-y; 
		display: block;
		text-align: center;
		}
	
	#sidebar-2 tr {
		line-height: 15px; 
		list-style-type: none;
		background: transparent url(../images/menu_button3.jpg) bottom left repeat-y; 
		display: block;
		text-align: left;
		}

#footer {
	clear: both;
}

Daniel Corrêa · Mensagem por **Daniel Corrêa** » 23 Jul 2007, 11:38

Acho que faltou o parâmetro na chamada do módulo!"

Fabio Pittol · Mensagem por **Fabio Pittol** » 23 Jul 2007, 14:58

Muito obrigado Daniel, faltava isso mesmo, e ainda faltava colocar o estilo do menu como Flat List, é que no tutorial o admin tava em português e eu me confundi. Agora funciona...obrigado.

Fóruns do Joomla.com.br e JoomlaBrasil.org

Classe 'mainlevel' não funcionando. CSS - Criação de Tema

Classe 'mainlevel' não funcionando. CSS - Criação de Tema

Re: Classe 'mainlevel' não funcionando. CSS - Criação de Tema

Re: Classe 'mainlevel' não funcionando. CSS - Criação de Tema