Salve
allora, in primis, il sito in questione è questo
ainesworld.altervista.orgPraticamente, dopo aver installato il template, ho cercato di cambiare la grafica del template il più possibile senza modificare alcun valore nel CSS. Ma dato che l'header era troppo piccolo e non mi piaceva l'immagine come ci stava >.< ho ingrandito i valori dell'header nel CSS, così però la tabella centrale mi si è spostata ç__ç e volevo chiedervi se per caso sapevate che valori dovevo toccare per rimettere la tabella centrale al posto giusto ç____ç
qui sotto spoiler metto i codici del template
editor css template
/* Reset all default css definition */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* DEBUG */
.debug_b {
border:2px solid red;
}
.debug_w10 {
width:100px;
}
.debug_w20 {
width:200px;
}
.debug_w50 {
width:500px;
}
/* main structure */
body {
text-align:center;
background-image: url(../images/bgLargeHeader.png);
background-repeat: repeat-x;
background-color:#eae5ce;
font-family: "Times New Roman", Times, serif;
font-size:12px;
line-height:1.5;
}
a:link {
text-decoration:none;
color : #999;
font-weight : bold;
}
a:visited {
text-decoration:none;
color : #666;
}
a:hover {
text-decoration:none;
color : #666;
}
a:active {
text-decoration:none;
color : #dbd9c5;
}
.main {
width:100%;
min-height:500px;
}
.td_main {
width:800px;
min-height:30px;
}
/* TOP */
.div_top {
width:800px;
height:33px;
vertical-align:top;
}
.div_top_param {
display:inline;
vertical-align:top;
}
.div_top_param img {
border:none;
}
.td_top_logo {
width:200px;
}
.ul_topmenu_h li {
float: left;
height: 21px;
padding-right:10px;
padding-top:8px;
}
.ul_topmenu_h a:link {
text-decoration:none;
color:green;
}
.ul_topmenu_h a:visited {
text-decoration:none;
color:green;
}
.ul_topmenu_h a:hover {
text-decoration:underline;
color:red;
}
.ul_topmenu_h a:active {
text-decoration:underline;
color:red;
}
.td_top_menu {
width:100%;
vertical-align:top;
text-align:right;
}
/* HEADER */
.div_header {
background-image: url(../images/bgtop.png);
background-repeat: no-repeat;
height:350px;
width:950px;
margin:0;
}
/* BODY */
.table_body {
background-image: url(../images/bgcontent.png);
background-repeat: repeat-y;
width:809px;
}
.hr_body {
color:#d0bda2;
background-color:#d0bda2;
height:1px;
border:0;
width:194px;
}
.div_body_left {
width:200px;
min-height:350px;
text-align:center;
padding:15px;
}
.div_mainmenu {
width:225px;
padding-bottom:20px;
}
/*.ul_mainmenu_v {
text-align:left;
padding-right:20px;
}
.ul_mainmenu_v a:hover{
text-decoration:none;
}
.ul_mainmenu_v li {
padding-left:20px;
}
.ul_mainmenu_v li:hover {
background-color:#e0e8ea;
}*/
.div_user1 {
width:225px;
padding-bottom:20px;
}
.div_user1 th {
color:#ee9600;
font-weight:bold;
}
.div_user2 {
width:225px;
padding-bottom:20px;
}
.div_user2 th {
color:#ee9600;
font-weight:bold;
}
.div_user3 {
width:225px;
padding-bottom:20px;
}
.div_user3 th {
color:#ee9600;
font-weight:bold;
}
.div_body_content {
display:inline;
width:540px;
min-height:350px;
}
.div_inset {
width:540px;
margin-top:15px;
}
.div_content {
width:540px;
padding:10px;
}
.contentheading, .componentheading {
border-bottom:1px solid #dbd9c5;
padding-bottom:5px;
color:#993399;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
}
.contentpaneopen {
padding-top:5px;
padding-right:10px;
}
/* FOOTER */
.td_footer {
background-image: url(../images/bgfooter.png) no-repeat 0 0;
width:809px;
text-align:center;
height:53px;
}
.hr_footer {
display : none;
height:0;
border:0;
width:771px;
padding:0px;
margin:0px;
margin-bottom:10px;
}
.small, .createdate {
font-size : 10px;
color:#999;
}
.back_button a {
text-decoration : none;
}
.back_button a:hover {
text-decoration : none;
}
.buttonheading {
padding : 2px;
}
.div_body_left a.mainlevel {
display: block;
line-height: 1.5;
text-decoration: none;
font-weight: bold;
voice-family: inherit;
width: 190px;
height : 20px;
text-transform:none;
padding-left: 10px;
color:#666;
margin:0;
padding:1px 0 1px 0;
}
html > .div_body_left a.mainlevel {
width: 190px;
}
.div_body_left a.mainlevel:hover
{
text-decoration: none;
color:#ee9900 ;
margin: 0;
padding:0;
background:url(../images/menubg.jpg) no-repeat 0 0;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
}
.div_body_left a#active_menu.mainlevel {
text-decoration: none;
color:#000 ;
margin: 0;
padding:0;
background:url(../images/menubg.jpg) no-repeat 0 0;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
font-style:italic;
}
.moduletable th {
font-size : 18px;
font-weight:bold;
color:#993399;
padding: 5px 0 5px 0;
margin: 10px 0 0 0;
text-transform:uppercase;
}
.moduletable {
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
border-bottom : 1px solid #ddd;
}
.menu_top a.mainlevel {
color:#993399;
margin:0;
padding:0;
font-weight:bold;
}
.menu_top a.mainlevel:hover {
color:#666;
margin:0;
padding:0;
}
.menu_top a.mainlevel:visited {
color:#333;
margin:0;
padding:0;
font-weight:normal;
}
.menu_top .moduletable {
margin-left: 20px !important;
padding:0 5px 0 5px ;
border:none;
line-height: 2;
float:left;
}
.menu_top .moduletable .search {
margin: 0 0 0 200px;
float:right;
}
editor html template
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!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>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php if ($my->id) { initEditor(); } ?>
<?php mosShowHead(); ?>
<link href="<?php echo $mosConfig_live_site; ?>/templates/jad_smooth/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE 6]>
<link href="<?php echo $mosConfig_live_site; ?>/templates/jad_smooth/css/template_css_ie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]>
<link href="<?php echo $mosConfig_live_site; ?>/templates/jad_smooth/css/template_css_ie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<title>Joomladress Free Template 1</title>
</head>
<?
function genmenu($menu,$orientation) {
global $database;
$liste_menu = array('topmenu','mainmenu','othermenu','usermenu');
if(empty($menu) || !in_array($menu,$liste_menu)) {
$menu = "mainmenu";
}
$sql = "select id,name,link from #__menu WHERE menutype='".$menu."' AND published = 1 AND parent= '0' ORDER BY ordering ASC";
$database->setQuery($sql);
$rows = $database->loadObjectList();
$puceau = 1;
$dernier = count($rows);
echo '<ul class="ul_'.$menu.'_'.$orientation.'">';
foreach($rows as $row) {
if($puceau == $dernier)
echo '<li><a id="last" ';
else
echo '<li><a class="link" ';
echo 'href="'.sefRelToAbs(htmlentities($row->link."&Itemid=".$row->id)).'" title="'.htmlentities($row->name).'" >'.htmlentities($row->name).'</a></li>';
$puceau++;
}
echo '</ul';
}
?>
<body>
<center>
<table class="main">
<tr>
<td>
</td>
<td class="td_main">
<div class="div_top">
<table>
<tr>
<td class="td_top_menu">
<div class="menu_top" align="center">
<?php mosLoadModules('top'); ?>
</div>
</td>
</tr>
</table>
</div>
<div class="div_header">
</div>
<table class="table_body">
<tr>
<td>
<div class="div_body_left" align="left">
<hr class="hr_body" />
<?php mosLoadModules('left'); ?>
</div>
</td>
<td>
<div class="div_body_content">
<div class="div_inset">
<?
if ( mosCountModules('inset') ) { mosLoadModules('inset'); };
?>
</div>
<div class="div_content">
<?
mosMainBody();
?>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" class="td_footer">
design by <a href="http://www.joomladress.com" target="_blank">joomladress.com</a> | <a href="http://www.joomladress.com" target="_blank">About joomladress</a>
</td>
</tr>
</table>
</td>
<td>
</td>
</tr>
</table>
</center>
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
</body>
</html>
la grandezza originale dell'header era larghezza 809 pixel e 267 pixel di altezza e io ho modificato il tutto in larghezza 950 pixel e 350 pixel in altezza
quindi l'unica cosa che ho toccato è questa voce:
/* HEADER */
.div_header {
background-image: url(../images/bgtop.png);
background-repeat: no-repeat;
height:350px;
width:950px;
margin:0;
l'editor html template invece non l'ho toccato di niente
grazie grazie grazie grazie mille in anticipo!!
