Allargare un template

[SWAT]

ciao a tutti,
ho un problemone: un mio cliente ha scelto un template molto carino ma dannatamente stretto (soprattutto per risoluzioni alte, come quelle dei computer di oggi).
chi è capace di metterci mano quanto basta per allargarlo un po'?
vi prego, Carneade! 

p.s.: chiunque sia capace, me lo dica così passo il template in .zip

grazie mille!!

[ilvanni]

Dovresti andare nel css e trovare una stringa relativa al body, di solito è ai primi posti, e giocare sul valore width.
In ogni caso (il tuo template non so quale sia)  hai provato prima a vedere se il tuo template permette già a monte una personalizzazione delle dimensioni? Se vai da 'gestione template' e clicchi sul template da te scelto come predefinito vedrai che si apre una pagina (quella da dove devi comunque andare per aprire il .css) che forse, dico forse dipende dallo sviluppatore del template, potrà contenere sulla sezione di dx dei parametri per la personalizzazione del template.

[SWAT]

dunque, il template è blueportal, presente nel calderone di joomla.
la personalizzazione che mi dici non c'è, quindi (presumo) si deve cercare di lavorare sul css.
per quanto riguarda il css, questo template ha vari file .css:
- browserhacks
- components
- forms
- highlight
- layouts
- misc
- modules
- navigation
- template
- template_rtl

qualcuno sa quale dovrebbe essere il file da modificare?

p.s.: in ogni caso, ho speranze di allargare il template, oppure alcuni template sono "immodificabili"?

[ilvanni]

vai su template o su template_rtl.

[SWAT]

template_rtl non dice nulla.

template.css, invece, ha questo codice:

Codice: [Seleziona]

@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */
html{height:100%;}

body{
margin:0px;
height:100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.8em;
color: #666;
background-color:#fff;
}



 ul.menu {
margin: 0 auto;
padding: 5px 0 0 4px;
list-style: none;
width: 180px;
}

 ul.menu li {
margin: 0;
padding: 0;
}

 ul.menu li:hover {

}

/*LEFT COL LINK*/
 ul.menu li a,  ul.menu li a:link, ul.menu li a:visited {
  display           : block;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 2px 0px 2px 0px;
  color             : #1A4A88;
  width             : 180px;
  text-indent       : 10px;
  background-color  : #F3F3F3;
}

 ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
  font-size         : 12px;
  background-color  : #FBFBF9; 
  color             : #000000;
  font-weight       : normal;
  text-decoration   : none;
  text-indent       : 10px;
}

/*LEFT COL CURRENT LINK*/
 ul.menu li#current a,  ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
 color             : #003366;
  font-weight       : bold;
  background-color  : #FBFBF9;
}

 ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
  color             : ;
  background-color  : ;
}

/*LEFT COL SUB LINK*/
 ul.menu li#current ul li a,  ul.menu li#current ul li a:link {

color: #666;
margin: 0 0 0 5x;
font-size: 11px;
background: url(../images/indent1.png) center left no-repeat;
font-weight: normal;
display: inline;
line-height: 18px;
padding: 0 0 0 5px;
border: none;
height: 18px;
}

 ul.menu li ul li#current a,  ul.menu li ul li#current a:link,  ul.menu li ul li#current a:visited,  ul.menu li ul li#current a:hover {

  font-size: 11px;
margin: 0 0 0 5px;
padding: 0 0 0 5px;
display: inline;
border: none;
color: #333;
background: url(../images/indent1.png) center left no-repeat;
height: 18px;
line-height: 18px;

}



/*SUBMENU POSITION*/
 ul.menu li ul {

padding: 0 0 0 10px;

}
 ul.menu li ul a:link,  ul.menu li ul a:visited {
font-weight:normal;
color: #666;
text-decoration: none;
}
 ul.menu li ul a:hover {
color:#8E5407;
text-decoration: underline;
}

 ul.menu li#current ul li a:hover {
color: #333;
text-decoration: underline;
}

 ul.menu li ul, #rightcolumn ul.menu li ul {

}

.pagination span
{
  padding: 2px;
}

.pagination a
{
  padding: 2px;
}
#si{
font-size : 10px;
clear : both;
border-top : 1px solid #EEEEEE;
color : #CCCCCC;
padding : 10px 10px 10px 10px;
margin-top : 0px;
}

table.moduletable_menu {
  width     : 100%;
  table-layout     : auto;
}
table.moduletable_menu th {
  font-size         : 11px;
  font-weight       : bold;
  text-transform    : uppercase;
  text-align        : left;
  height            : 22px;
  line-height       : 22px;
  text-indent       : 8px;
  letter-spacing    : 1px;
  color             : #FFF;
  background-image  : url(../images/modul.jpg); 
}
table.moduletable_menu td {
  padding-left      : 0px;
  padding-right     : 0px;
  padding-top     : 0px;
  padding- bottom   : 0px;
  margin : 4px;
}

.readon {
background:url(../images/icons.png) 0 0 no-repeat;
float:right;
padding:0 0 0 20px
}

/*  Heading Formatting */
h1 {font-size:1.9em;line-height: 0.8em;font-weight: 900;color: #000;}
h2 {font-size:1.7em;line-height: 0.8em;font-weight: 900;color: #000;}
h3 {font-size:1.5em;line-height: 0.8em;font-weight: 900;color: #000;}
h4 {font-size:1.4em;line-height: 0.8em;font-weight: 900;color: #000;}
h5 {font-size:1.3em;line-height: 0.8em;font-weight: 900;color: #000;}
h6 {font-size:1.2em;line-height: 0.8em;font-weight: 900;color: #000;}

/*links*/

img {border: 0 none;}

/* Clears Divs */
.clr{clear: both;}

/* #######################  END GENERAL SETTINGS ############################ */