Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : randino 23 Jul 2008, 20:52:42
-
Salve, torno ad affacciarmi dopo aver risolto grazie a questo forum il mio problema da pricipiante...adesso vi sottpongo il nuovo quesito:
ho caricato il template jw_clean_pro (bello e pulito)
che presenta due colonne (nel mio caso collocate a sinistra) più un corpo più ampio. Le due colonne hanno le stesse dimensioni, io avrei bisgogno per il mio giornale on line di avere una colonna più ampia (mettiamo 350-400 px) ed una più stretta (200 - 250). Attacco la porzione di css dedicate (credo)
un grazie sincero a chiunque vorrà rispondermi
r.
/* LEFT COLUMN + RIGHT COLUMN --------------------------------------------------------- */
#jwd_sidebar1 {overflow:hidden;}
#jwd_sidebar2 {overflow:hidden;background:#FFFFFF}
#jwd_sidebar1 table, #jwd_sidebar2 table {border-collapse:collapse; border-spacing:0}
#jwd_sidebar1 ul li, #jwd_sidebar2 ul li {padding-left:15px; margin:0; background:url(../images/bullet.gif) no-repeat 5px 50%}
#jwd_sidebar1 ul, #jwd_sidebar2 ul {margin:0}
#jwd_sidebar1 ol, #jwd_sidebar2 ol {margin-left:5px}
#jwd_sidebar1 .article_separator, #jwd_sidebar2 .article_separator {display:none}
* html #jwd_contentcover {height:300px}
-
basta che indetfichi l' id o la classe delle colonne,
poi la modifichi nel file css.
-
metti un link al sito
-
salve, grazie per le risposte
...il ilnk al sito è questo www.newsenews.net
come cambiare id o classe alle colonne? (scusate la banalità del principiante)
r.
-
Devi agire su questi comandi css rispettivamente per il box dei contenuti, e i due di destra (attenzione, il totale delle tre percentuali width deve fare un pò meno del 100%, per via di una diversa interpretazione di IE. Per esempio se fai le due colonne al 32% farai il mainbody al 35,4%):
#jwd_containercover_3 #jwd_mainbody {template.css (line 113)
border-color:#CC0000 rgb(204, 204, 204) rgb(204, 204, 204);
border-style:solid;
border-width:3px 1px 1px;
float:left;
width:55.4%;
}
#jwd_containercover_3 #jwd_sidebar1 {template.css (line 114)
border-bottom:1px solid #CCCCCC;
float:left;
width:22%;
}
#jwd_containercover_3 #jwd_sidebar2 {template.css (line 115)
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
float:left;
width:22%;
}