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

[adottauncane]

Non dovrebbe, a me rimane... ma dove è pubblicato quel modulo menù? Perché non vedo la posizine user3 che invece dovrebbe esserci...
Ti allego l'index.php modificato. Fai una copia del tuo e prova a sostituirlo...

Per la seconda da backend, 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.

[allegato eliminato da un amministratore]

[adottauncane]

Gestione template, scusa...

[Tameot]

grazie mille sei stata gentilissima e super disponibile!!!!!!

[adottauncane]

Figurati, ho fatto un po' di pasticci...

Per stringere otticamente solo la parte del content senza toccare la larghezza del template prova a sostituire questa immagine che ti allego con quella originale (prima fai una copia) nella cartella images del template.
Se la misura non va bene sicuramente il tuo amico potrà farne una con il restringimento che vi serve prendendo spunto da questa.

[allegato eliminato da un amministratore]

[adottauncane]

e togli il colore di sfondo da qui:

Codice: [Seleziona]

#wrapper {
background-color:#0E0E0E; <---- via
background-image:url("../images/wrapper.gif");
background-position:left top;
background-repeat:repeat-y;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
max-width:1180px;
min-width:260px;
}template.css (riga 25)