riduzione e aumento

[Tameot]

ciao amici, vi seguo ta tempo immemore, ma ora sono "costretto" a scrivervi in quanto con un amico grafico sto realizzando un sito importante per la squadra della mia città,

l'inidirzzo è il seguente, come potete vedere è ancora in fase di lavorazione
http://www.asdaudacecerignola.it/sito/joomla/

vorrei sapere come è possibile restringere un po' il corpo centrale(1), allargando le colonne laterali (2) agendo sul css?

l'immagine rende meglio l'idea
http://img268.imageshack.us/img268/8691/sitor.jpg


vi ringrazio in anticipo per la disponibilità, a presto!

[adottauncane]

Ciao Tameot,
prova così:

Codice: [Seleziona]

#sidebar_left {
float:left;
margin-bottom:0;
margin-left:3px;
margin-right:0;
margin-top:0;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:20px;
padding-left:0;
padding-right:0;
padding-top:5px;
position:relative;
width:220px; <---- diminuisci di quello che ti serve
}template.css (riga 211)

Codice: [Seleziona]

#sidebar_right {
float:right;
margin-bottom:0;
margin-left:0;
margin-right:3px;
margin-top:0;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:20px;
padding-left:0;
padding-right:0;
padding-top:5px;
position:relative;
width:220px; <---- diminuisci di quello che ti serve
}template.css (riga 219)

Codice: [Seleziona]

#content_outmiddle {
margin-bottom:0;
margin-left:210px; <----- aggiungi i px che hai tolto a sinistra
margin-right:210px; <----- aggiungi i px che hai tolto a destra
margin-top:0;
}template.css (riga 236)

[Tameot]

grazie mille ci provo e vi faccio sapere!

[Tameot]

la parte  1 si è ristretta, la parte 2 non si è allargata, ma si sono ristretti i tasti

http://www.asdaudacecerignola.it/sito/joomla/

[adottauncane]

Scusami, nell'ultimo

#content_outmiddle {
margin-bottom:0;
margin-left:210px; <----- aggiungi i px che hai tolto a sinistra
margin-right:210px; <----- aggiungi i px che hai tolto a destra
margin-top:0;
}

è togli i px che hai tolto a sin e dx...
Be, sì stringendo la colonna si stringono i tasti...

[adottauncane]

Puoi spostare le scritte da qui:

Codice: [Seleziona]

.module_menu ul.menu li a {

padding-left:25px; <----

}template.css (riga 699)

[Tameot]

non riesco 


qeusto è l'originale:

#sidebar_left {
   position: relative;
   float: left;
   width: 220px; (lo porto ad esempio 180)
   padding:5px 0 20px 0;
   margin: 0 0 0 3px;
   overflow: hidden;
}
#sidebar_right {
   position: relative;
   float: right;
   width: 220px; (lo porto ad esempio 180)
   padding:5px 0 20px 0;
   margin: 0 3px 0 0;
   overflow: hidden;

#content_outmiddle {
   margin: 0 230px 0 230px;   '

[adottauncane]

Sì, scusa ti ho confuso io è togli dall'ultimo, se metti 180px alle colonne qui metterai:

Codice: [Seleziona]

#content_outmiddle {
   margin: 0 190px 0 190px;}

[Tameot]

http://www.asdaudacecerignola.it/sito/joomla/

 non va...

[adottauncane]

Con Firefox è a posto... Hai fatto un refresh della pagina? Prova a svuotare la cache del browser.

[Tameot]

a me risulta più grande la parte centrale (bianca) che volevo restringere, e le colonne più strette (volevo che rimanessero uguali), mentre gli spazi laterali (guardando l'immagine iniziale (2)) sono praticamente com'erano mentre volevo leggermente allargarli

[adottauncane]

Ohhh, scusami, hai ragione  Ho letto male io... perdonami, di solito chiedono il contrario. Abbi pazienza...
Allora esattamente il contrario di come ti ho detto:

#sidebar_left {
   position: relative;
   float: left;
   width: 220px; <---- aumenta
   padding:5px 0 20px 0;
   margin: 0 0 0 3px;
   overflow: hidden;
}
#sidebar_right {
   position: relative;
   float: right;
   width: 220px; <---- aumenta
   padding:5px 0 20px 0;
   margin: 0 3px 0 0;
   overflow: hidden;

#content_outmiddle {
   margin: 0 230px 0 230px; <--- aumenta di quello che aumenti a sinistra e dx.

Però poi dovrai aumentare un po' anche l'immagine dei tasti. ma intanto tu prova così e poi ti dico come...

Scusa 

[Tameot]

perfetto, solo che ho notato una cosa la colonna di destra è rientrata, la colonna di sinistra no, come mai?

[adottauncane]

Scusa, sei davvero sfortunato... non ne imbrocco una... non mi capita sovente 

#sidebar_left {
   position: relative;
   float: left;
   width: 180px;
   padding:5px 0 20px 0;
   margin: 0 0 0 20px; <---- è questo che devi aumentare dove c'è 3 metti 20px o quello che vuoi
   overflow: hidden;
}
#sidebar_right {
   position: relative;
   float: right;
   width: 180px;
   padding:5px 0 20px 0;
   margin: 0 20px 0 0; <---- è questo che devi aumentare dove c'è 3 metti 20px o quello che vuoi
   overflow: hidden;

#content_outmiddle {
   margin: 0 230px 0 230px; <--- aumenta di quello che aumenti nel margin

[Tameot]

era quello che volevo.... grazie mille!!!!!

posso chiederti altro riguardo al template o sono già stato troppo.... rompiscatole?

[adottauncane]

Guarda, vista la figuraccia che ho fatto puoi chiedermi quello che vuoi... 

[Tameot]

come lo elimino?

http://img340.imageshack.us/img340/509/sito1i.jpg

[Tameot]

parlando con il grafico mi ha detto che oltre a quello che abbiamo fatto, bisognerebbe capire come ridurre lo sfondo blu che contiene testata e tutto il resto.... facendo aumentare leggermente lo sfondo rigato ai lati

è possibile?

http://img828.imageshack.us/i/sito3.jpg/

[adottauncane]

Per la prima:
devi levare queste righe dall'index.php del template (fatti una copia prima):
dalla 24 alla 38 comprese:

Codice: [Seleziona]

<?php if (($this->params->get('showStyleswitcher')) !=0) : ?>
<div id="styleswitcher">
<noscript>Switcher needs Javascript enabled!</noscript>
<ul>
<li><a title="style 1" href="index.php" rel="styles1" class="styleswitch"><img src="templates/<?php echo $this->template ?>/images/styles1.png" alt="style 1"/></a></li>
<li><a title="style 2" href="index.php" rel="styles2" class="styleswitch"><img src="templates/<?php echo $this->template ?>/images/styles2.png" alt="style 2"/></a></li>
<li><a title="style 3" href="index.php" rel="styles3" class="styleswitch"><img src="templates/<?php echo $this->template ?>/images/styles3.png" alt="style 3"/></a></li>
<li><a title="style 4" href="index.php" rel="styles4" class="styleswitch"><img src="templates/<?php echo $this->template ?>/images/styles4.png" alt="style 4"/></a></li>
<li><a title="style 5" href="index.php" rel="styles5" class="styleswitch"><img src="templates/<?php echo $this->template ?>/images/styles5.png" alt="style 5"/></a></li>
<li><a title="style 6" href="index.php" rel="styles6" class="styleswitch"><img src="templates/<?php echo $this->template ?>/images/styles6.png" alt="style 6"/></a></li>
<li><a title="style 7" href="index.php" rel="styles7" class="styleswitch"><img src="templates/<?php echo $this->template ?>/images/styles7.png" alt="style 7"/></a></li>
<li><a title="style 8" href="index.php" rel="styles8" class="styleswitch"><img src="templates/<?php echo $this->template ?>/images/styles8.png" alt="style 8"/></a></li>
</ul>
</div>
<?php endif;?>
Per la seconda:
Sì ma restringi tutto il template. Anche l'header dove hai la testata... Devi andare in Gestione siti, clicchi sul nome del template e in Parametri puoi decidere se fisso o dinamico e impostare la larghezza che vuoi.

[Tameot]

per la prima procedura che mi hai indicato, va via il tasto in alto a destra ma sparisce anche un modulo, questo:
http://img202.imageshack.us/img202/1562/sitow.jpg


per la seconda, dove si trovano precisamente dove trovare i parametri per decidere il sito dinamico o fisso???

grazie per la disponibilità e scusa per l'ignoranza