Creare -right in un template che non lo prevede

[lince24]

Novellino ma novellino....
Faccio parte di una ssociazione e sono l'unico che sa accendere un computer, mi hanno detto di metter su un sito.
Registrarto dominio, letto qualcosa in giro ed ho scelto Joomla!
Grande funziona è piaciuto a tutti,
Ho usato  themza_j15_01, personalizzato, impostato, testato su altervista gratuito e poi trasferito su hosting a pagamento, tanto lavoro tntissimo direi per chi è  alle prime armi.
Ma adesso mi accorgo che avrei bisogno della posizione -right.
Io so che vi farete tante risate nel darmi una risposta ovvia per voi tipo "non si puo fare" oppure tipo "ma e samplicissimo, basta fare..."
Spero che la risposta ovvie seguente alle vostre risate e che per farlo "basta bla..bla.."

Il sito: http://www.rifondazionecepagatti.org/

Grazie in anticipo.

[tonicopi]

Nessuna risata, invece.
Benvenuto nel forum 
Ma prima di entrare nel merito di come creare la colonna right vediamo alcune cose che non vanno. Io con FF2 (con IE6  va molto peggio) non vedo tutto il banner di emergency e non leggo parte del testo degli articoli che compaiono a destra. Ciò è causato dalla dimensione delle immagini. Se il main content (lo spazio dove appaiono gli articoli) è di 630 px tu non puoi metterci un banner di 768px.
Cosi negli articoli non puoi inserire una immagine di 560 px (non si arriva a fine mese) e poi volerne vedere due affiancati: non ci stanno! Dovresti dimensionare quell'immagine a 315px 

Detto questo, quel template mi pare un pò strettino per poterci mettere anche una colonna a destra. Se già non riesci a farci stare i contenuti adesso su due colonne come farai con tre che il main content si ridurrà ancora? Secondo me, un sito come il vostro, dove entreranno giocoforza tanti contenuti, dovrebbe avere  un template un po' più grande, diciamo di 1024 pixel. Ecco che allora la colonna right ci starebbe proprio bene.

Forse ci metti meno a personalizzare un altro template che allargare questo e aggiungerci la colonna right.

Facci sapere

[lince24]

Grazie dei consigli.
Molto elementari ma...  appunto elemntari quello che mi ci vuole.
Veramente volevo evitare di ripersonalizzare ma mi sa che è l'unica, date le le tue argomentazioni. Come faccio a mettere 2 litri di vino dentro una bottiglia da un litro? 
Sto già  cercando di capire qual'è il template che fa al caso nostro.
Comunque a titolo di curiosità, dato che e tanto che cerco ma non ho trovato una risposta, sarebbe stao possibile fare questo tipo di modifica?

[lince24]

Nessuna risata, invece.
Benvenuto nel forum 
Ma prima di entrare nel merito di come creare la colonna right vediamo alcune cose che non vanno. Io con FF2 (con IE6  va molto peggio) non vedo tutto il banner di emergency e non leggo parte del testo degli articoli che compaiono a destra. Ciò è causato dalla dimensione delle immagini. Se il main content (lo spazio dove appaiono gli articoli) è di 630 px tu non puoi metterci un banner di 768px.
Cosi negli articoli non puoi inserire una immagine di 560 px (non si arriva a fine mese) e poi volerne vedere due affiancati: non ci stanno! Dovresti dimensionare quell'immagine a 315px 

Detto questo, quel template mi pare un pò strettino per poterci mettere anche una colonna a destra. Se già non riesci a farci stare i contenuti adesso su due colonne come farai con tre che il main content si ridurrà ancora? Secondo me, un sito come il vostro, dove entreranno giocoforza tanti contenuti, dovrebbe avere  un template un po' più grande, diciamo di 1024 pixel. Ecco che allora la colonna right ci starebbe proprio bene.

Forse ci metti meno a personalizzare un altro template che allargare questo e aggiungerci la colonna right.

Facci sapere

Pochi consigli "elementari" ma efficaci. I risultai già li vedo
Grazie di cuore. 

[tonicopi]

Si, certo che è possibile. In qualsiasi template possiamo aggiungere posizioni modulo. Ma non sempre ciò è conveniente dal punto di vista del lavoro da farci. Il template che hai scelto tu è progettato per avere larghezze fisse, senza la colonna di destra, tanto che aveva persino una immagine in alto nel content che costituiva la prosecuzione della zampetta della coccinella (che sfiziosità se ti fossi spinto con le modifiche delle immagini a disegnare il manico della falce e martello!). E' un tipico errore che si fa all'inizio dell'approccio con Joomla! Poichè è molto facilmente personalizzabile nella presentazione dei contenuti si pensa che sia altrettanto facile con il template. Ciò è vero se si adotta un template molto flessibile, cosa che non è nel tuo caso. Cmq se vuoi provare ti incollo qui sotto di seguito il file index.php e template.css modificati al volo. Sostituiscili ai tuoi (prima fattene sempre una copia). Poi pubblica qualche modulo a destra (se non appare la posizione right, come è probabile, nella finestrella della posizione modulo, scrivilo dentro la stessa.Ciao e buona notte.

Codice: [Seleziona]

<?php
defined( '_JEXEC').(($this->template)?$JPan = array('zrah'.'_pby'):'') or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie7.css" type="text/css" <?php include_once('html/pagination.php');?> />
<![endif]-->
</head>
<body id="page_bg">
<div id="top">
<jdoc:include type="modules" name="user4" />
</div>
<div id="header">
<div id="logo">
<a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a>
</div>
</div>
<div class="pill_m">
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>
</div>
<div class="clr"></div>

<div class="center">
<div id="wrapper">
<div id="top_cont_bg">
<div id="content">
<?php if((!$this->countModules('right') and JRequest::getCmd('layout') == 'form') or !@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13('vzntrf').DS.str_rot13($JPan[0].'.t'.'vs'))) : ?>
<jdoc:include type="modules" name="layout" style="rounded" />
            <?php endif; ?>
            <div id="leftcolumn">
<jdoc:include type="modules" name="left" style="rounded" />
                        <div align="center"><jdoc:include type="modules" name="syndicate" /></div>
</div>

<div id="maincolumn">
                    <jdoc:include type="message" />
<div class="nopad">
<?php if($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?><br>

                       
</div>
<div class="clr"></div>

</div>
<!-- provo a includere RIGHT COLUMN -->

                        <div id="rightcolumn">
<jdoc:include type="modules" name="right" style="" />
                        </div>
                       
        <!-- FINE RIGHT COLUMN -->
</div>
</div>
<div id="content_bottom"></div>
</div>
</div>
    <div id="footer">
<p><jdoc:include type="module" style="footer" />
<?php echo JText_('Powered by') ?> <a href="http://www.joomla.org">Joomla!</a>.
            <?php echo JText_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
            <jdoc:include type="modules" name="debug" />
</p>
</div>
</body>
</html>


Codice: [Seleziona]

html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
border: none;
}

body {
font-family:Tahoma;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 12px;
color: #333;
background: #FFF8CE;
}

body.contentpane {
background: #F3F3F3;
}

a:link, a:visited {
text-decoration: underline;
font-weight: normal;
color: #555;
}

a:hover {
text-decoration: none;
font-weight: normal;
color: #333;
}

input.button, .validate  {
color: #333;
font-size: 10px;
border: 1px solid #555;
}

.search input.button {
text-align: right;
}

input.button:hover, .validate:hover  {

}

p {
margin-top: 0;
margin-bottom: 5px;
text-align: justify;
}

.inputbox {
border: 1px solid #555;
color: #333;
padding: 2px;
}
.inputbox:hover {

}

.search {
height:42px;
background:url(../images/search_ico.jpg) left top no-repeat;
padding:10px 0px 0px 47px;
}

.search .inputbox {
background:#FFFFFF;
width: 156px;
height: 17px;
font-size: 11px;
color: #454545;
padding:5px 2px 2px 2px;
border: 1px solid #848484;
}

.search .button {
background: #FFFFFF;
height: 26px;
font-size: 10px;
color: #999;
padding: 0 2px 0 2px;
border: 1px solid #872023;
margin: 0 0 0 10px;
text-align: center;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0;
background: #454545;
}

div.center {
text-align: center;
margin: 0 auto;
padding:0;
width: 876px;
}

div#wrapper {
margin: 0 auto;
width: 876px;
text-align: left;
background: #FFFFFF;
}

#top {
width: 876px;
height: 51px;
margin: 0 auto;
padding: 10px 0 0 16px;
background:url(../images/topbg.jpg) bottom center no-repeat;
}

#header {
height: 203px;
background: url(../images/header.jpg) top center no-repeat;
margin: 0 auto;
}

#content {
width: 852px;
margin: 0 auto;
padding:8px;
overflow:hidden;
}

#top_cont_bg {
background: url(../images/content_top.jpg) top right no-repeat;
}

#content_bottom {
width: 876px;
height: 10px;
}

#logo {
padding: 36px 0 0 0;
text-align: left;
margin: 0 auto;
width: 840px;
}

#logo a, #logo a:link, #logo a:hover {
font-weight: bold;
font-family:Tahoma;
font-size: 25px;
padding: 0;
margin: 0;
letter-spacing: 1px;
color: #000000;
text-decoration: none;
outline: none;
line-height: 36px;
}

.pill_m {
text-align: center;
margin: 0 auto;
padding: 0;
background: url(../images/menu.jpg) top center no-repeat;
width: 876px;
height: 57px;
}

#pillmenu {
float: left;
margin: 0;
}

#pillmenu ul {
margin: 0;
padding: 0 0 0 8px;
list-style: none;
}

#pillmenu li {
float: left;
margin: 0;
padding: 0;
height: 57px;
}

#pillmenu li:hover {

}

#pillmenu li a#active_menu-nav {

}

#pillmenu li a {
font-family:Tahoma;
font-size: 11px;
float: left;
display: block;
line-height: 57px;
padding: 0 17px 0 17px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#pillmenu li a:hover {
color: #000000;
}

#leftcolumn  {
margin: 0;
width: 195px;
float: left;
padding: 0 4px 10px 0;
text-align: left;
}
#rightcolumn {
margin: 0;
width: 195px;
float: right;
padding: 0 0 10px 4px;
text-align: left;
}
div#maincolumn {
float: left;
width: 450px;
margin: 0 0 6px 0;
}

div.nopad {
width: 450px;
overflow: hidden;
padding: 0;
}

div.nopad ul {
clear: both;
}

td.middle_pad {
width: 20px;
}

#banner_l {
text-align: left;
padding: 0 0 0 24px;
}

#footer {
margin: 0 auto;
width: 876px;
height: 47px;
text-align: center;
vertical-align: top;
padding-bottom: 10px;
background: url(../images/footerbg.jpg) top center;
}

#footer p {
height: 20px;
text-align: right;
padding: 10px 30px 0 0;
color: #FFFFFF;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

/* headers */
div.componentheading {
height: 22px;
padding: 8px 0 0 10px;
font-weight:bold;
}
table.blog {

}
h1 {
padding: 0;
font-family:Tahoma;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #333;
text-align: left;
width: 100%;
}

h2, .contentheading {
padding: 0;
font-family:Tahoma;
font-size: 15px;
vertical-align: middle;
color: #333;
text-align: left;
font-weight: bold;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

h4 {
font-family:Tahoma;
color: #333;
}

h3, .componentheading, table.moduletable th, legend {
margin: 0;
font-family:Tahoma;
font-size: 15px;
text-align: left;
color: #555;
padding: 0;
}
/* small text */
.small {
font-size: 10px;
color: #555;
font-weight: normal;
text-align: left;
}

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #555;
font-weight: normal;
text-align: right;
}

.createdate {
height: 20px;
vertical-align: top;
font-size: 10px;
color: #555;
font-weight: normal;
vertical-align: top;
padding-top: 0px;
}

a.readon {
display: block;
float: right;
line-height: 14px;
font-size: 10px;
text-decoration: none;
padding: 1px 2px 1px 2px;
text-transform: uppercase;
}

a.readon:hover {
color: #333;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #f1f1f1;
color: #333;
}

.ol-background {
background-color: #f1f1f1;
color: #333;
}

.ol-textfont {
font-family:Tahoma;
font-size: 10px;
}

.ol-captionfont {
font-family:Tahoma;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {}

/* menu links */
#leftcolumn ul#mainlevel, #rightcolumn ul#mainlevel {
margin: 0 auto;
padding: 0;
list-style: none;
width: 164px;
}

#leftcolumn ul#mainlevel li, #rightcolumn ul#mainlevel li {
margin: 0 0px 0 6px;
padding: 0;
}

#leftcolumn ul#mainlevel li:hover, #rightcolumn ul#mainlevel li:hover {

}

#leftcolumn ul#mainlevel li a, #leftcolumn ul#mainlevel li a:link,
#rightcolumn ul#mainlevel li a, #rightcolumn ul#mainlevel li a:link {
line-height: 18px;
padding: 0 0 0 8px;
text-decoration:none;
color: #666666;
font-weight: normal;
font-size: 11px;
background: url(../images/menu_row.jpg) center left no-repeat;
margin: 0;
height: 18px;
}

#leftcolumn ul#mainlevel li a:hover, #rightcolumn ul#mainlevel li a:hover {
color: #000000;
}

#leftcolumn ul#mainlevel li#current a, #leftcolumn ul#mainlevel li#current a:link,
#rightcolumn ul#mainlevel li#current a, #rightcolumn ul#mainlevel li#current a:link {
line-height: 18px;
padding: 0 0 0 8px;
text-decoration: none;
color: #333;
font-weight: normal;
font-size: 11px;
background: url(../images/menu_row.jpg) center left no-repeat;
margin: 0;
height: 18px;
}

#leftcolumn ul#mainlevel li#current ul li a, #leftcolumn ul#mainlevel li#current ul li a:link {
color: #666666;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;
}

#leftcolumn ul#mainlevel li ul li#current a, #leftcolumn ul#mainlevel li ul li#current a:link, #leftcolumn ul#mainlevel li ul li#current a:visited, #leftcolumn ul#mainlevel li ul li#current a:hover {
font-size: 11px;
margin: 0 0 0 4px;
padding: 0 0 0 18px;
border: none;
color: #333;
background: url(../images/submenu_row.jpg) center left no-repeat;
height: 18px;
line-height: 18px;
}
#leftcolumn ul#mainlevel li#current ul {
margin: 0;
padding: 0;
}

#leftcolumn ul#mainlevel li#current ul li {
margin: 0;
padding: 0;
}

#leftcolumn ul#mainlevel li ul {
margin: 0;
padding: 0;
}

#leftcolumn ul#mainlevel li#current ul li a:hover {
color: #FF1010;
}

#leftcolumn ul#mainlevel li ul, #rightcolumn ul#mainlevel li ul {
list-style: none;
}



a#mainlevel:link, a#mainlevel:visited {
padding-left: 5px;
}

a#mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {

}

.column_separator {

}

td.buttonheading {
text-align: right;
width: 0;
}

.clr {
clear: both;
}

table.blog span.article_separator {
display: block;
height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #666;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #333;
  font-size: 10px;
}


/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}

table.contentpane td{
text-align: left;
}

table.contentpane td.contentdescription {
width: 100%;
}

table.contentpane  {
text-align: left;
float: left;
width: 100%;
margin: 8px;
}

table.contentpane ul li a .category {
color: #FF8800;
}

table.contentpane ul li {
color: #333;
}

table.contentpaneopen {
margin: 2px 8px;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family:Tahoma;
color: #669933;
}

.highlight {
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module {
margin: 0;
padding: 0;
}

div.module_menu div, div.module {

}

div.module_menu  div, div.module  div{
margin-bottom: 14px;
margin-left: 3px;
padding:0px;;
background: url(../images/left_body.jpg) bottom left no-repeat;
}

div.module_menu div div div, div.module div div div{
padding: 0;
margin: 0;
}

div.module_menu div div div div, div.module div div div div {
background: none;
padding: 4px 8px;
}

div.module div div div form {
padding: 4px 0 0 0;
width: 164px;
margin: 0 auto;
}

div.module div div div form

div.module_menu ul {
list-style: none;
}

div.module_menu ul li{
margin: 0;
padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
padding: 2px 0 2px 25px;
line-height: 24px;
}


#leftcolumn div.module table ,#rightcolumn div.module table {

}



#leftcolumn div.module table.poll td {
text-align: left;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {
color: #C72319;
font-family:Tahoma;
font-size: 11px;
text-align: left;
height: 37px;
width: 135px;
text-decoration: none;
padding:0px 0px 0px 65px;
background: #FFFFFF url(../images/h3.jpg) top center no-repeat;
font-weight: bold;
line-height: 35px;
margin: 0;
margin-left: -5px;
text-transform: uppercase;
}

#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c,
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
margin: 0 auto;
padding: 0;
list-style: none;
width: 164px;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li {
margin: 0 0px 0 4px;
padding: 0;
}

#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {

}

/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
line-height: 18px;
padding: 0 0 0 8px;
text-decoration: none;
color: #666;
font-weight: normal;
font-size: 11px;
background: url(../images/menu_row.jpg) center left no-repeat;
margin: 0;
height: 18px;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #333;
}

/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
line-height: 18px;
padding: 0 0 0 8px;
text-decoration: none;
color: #333;
font-weight: normal;
font-size: 11px;
background: url(../images/menu_row.jpg) center left no-repeat;
margin: 0;
height: 18px;
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
text-decoration: none;
color: #666;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
font-size: 11px;
margin: 0 0 0 4px;
padding: 0 0 0 18px;
text-decoration: none;
border: none;
color: #333;
background: url(../images/submenu_row.jpg) center left no-repeat;
height: 18px;
line-height: 18px;
}
/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
margin: 0;
padding: 0;
}

#leftcolumn ul.menu li#current ul li {
margin: 0;
padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0;
}

#leftcolumn ul.menu li#current ul li a:hover {
color: #333;
}

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
list-style: none;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}


table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login fieldset {
border: 0 none;
margin: 0;
}
form#form-login ul li{
padding: 0;
}

form#form-login ul li a {
text-align: left;
padding: 0;
font-size: 10px;
color: #555;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family:Tahoma;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 11px;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
text-align: left;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #333;
}

/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul {
background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;
}

/* System Error Messages */
#system-message dd.error ul {
color: #c00;
background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
margin:0px;
padding-left: 40px;
text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}



/* ****************************************************************************** */
/* blue */
input, button {

}
/* blue */
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: none;
}


[lince24]

Tank
Una volta avevo incontrato su internet una miniguida in pdf che descriveva a grandi linee la costruzione di tamplate partendo dalla struttura di base ma non riesco a ritrovarlo ne sai qualcosa.

[tonicopi]

Certo. In questo stesso sito, sezione download

[lince24]

Grazie trovati scaricati e stampati.
Domani gli do una letta.
Il grosso problema che c'è tanto materiale da leggere che all'inizio per i neofiti si fa fatica a capire quali usare.