Autore Topic: Ridimensionare il Layout ? (Letto 9422 volte)

Agent · « **il:** 25 Mar 2007, 23:51:18 »

Salve ragazzi, potete dirmi dove devo lavorare per ridimensionare la larghezza delle colonne? il mio template ha 2 colonne quella di sinistra la volevo allargare un pò e ristringere quella di destra.
Dopo vari tentativi mi sono deciso a chiedre qui perchè non ne cavo le gambe...

gallus · « **Risposta #1 il:** 25 Mar 2007, 23:52:54 »

Dipende come hai definito le 2 colonne ma in linea di massima dovrai agire semplicemente sul parametro width della colonna relativa.

Agent · « **Risposta #2 il:** 26 Mar 2007, 00:01:25 »

Non so come sono definite, il template non l'ho fatto io.
Vorrei sapere quali sono i file da modificare...

maria.p · « **Risposta #3 il:** 26 Mar 2007, 00:03:55 »

potresti iniziare a dire come si chiama il template almeno possiamo aiutarti meglio

Agent · « **Risposta #4 il:** 26 Mar 2007, 00:10:28 »

Il template è: rt_extremities2 della rockettheme.

Puoi vederlo http://www.horrorcomitalia.com/home/

gallus · « **Risposta #5 il:** 26 Mar 2007, 00:15:15 »

Bello, ma non ho capito che problema hai, mi sembra tutto ok

maria.p · « **Risposta #6 il:** 26 Mar 2007, 00:18:48 »

scusa ma dov'è la colonna di destra o per colonna di destra intendi il mainbody

Agent · « **Risposta #7 il:** 26 Mar 2007, 00:32:51 »

Non ho problemi, solo mi piacerebbe allargare la colonna di sinistra e stringere come dice maria.p il mainbody.

maria.p · « **Risposta #8 il:** 26 Mar 2007, 00:35:14 »

non trovo il template puoi postare il tuo index

gallus · « **Risposta #9 il:** 26 Mar 2007, 08:50:52 »

Come ti ho già detto dovrebbe bastare modificare il parametro width nell'index del tuo template nella cartella template in corrispondenza della dir del template che hai installato. Puoi esprimere il valore in percentuale o come valore assoluto in px.

Guarda è molto più semplice di quanto tu possa pensare, ti bastano poche nozioni base di html.

Provaci ... e poi al max richiedi

Agent · « **Risposta #10 il:** 26 Mar 2007, 21:09:59 »

Allora questa è la index del template:

Codice: [Seleziona]

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = split( '=', _ISO );
?>
<!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
if ( $my->id ) {
	initEditor();
}
mosShowHead();
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/templateConfig.inc.php");
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_splitmenu.php");
$forcehilite = false;
$topnav = rtShowHorizMenu($menu_name);
$sidenav = rtShowSubMenu($menu_name);
$tabcolor = rtGetTabColor();
$hilightid = rtGetHilightid();
?>

<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link rel="shortcut icon" href="./images/favicon.ico" />
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/css/<?php echo $template_style; ?>_color.css" rel="stylesheet" type="text/css" />
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/sifr/sIFR-screen.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/sifr/sIFR-print.css" rel="stylesheet" type="text/css" media="print" />
<!--[if lte IE 6]>
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script src="./templates/<?php echo $mainframe->getTemplate(); ?>/sifr/sifr.js" type="text/javascript"></script>
<script src="./templates/<?php echo $mainframe->getTemplate(); ?>/sifr/sifr-addons.js" type="text/javascript"></script>
</head>
<body class="page_bg <?php echo $menu_side; ?> <?php echo $template_style; ?>">
<a name="up" id="up"></a>
<div id="grunge_middle">
	<div id="grunge_bottom">
		<div id="grunge_top">
			<div id="wrapper">
				<div id="header">
					<a href="<?php echo $mosConfig_live_site;?>"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/ex2_header_<?php echo $template_style; ?>.jpg" alt="<?php echo $mosConfig_sitename; ?>" title="<?php echo $mosConfig_sitename; ?>" height="78" width="378" border="0" /></a>
					<div id="user4">
						<?php mosLoadModules('user4',-1); ?>
					</div>
				</div>
				<div id="content_pad">
					<div id="nav_menu">
						<?php echo $topnav; ?>
					</div>
					<table class="nopad">
						<tr valign="top">
							<?php if ($menu_side=="left" && (trim($sidenav) || mosCountModules("left"))) { ?>
							<td class="left">
								<?php echo $sidenav; ?>
								<?php mosLoadModules('left', -2); ?>
							</td>
							<?php } ?>
							<td class="content">
								<?php if ($position_banner=="first") { ?>
									<?php if ($template_banner=="module") { ?>
										<?php if (mosCountModules('banner')) { ?>
											<div id="banner">
												<?php mosLoadModules('banner', -1); ?>
											</div>
										<?php } ?>
									<?php } else { ?>
										<div id="banner">
											<div id="bannerimage"></div>
										</div>
									<?php } ?>
								<?php } ?>
								<?php if (mosCountModules('user1') || mosCountModules('user2') || mosCountModules('user3')) { ?>
								<div id="userblocks">
								<table cellspacing="10" cellpadding="0" width="100%">
									<tr valign="top">
										<?php if (mosCountModules('user1')) { ?>
										<td width="33%">
											<?php mosLoadModules('user1',-2); ?>
										</td>
										<?php } ?>
										<?php if (mosCountModules('user2')) { ?>
										<td width="33%">
											<?php mosLoadModules('user2',-2); ?>
										</td>
										<?php } ?>
										<?php if (mosCountModules('user3')) { ?>
										<td width="33%">
											<?php mosLoadModules('user3',-2); ?>
										</td>
										<?php } ?>
									</tr>
								</table>
								</div>
								<center><?php
   mosLoadModules( 'user5', 0 );
?><br>
</center>
<center><?php
   mosLoadModules( 'user6', 0 );
?><br>
</center>
								<?php } ?>
								<?php if ($position_banner=="second") { ?>
									<?php if ($template_banner=="module") { ?>
										<?php if (mosCountModules('banner')) { ?>
											<div id="banner">
												<?php mosLoadModules('banner', -1); ?>
											</div>
										<?php } ?>
									<?php } else { ?>
										<div id="banner">
											<div id="bannerimage"></div>
										</div>
									<?php } ?>
								<?php } ?>
								<div id="content">
									<?php mosPathWay(); ?>
									<?php mosMainBody(); ?>
								</div>
								<?php if (mosCountModules('bottom')) { ?>
								<div id="bottom">
									<?php mosLoadModules('bottom',-2); ?>
								</div>
								<?php } ?>
								<div id="footer">
									Design by <a href="http://www.rockettheme.com">RocketTheme</a><br>
Ottimizzato per IE 6 & Firefox 1.5</br><br>
©2005 HorrorcomItalia / Tutti i diritti riservati. E' assolutamente vietato la riproduzione dei testi, sia parziale che totale.</br>
								</div>
							</td>
							<?php if ($menu_side=="right" && (trim($sidenav) || mosCountModules("right"))) { ?>
							<td class="right">
								<?php echo $sidenav; ?>
								<?php mosLoadModules('right', -2); ?>
							</td>
							<?php } ?>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

<?php 
mosLoadModules( 'debug', -1 );
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/sifr/sifr-" . $template_style . ".js.php");
?>
</body>
</html>

Non trovo la voce giusta, mi sapete dire?

maria.p · « **Risposta #11 il:** 26 Mar 2007, 22:10:45 »

nell'index non sono impostate le larghezze dei moduli probabilmente anzi sicuramente saranno nel css prova a guardare li o lo alleghi e lo guardiamo insieme

Agent · « **Risposta #12 il:** 26 Mar 2007, 22:34:52 »

ok ho allegato il template

[allegato eliminato da un amministratore]

maria.p · « **Risposta #13 il:** 26 Mar 2007, 22:51:14 »

prova a modificare il valore width in questa classe e vedi se la colonna di sinistra si restringe

table.nopad td.left {
   padding: 0;
   padding-right: 8px;
   width: 185px;

Agent · « **Risposta #14 il:** 26 Mar 2007, 23:02:16 »

Ne si restringe ne si allarga....

maria.p · « **Risposta #15 il:** 26 Mar 2007, 23:07:30 »

senza avere il template completo è difficile vedere cosa cambia modificando un valore comunque prova a variare i vari valori width nel css e vedi cosa succede

Agent · « **Risposta #16 il:** 26 Mar 2007, 23:13:11 »

è da un pò che ci provo, sto perdendo le speranze...

maria.p · « **Risposta #17 il:** 26 Mar 2007, 23:15:03 »

so che ti chiedo troppo però se hai la possibilità dovresti allegare il template completo di tutto così lo installo e mi rendo conto meglio di come agire

Agent · « **Risposta #18 il:** 26 Mar 2007, 23:18:49 »

eccolo.... grazie maria se riesci a farmi sistemare te ne sarò grato a vita!!!!!

[allegato eliminato da un amministratore]

maria.p · « **Risposta #19 il:** 26 Mar 2007, 23:42:00 »

allora, ti confermo il codice precedente per modificare la colonna di sinistra, forse non si allargava ma sicuramente se riduci il valore la colonna si stringe a meno che non hai qualche modulo largo, comunque a te interessa allargarla e restringere il resto.
La larghezza del mainbody è data dall'immagine header richiamata dal css in questa classe:
div#bannerimage {
width: 597px;
height: 175px;
}

prova a ridurre quel 597 e ciò che levi lo aggiungi al 185 della colonna sinistra, dovrebbe funzionare, naturalmente dovrai modificare anche l'immagine.