Back to top

Autore Topic: AIUTATEMI ! non riesco a modificare colore colonna template !  (Letto 7244 volte)

Offline caisarts

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Ciao a tutti ! spero che qualcuno mi possa aiutare ! ho insatllato il template "Fresh Air " x joomla 1.5 ... io vorrei solamente dare un colore di grigio chiaro di sfondo alle colonne di sx e dx cosi' da distinguerle dal centro, ma non riesco a trovare il codice x modificarle...mi poette aiutare ? grazie mille !!! questo è il foglio CSS :
 
Codice: [Seleziona]
/*****************************/
/*** Core html setup stuff ***/
/*****************************/

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

form {
  display:inline;
}

body {
margin: 0px 0px 0px 0px;
width: 100%;
display: table;
background: #3F00;
}

body, td{
font-family: "Trebuchet MS";
font-size: 13px;
color: #333;
line-height: 1.3em;
}

a:link, a:visited {
text-decoration: none;
font-weight: normal;
}

a:hover {
text-decoration: underline;
font-weight: normal;
}

input.button { cursor: pointer; }

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

img { border: 0 none; margin:0px; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0px;
margin: 1px;
margin-bottom: 0px;
background: #FFF url(../images/bg_page.png) top repeat-x;
}

div#top_menu{
height:54px;
margin: 0px auto;
width: 978px;
}

#topnav{ height: 54px; width:952px; margin: 0px; padding:0px; font-weight: bold; float:left; }
#topnav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 54px; float: left; position: relative; }
#topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:40px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
#topnav ul li ul ul { margin: -50px 0 0 11em; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #fff; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }

div#main_bg{
margin:0px auto;
width: 978px;
text-align:left;
background:#fff;
}


div#h_area{
background: #FFF url(../images/h_area_bg.jpg) top center no-repeat;
margin:0px auto;
width: 964px;
height:71px;
text-align:left;
padding-left:14px;
padding-top:10px;
}


.logo{
display: block;
float:left;
padding-top:0px;
margin-bottom:10px;
margin-left:10px;
width:600px;
}
a.logo,a.logo:link,a.logo:hover, a.logo:visited{
font-size:30px;
font-weight:bold;
line-height: 58px;
color:#333;
text-decoration:none;
font-family:Arial;
}

div#user4{
float:right;
text-align:left;
margin-right: 20px;
}

div#user4 div.search{
width:220px;
height:46px;
text-align:left;
padding-top: 5px;
background: url(../images/search_bg.gif) top left no-repeat;
}
div#user4 div.search .inputbox {
background:#FFFFFF;
width: 150px;
height: 16px;
margin-left: 60px;
font-size: 11px;
color: #454545;
padding:5px 2px 2px 2px;
border: 1px solid #D3D3D3;
}

div#main_top{
width:978px;
height:273px;
background: url(../images/banner1.jpg) top center no-repeat;
}
div#main_top table.contentpaneopen{
padding:0px;
margin-top:40px;
margin-right:40px;
width:430px;
height:149px;
overflow: auto;
text-align:left;
color:#444;
float:right;
}
div#main_top table.contentpaneopen td{
color:#444;
}
div#main_top table.contentpaneopen a, div#main_top table.contentpaneopen a:link{
color:#444;
}

.search {
text-align:left;
width: 156px;
height:43px;
}
.search .inputbox {
background:#FFFFFF;
width: 156px;
height: 17px;
font-size: 11px;
color: #454545;
margin:9px 0px 0px 20px;
border: 1px solid #D3D3D3;
}


#leftcolumn{
margin-left:9px;
padding:0px;
width:205px;
float:left;
}
#rightcolumn{
margin-right:9px;
padding:0px;
width:205px;
float:right;
}

#maincolumn{
width:530px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
#maincolumn_middle{
width: 740px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
#maincolumn_big{
width: 967px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}

div.path{
margin:10px 0 0 0px;
padding: 5px;
}

div.nopad {
float:left;
padding:0 0px 15px 0px;
}

div.nopad ul {
clear: both;
}
.article_separator {
height:35px;
line-height:35px;
}
form#form-login fieldset {
border: none;
margin: 0;
margin-left:10px;
}
form#form-login ul li{
padding: 0;
}

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

#leftcolumn div.module_menu, #leftcolumn div.module{
margin: 10px 0px 0px 0px;
padding:0px;
width: 205px;
}
.article_column {
padding-right:10px;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
margin: 10px 0px 0px 0px;
padding: 0px;
width: 205px;
}
div.bannergroup_text {
margin:0px 13px 15px 13px;
}
.bannerheader {
font-weight:bold;
margin-bottom:10px;
}
.banneritem_text {
margin-bottom:10px;
}
.bannerfooter_text {
margin-bottom:10px;
}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div div,
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
background: url(../images/rub_bottom.png) center bottom no-repeat;

}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div{
margin: 0px;
padding: 0px;
padding-bottom:5px;
width: 205px;
height:auto;
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
background: none;
padding:4px 8px;
}
#leftcolumn h3,
#rightcolumn h3{
text-align: left;
padding-left:15px;
height: 42px;
width: 190px;
line-height: 40px;
color:#FFFFF;
font-size:16px;
margin:0px;
font-weight:bold;
}
table.poll thead td {
text-align: left;
padding-left:10px;
}
table.poll td {
text-align: left;
}
#leftcolumn ul.menu li ul{
list-style: none;
}
.pollstableborder {
margin: 5px 0px 10px 0px;
}
.poll td div{
display:inline;
}

/* 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;
}
.moduletable ul {
padding:5px 10px 5px 12px;
margin:0px;
}

.moduletable ul li {
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
#leftcolumn ul.menu li#current ul li,
#rightcolumn ul.menu li#current ul li {
margin: 0px;
padding: 0px;
}
ul.menu {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.menu li{
padding:0px 10px 5px 15px;
margin:0px;
}

ul.menu li ul {
padding:0px 0px 5px 0px;
margin:0px;
}
ul.menu li ul li{
padding:0px 0px 0px 15px;
border:none;
}
ul.menu li#current ul li a{
margin-left:15px;
text-decoration:none;
}
ul.mostread {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.mostread li{
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
ul.latestnews {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.latestnews li{
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
div.componentheading{
font-size:16px;
font-size:19px;
margin:7px auto;
}
td.contentheading{
font-weight:normal;
vertical-align:top;
font-size:19px;
height:30px;
color:#9E9E9B;
background: url(../images/contentheading_ico.png) left top no-repeat;
}
table.contentpaneopen td.contentheading{
padding-left:34px;
}
table.contentpaneopen{
border-collapse: collapse;
margin-left:5px;
}
td.buttonheading{
padding:0px 2px 0px 2px;
}
table.contentpaneopen td{
padding:0px;
}
.contentpaneopen p{
line-height:22px;
}
span.small, td.createdate, td.modifydate{
font-size:11px;
color:#FFFFFF;
}
span.pagination span, span.pagination a{
padding:5px;
}



div#f_area{
background: #CBCBCB url(../images/f_area_bg.png) top repeat-x;
margin:0px auto;
width: 978px;
text-align:left;
margin-bottom:3px;
}
#f_area div.moduletable, #f_area div.moduletable_menu{
float: left;
margin:20px 4px 10px 6px;
width: 234px;
}
#f_area h3{
text-align:center;
vertical-align:bottom;
height: 30px;
width: 234px;
color:#FFFFFF;
font-size:17px;
font-family:"Trebuchet MS", Tahoma, Verdana;
margin:0px;
padding-top:20px;
}

/* 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;}

#syndicate{
float:left;
padding-left: 25px;
}
   
« Ultima modifica: 27 Nov 2010, 13:58:28 da ricdata »

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #1 il: 27 Nov 2010, 14:03:48 »
benvenuto,

per cortesia utilizza il tag "code" quando devi inserire parti di codice.

per la tua richiesta prova in questo modo

Codice: [Seleziona]
#leftcolumn{
   background:#cbcbcb;   <<<<<<<<<<<<< QUI
   margin-left:9px;
   padding:0px;
   width:205px;
   float:left;
}
#rightcolumn{
   background:#cbcbcb;   <<<<<<<<<<<<< QUI
   margin-right:9px;
   padding:0px;
   width:205px;
   float:right;
}

Offline caisarts

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #2 il: 27 Nov 2010, 15:16:38 »
ops, scusa nn sapevo! pardon !!! :(
senti , ho messo come hai detto tu ma mi dà sol oquesto sisultato: http://www.vittorioragone.com/
ps. grazie mille x l aiuto :)

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #3 il: 27 Nov 2010, 15:22:59 »
cosa vorresti ottenere?

Offline caisarts

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #4 il: 27 Nov 2010, 15:25:29 »
vorrei che il grigio della colonna arrivasse fino a giu' e nn che si interrompesse all unico blocco che deve restare li ...

Offline caisarts

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #5 il: 28 Nov 2010, 13:09:51 »
ciao...ti volevo chiedere se avevi capito o se era possibile... scusami ma son odisperata...nn so ' proprio cme fare ... :(

Offline Ago_

  • Abituale
  • ****
  • Post: 823
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #6 il: 28 Nov 2010, 13:17:43 »
certe volte questo forum è strabiliante, unico nel suo genere per il supporto che riesce a dare, altre volte...si pecca di aiuti generali....

come per esempio creare delle piccolissime guide da mettere in rilievo per insegnare a iniziar a modificare i template

ti do un suggerimento...usa l'estensione firebug, che penso sia fondamentale per trovare il codice che si vuole modifica, ovviamente è un estensione per mozilla firefox...

Offline caisarts

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #7 il: 28 Nov 2010, 13:25:44 »
purtroppo, ce l ho ma l unica cosa è che non fa vedere le colonne..... no nso come fare.........

Offline Ago_

  • Abituale
  • ****
  • Post: 823
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #8 il: 28 Nov 2010, 13:38:10 »
se magari togli l'offline al sito qualcuno ti può aiutare...  ;)

Offline ramses_2th

  • Global Moderator
  • Instancabile
  • *****
  • Post: 4067
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #9 il: 28 Nov 2010, 13:38:40 »
Ma hai un link del sito ?

Offline Ago_

  • Abituale
  • ****
  • Post: 823
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #10 il: 28 Nov 2010, 13:42:01 »
i file img delle colonne stanno nella cartella images...per esempio uno dei file è il rub_bottom.png

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #11 il: 28 Nov 2010, 14:14:16 »
certe volte questo forum è strabiliante, unico nel suo genere per il supporto che riesce a dare, altre volte...si pecca di aiuti generali....

come per esempio creare delle piccolissime guide da mettere in rilievo per insegnare a iniziar a modificare i template

di guide ce ne sono un'infinità.... qui nel forum, nel wiki, tra gli articoli, su joomla.org, su google.......
tutto sta ad avere la voglia di cercarle ed impararle...  ;)


@caisarts

o ci diamo un appuntamento  ;D o lasci il sito online.


Offline caisarts

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #12 il: 28 Nov 2010, 14:25:38 »
il sito è http://www.vittorioragone.com
ora l olascio online...grazie mille !!

Offline Ago_

  • Abituale
  • ****
  • Post: 823
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #13 il: 28 Nov 2010, 14:36:50 »
di guide ce ne sono un'infinità.... qui nel forum, nel wiki, tra gli articoli, su joomla.org, su google.......
tutto sta ad avere la voglia di cercarle ed impararle...  ;)

ovviamente capisco che non è il luogo adatto....però so le potenzialità di questo sito fra forum, wiki, etc...

però modestamente, essendo un intenditore e studiando anche questo all'università, vedo che l'usabilità del portale è molto ma molto scarsa...bisognerebbe lavorarci un pò su...

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #14 il: 28 Nov 2010, 15:00:29 »
c'è da fare qualche modifica alla struttura del template non solo al css.
sto cercando di scaricare il template ma non lo trovo da nessuna parte... dove lo hai preso?
me lo potresti allegare?


Offline caisarts

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #15 il: 28 Nov 2010, 15:16:26 »
eccolo qui...grazie ! vorrei colorare la colonna con questo colore : c3bcbc47

[allegato eliminato da un amministratore]

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #16 il: 28 Nov 2010, 15:20:22 »
ok, ora te lo modifco e te lo rimando.


@ Ago_

se hai delle proposte per migliorare il sito ne puoi parlare direttamente con uno degli amministratori.

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #17 il: 28 Nov 2010, 16:17:02 »
sovrascrivi il file css/template.css con quello che ti allego.
avrai bisogno anche di allargare leggermente l'immagine in alto...

fammi sapere se va bene,
buon lavoro.

[allegato eliminato da un amministratore]

Offline caisarts

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #18 il: 28 Nov 2010, 16:21:28 »
purtroppo mi ha fatto tutto grigio , non solo la colonna di sinistra :((
www.vittorioragone.com

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:AIUTATEMI ! non riesco a modificare colore colonna template !
« Risposta #19 il: 28 Nov 2010, 16:30:34 »
prova quest'altro

PS non lo togliere subito altrimenti non posso vedere eventuali ed ulteriori modifiche da fare.

 



Web Design Bolzano Kreatif