Joomla.it Forum
Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : Aisling 24 Jan 2009, 16:26:51
-
Salve :)
allora, in primis, il sito in questione è questo ainesworld.altervista.org (http://ainesworld.altervista.org)
Praticamente, 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!! :)
-
non si è spostato nulla. non hai completato il lavoro.
Tu hai ingrandito solo una parte del template, portandolo a 950.
Adesso dove ci sono i contenuti devi allargare la colonna, sempre nel css e aumentare il tutto proporzionalmente.
quindi, devi aumentare di 141px
.div_content {
.div_body_content {
.div_inset {
metti al posto di 540, 681
infine, per spostare la barra arancione devi modificare anche questo file
/templates/jad_smooth/images/bgcontent.png
portando a destra, di 141px il pezzo di colonna di destra.
Prova e facci sapere
-
nu non ha funzionato >.<
le scritte sono rimaste lì senza estendersi e la riga, allunganddola di 141px, è sparita a destra XD
però quindi io ingrandendo l'header devo per forza ingrandire anche il corpo del sito, non si parla più di centrarlo
cmq anche se non ha funzionato >.< grazie mille :D
-
magicamente si è sistemato il sito °-°''
eppure quando avevo fatto le modifiche, per essere sicura che mi si vedessero subito, ero andata sul pannello di controllo e avevo cancellato tutte quelle informazioni che il computer immagazzina riguardo i siti..ma nonostante tutto le scritte erano rimaste lì, non si erano mosse!!
domani allora cerco di sistemare la riga, provo ad accorciala un pochetto sperando di non creare altri problemi >.<
grazie grazie grazie mille!!!!! ^^
-
scusate il terzo post consecutivo >.<
visto che non mi convinceva il fatto che non mi si vedeva la riga di destra allora così per provare ho allargato da 809 a 950 anche il /*BODY*/ e il /*FOOTER*/ e adesso la riga si vede °-°''
e fino a qui tutto ok..però c'è un altro problema >.<
a seconda se guardo la pagina con firefox o internet explorer la vedo in modo differente.
Con Firefox vedo la pagina perfettamente, con la riga di destra e con le scritte allungate al punto giusto, mentre con internet explorer vedo la riga di destra, però le scritte sono rimaste come erano prima, senza allungarsi..e non capisco come mai >.<''
voi come vedete la pagina?
-
Ho cercato info sul perchè il sito si vede differente con firefox e internet explorer e ho visto che molti hanno il mio stesso problema dato che c'è proprio una differente visualizzazione del sito a seconda del browser che usi. Quindi aggiungo RISOLTO al titolo del topic. L'importante alla fin fine è che si veda bene almeno con firefox. ^^
Grazie ancora mille mille mille mille Tasto!!!!!!!!!! :D ^^