Sou leigo em PHP e to tentando editar um template.
Quero que os menus tanto da esquerda como da direita ocupem toda a parte do conteudo da pagina, assim:
A div dos menus é do tamanho do que tem dentro, eu quero que ela fique do tamanho da div anterior. Para que chegue até o final da página.
O problema principal é o menu direito, que só fica na pg principal, como faço pra ele ir até o final da pagina?
----------------------------------------------------------------------------------------------------------
Esses são os arquivos do template:
CSS
Código: Selecionar todos
/* Design by Anghus.com */
/* ####################### GENERAL SETTINGS ############################ */
/** customize colors here */
#wrapper {
margin:auto 0px;
}
#core {
width:812px;
margin:auto 0px;
margin-top:2px;
}
#menu {
height:16px;}
#menu div.moduletable {
background:none;
border:none;
margin-bottom:0px;
padding:0px;
}
#contentwrapper {
padding:0px 20px 10px 20px;
background:url(../images/contentwbg.jpg) repeat-y center;
}
#content {
*width:772px;
background:url(../images/contentbg.jpg) top center repeat-x #FFFEF4;
text-align:left;
}
#contentbot {
float:left;
padding-top:15px;
width:170px;
background:url(../images/contentbot.jpg) top left no-repeat;
}
#header {
height:227px;
background:url(../images/header.jpg) center top no-repeat;
}
/** This one for the banner box */
#bannerbox {
background:url(../images/banner.jpg) center top no-repeat;
height:42px;
}
#leftsection {
width:180px;
height:auto;
background:#E8EEC6;
float:left;
border-left:1px solid #017F01;
border-right:1px solid #017F01;
}
#lefttop {
height:13px;
background:url(../images/modbg.jpg) top left repeat-x;
}
#righttop {
height:13px;
background:url(../images/modbg.jpg) top left repeat-x;
}
#rightsection {
width:580px;
height:auto;
float:right;
background:#FFFEF4;
}
#rightsectionfull {
width:770px;
}
#rightsectionbox {
width:180px;
float:right;
background:#E8EEC6;
border-left:1px solid #017F01;
border-right:1px solid #017F01;
}
#user1 {
width:100%;
float:left;
}
#user1full {
width:100%;
}
#user1 div.moduletable h3 {
text-align:left;
color: #017F01;
font-size:12px;
height:40px;
font-family:arial;
padding:7px 10px 2px 40px;
background:url(../images/user1h3.jpg) no-repeat ;
}
#user1 div.moduletable {
text-align:left;
vertical-align:top;
width:100%;
margin-bottom:10px;
padding-bottom:15px;
background:url(../images/user1bg.jpg) bottom center no-repeat;
}
#user1 div.moduletable div{
text-align:left;
vertical-align:top;
font-size: 11px;
color:#333333;
}
#modbottomwrapper {
border:1px solid #E9CCA2;
background:#949AB0;
margin-top:10px;
width:750px!important;
width:760px;
padding:10px;
}
.modbottom {
margin-right:10px;
}
#modbottomwrapper div.moduletable h3 {
color:#FFFFFF;
background:none;
padding-left:0;}
#footerwrapper {
margin:auto 0px;
}
#footer {
background:url(../images/footerbg.jpg) bottom no-repeat;
padding:0px 10px 20px 10px;
width:812px;
}
div#footer div {
font-size:11px;
line-height:11px;
text-align:center;
width:770px;
color:#909090;
font-family: Trebuchet MS,Arial,Verdana,Tahoma;
}
/* CSS Document */
/* Editor Assigned Styles */
p.rightalign {
text-align: right;
}
.red {
color: #949AB0;
}
.green {
color: #949AB0;
}
.highlight {
background-color: Yellow;
color: Blue;
padding: 0;
}
p.code {
background-color: #ddd;
border: 1px solid #bbb;
}
.small {
color: #999999;
font-size: 10px;
}
/* This implies for your main body, colors and font. */
body {
font-family: Arial, Helvetica, Sans Serif;
font-size: 12px;
color: #000000;
background: #ffffff;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}
li
{
}
td {
}
a, a:link, a:visited {
color: #333333;
font-weight: bold;
text-decoration:none;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
a:hover {
color: #007f00;
text-decoration:underline;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
* {
margin:0;
padding:0;
}
/*general*/
body {
color:#4F3317;
background:#FFFFFF;
}
.header {
background:#c0c0c0 url(../images/spacer.jpg) no-repeat;
width:100px;height:80px;
}
td,p,div,tr {
font-family:Trebuchet MS, Arial,Verdana, Tahoma;
font-size:13px;
color:#000;
line-height:20px;
}
a:link, a:visited{
color: #333333;
text-decoration: normal;
font-weight:bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
a:hover{
color:#007f00;
text-decoration:normal;
}
form {
display:inline;
margin:0; padding:0;
}
h1{
font-weight:normal;
font-size:20px;
}
h2{
font-weight:normal;
font-size:18px;
}
h3{
font-size:18px;
}
h4{
font-weight:normal;
font-size:16px;
}
h5{
font-weight:normal;
font-size:14px;
}
ul {
}
li {
margin-left:0px;
}
img {
border:none;
}
ol{
margin-left:40px;
list-style-position:inherit;
}
blockquote {
margin: 10px;
}
blockquote div {
}
pre {
}
/* This is for your menu and moduls */
table.contenttoc{
margin:3px;
padding:3px;
text-align:left;
}
.contenttoc th{
background: url(../images/dot.jpg) repeat-x bottom left;
color:#000000;
font-weight:normal;
text-align:left;
border-bottom:1px solid #cccccc;
}
.contenttoc a {
padding-left:0;
font-weight:normal;
font-size:11px;
}
table.contenttoc td {
text-align:left;
}
.contentpane{
font-family:verdana,Trebuchet MS, Arial,Tahoma, Helvetica, sans-serif;
text-align:left;
width:auto;
color:#F9E5BB;
}
.contentpaneopen ul {
margin-left:20px;}
.contentpane ul {
margin-left:20px;}
table.contentpaneopen, table.contentpane {
}
table.contentpaneopen li {
margin-left:40px;
}
.contentpaneopen fieldset{
width:100%;
border:none;
}
.contentpaneopen td{
text-align:left;
}
.contentpaneopen td.buttonheading{
padding:0px;
margin:0px;
}
.contentdescription td{
width:100%;
}
li.latestnews a {
padding-bottom:1px;
color:#000;
display:block;
border-bottom:1px solid #B4C100;
font-size:11px;
}
li.latestnews a:hover {
color:#000;
}
li.latestnews a:visited{
color:#000;
}
ul.mostread {
font-weight:normal;
margin-left:25px;
margin-left:15px;
}
li.mostread a {
padding-bottom:1px;
color: #BD2421;
display:block;
border-bottom:1px solid #DADE85;
font-size:11px;
}
li.mostread a:hover {
color: #CC6600;
}
li.mostread a:visited{
color: #999;
}
td.contentheading {
font-size:20px;
font-weight:normal;
font-family:Arial, Verdana, Tahoma;
color: #000;
}
a.contentpagetitle {
font-weight:normal;
font-family:Arial, Verdana, Tahoma;
color: #666666;
padding-top:2px;
}
a.contentpagetitle:hover{
color: #000000;
}
div.componentheading {
display: block;
margin-bottom:5px;
text-align:left;
color: #000;
font-weight:bold;
font-size:12px;
font-family:arial;
padding:4px 3px 2px 35px;
background:url(../images/titleh3.jpg) left top no-repeat;
}
a.category{ font-weight:normal;}
td.createdate{
color:#333;
font-size:9px;
font-weight:normal;
height:10px;
text-transform:lowercase;
}
td.modifydate{
color:#999999;
font-size:9px;
font-weight:normal;
}
span.small{
color: #999999;
font-size:10px;
font-weight:normal;
}
.highlight {
background-color: #009900;
color:#F9E5BB;
}
.mosimage {
background:#FFFFFF;
margin:5px;
padding:5px;
border:1px #f3f3f3 solid;
}
.mosimage_caption {
background: #E9CCA2;
padding:1px 2px;
color:#fff;
font-size:10px;
}
.contentpaneopen img {margin:5px;}
.contentpane img { margin:5px;}
a.mainlevel:link, a.mainlevel:visited {
display:block;
*width:140px;
padding-left:10px;
margin-right:15px;
padding-bottom:3px;
padding-top:3px;
vertical-align:middle;
font-weight:none;
text-align:left;
text-decoration:none;
border-bottom:#FDFDD9 1px solid;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;
}
a.mainlevel:hover {
background:#E2E1C2;
color: #007f00;
text-decoration: underline;
}
a.mainlevel#active_menu {
background:#E2E1C2 ;
}
a.mainlevel#active_menu:hover {
}
a.sublevel:link, a.sublevel:visited {
font-size:10px;
font-weight:normal;
padding-right:8px;
}
a.sublevel:hover {
}
#mod_login_username{
width:100%;
height:20px;
width:120px;
margin:0px 10px 5px 0;
border: 1px solid #F0F0F0;
background:white;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;
}
#mod_login_username-2,
#mod_login_username-1{
height:20px;
width:50px;
border:none;
border: 1px solid #A8A97B;
text-transform:lowercase;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;
}
#mod_login_password{
height:20px;
width:120px;
border:none;
border: 1px solid #F0F0F0;
margin:0px 10px 5px 0;
background:white;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;
}
#mod_login_password-2,
#mod_login_password-1{
height:20px;
width:50px;
border:none;
border: 1px solid #A8A97B;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;
}
#mod_login_remember{
border:none;
background:none;
margin:0;
}
ul#mainlevel-nav {
list-style : none;
font-size : 11px;
}
ul#mainlevel-nav li {
float : left;
font-size : 11px;
font-weight : normal;
text-align : center;
display : block;
background:none;
}
ul#mainlevel-nav li a {
display : block;
padding-left : 5px;
padding-right : 5px;
padding-top:0px;
text-decoration : none;
color: #009933 ;
}
ul#mainlevel-nav li a:hover {
display : block;
padding-left : 5px;
padding-right : 5px;
text-decoration : underline;
color: #000000;
}
.inputbox {
background:url(../images/bg_input.jpg);
border:1px solid #cccccc;
}
#mod_login_remember{
border:none;
background:none;
}
div.moduletable #mod_search_searchword {
width:157px!important;
width:171px;}
#mod_search_searchword {
font-size:12px;
border:1px solid #A8A97B;
background:#fff;
color:#666;
height:20px;
}
.button,.button-1,.button-2 { background: #EBF1CB;
color:#000;
font-size:11px;
border:1px solid #A3D119;
padding:1px;}
.sectiontableheader {
font-weight:normal;
padding:4px;
}
.sectiontableentry1 td {
padding:3px;
/*background:url(../images/dot.jpg) repeat-x bottom left;*/
border-bottom:1px solid #999999;
border-top:1px solid #999999;
}
.sectiontableentry2 td{
padding-bottom:3px;
padding-left:3px;
padding-right:15px;
padding-top:3px;
}
.sectiontableentry1 {
padding:2px;}
.sectiontableentry2 {
padding:2px;}
.sectiontableentry1 label{
padding-left:5px;}
.sectiontableentry2 label {
padding-left:5px;}
ul.latestnews li{
padding:0px;
margin-left:0px;
color:#000;
text-align:left;
}
ul.latestnews {
margin-left:15px;
color:#000;
font-weight:normal;
}
ul.latestnews a:hover {
color:#A3D119;
}
ul.mostread li{
padding:0px;
margin-left:0px;
color:#949AB0;
width:auto;
text-align:left;
}
.mostread a:visited{
color: #ccc;
}
.readon {
font-size:11px;
line-height:16px;
font-weight:normal;
}
.back_button a {
display:block;
text-align:right;
font-weight:normal;
}
.back_button a:hover {
color: #009933;
}
.pagenav {
text-align: center;
color: #999999;
}
a.pagenav, a.pagenav:visited {
color:#666;
}
a.pagenav:hover {
color: #333333;
text-decoration:underline;
}
span.pathway {
color:#F9E5BB;
}
span.pathway a:link,
span.pathway a:visited {
color:#ccc; font-weight:bold;}
div.moduletable {
text-align:center;
width:170px;
font-size: 11px;
color:#333333;
margin-bottom:10px;
padding-bottom:15px;
margin-left:5px;
margin-right:5px;
margin-top:0px;
background:url(../images/moduletablebg.jpg) bottom center no-repeat;
}
div.moduletable ul li.latestnews,
div.moduletable ul li.mostread
{
line-height:16px!important;
line-height:13px;
padding-bottom:0px!important;
padding-bottom:2px;
}
div.moduletable td {
text-align:left;
width:140px;
padding-left:15px;
margin-right:15px;
text-decoration:none;
font-weight:normal;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;
;}
div.moduletable h3 {
display: block;
text-align:left;
color: #017F01;
font-size:12px;
height:40px;
font-family:arial;
padding:7px 10px 2px 40px;
background:url(../images/moduletableh3.jpg) no-repeat ;
}
.flexcontentitemnoticia h3{
border: 1px solid;
height: 25px;
font-size: 12px;
}
/* ###################### End TABBED EDITING ###################### */
/*############## HEADER EDIT BY LUIS PACHECO #################*/
Código: Selecionar todos
<?php
/**
* @Template Name: Optimalisering
* @Version: 2.0
* @Package: A Joomla 1.0.X template
* @Copyright: (C) 2006 by Anghus
* @License: http://www.anghus.com
**/
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO ); 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>
<!--BEGIN SMOOTHGALLERY HEAD CODE-->
<link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/modules/mod_js_smoothgallery/css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="<?php echo $mosConfig_live_site;?>/modules/mod_js_smoothgallery/mootools.js" type="text/javascript"></script>
<script src="<?php echo $mosConfig_live_site;?>/modules/mod_js_smoothgallery/jd.gallery.js" type="text/javascript"></script>
<!--END SMOOTHGALLERY HEAD CODE-->
<?php mosShowHead(); ?>
<?php if ( $my->id ) { initEditor(); }
?>
<?php if (mosCountModules('user4') + mosCountModules('user5') + mosCountModules('user6') >=3) $modwidth = "32%"; ?>
<?php if (mosCountModules('user4') + mosCountModules('user5') + mosCountModules('user6') ==2) $modwidth = "48%"; ?>
<?php if (mosCountModules('user4') + mosCountModules('user5') + mosCountModules('user6') ==1) $modwidth = "100%"; ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php mosShowHead(); ?>
<link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" />
<link rel="shortcut icon" href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.ico"; ?>" />
<!-- This so you can see the css styles in DW you can delete file once editing Template is complete-->
<link href="css/template_css.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
<!--
body {
background: #FFFFF9 fixed repeat-x ;
}
.style1 {font-size: xx-small}
-->
</style></head>
<body class="bodies">
<div id="wrapper" align="center">
<div id="core" align="center">
<div id="header" >
<!--<?php mosLoadModules ( 'user7',-3 ); ?>
<br />-->
<a href="<?php echo $mosConfig_live_site;?>"></a><br />
</div>
<div id="contentwrapper">
<?php if (mosCountModules( "banner" )) { ?>
<div id="bannerbox" ><?php mosLoadModules( "banner", -1 ); ?></div>
<?php } ?>
<div id="content">
<?php if (mosCountModules( "left" )) { ?>
<div id="leftsection">
<?php mosLoadModules ( 'left',-2 ); ?>
</div>
<?php } ?>
<?php if (mosCountModules( "left" )) { ?>
<div id="rightsection">
<?php } else {?>
<div id="rightsectionfull">
<?php } ?>
<?php if (mosCountModules( "right" )) { ?>
<div id="rightsectionbox">
<?php mosLoadModules ( 'right',-2 ); ?>
</div>
<?php }?>
<?php if (mosCountModules( "user1" )) { ?>
<?php if (mosCountModules( "right" )) { ?>
<div id="user1">
<?php }else { ?>
<div id="user1full">
<?php }?><?php mosLoadModules ( 'user1',-2 ); ?></div>
<div style="clear:left;"></div>
<?php }?>
<?php mosMainBody(); ?>
</div>
<div style="clear:both"></div>
<div id="contentbot" ></div>
</div><!-- end content -->
<?php if (mosCountModules('user4') || mosCountModules('user5')|| mosCountModules('user6') ) { ?>
<div id="modbottomwrapper">
<?php if (mosCountModules( "user4" )) { ?>
<div class="modbottom" style="width:<?php echo $modwidth; ?>; float:left;">
<?php mosLoadModules ( 'user4',-2 ); ?></div>
<?php } ?>
<?php if (mosCountModules( "user5" )) { ?>
<div class="modbottom" style="width:<?php echo $modwidth; ?>;float:left;">
<?php mosLoadModules ( 'user5',-2 ); ?></div>
<?php } ?>
<?php if (mosCountModules( "user6" )) { ?>
<div class="modbottom" style="width:<?php echo $modwidth; ?>;float:left;">
<?php mosLoadModules ( 'user6',-2); ?></div>
<?php } ?>
<div style="clear:both"></div>
</div><!-- end modbottomwrapper -->
<?php } ?>
</div><!-- end contentwrapper -->
</div><!-- core -->
</div> <!-- wrapper -->
<div style="clear:both;"></div>
<div id="footerwrapper" align="center">
<div align="center" class="style1" id="footer">
<?php include_once('includes/footer.php'); ?>
</div>
</div>
</body>
</html>O menu direito ta dentro da div do conetúdo, quero que fique fora, pra eu poder fazer umas alterações. Mas eu não sei PHP, tentei mas não consegui.
Muito Obrigado
Luis Pacheco