Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: [RISOLTO] Modificare un colore di una template  (Letto 1248 volte)

Offline bauluca97

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
[RISOLTO] Modificare un colore di una template
« il: 21 Feb 2011, 21:24:25 »
Salve a tutti,
è da molto tempo che ho un sito con Joomla.
Ora, dopo parecchio tempo, ho deciso di cambiare template.
Ho trovato online sul sito della Siteground una bellissima template che mi piacerebbe leggermente modificare.
Il link della template è questo: http://www.siteground.com/template-preview/joomla_10/siteground107

Mi piacerebbe uno sfondo bianco invece che azzurro scuro.
Il CSS della template è questo (mi potete modificare il colore? GRAZIE IN ANTICIPO  ;)):


Codice: [Seleziona]
body {
width:100%;
font-family: Tahoma, Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
font-size: 12px;
background: #fdfbfb;
text-align: center;
}
.clr {
clear: both;
font-size:0;
line-height:0;
}

.body_bg {
background: #03a5dd url(../images/waves.png) top center repeat-x;
}

#header{
background: transparent url(../images/header.jpg) top center no-repeat;
width:980px;
height:363px;
margin:0 auto;
}
#header_img{
background: transparent url(../images/header_img.jpg) top center no-repeat;
width:980px;
height:363px;
margin:0 auto;
padding:0;
}

#wrapper{
width:900px;
margin:0 auto;
padding:0;
text-align:center;
}
#logo{
width:900px;
height:120px;
margin:0 auto;
}
table.header_logo{
margin:0 auto;
width:900px;
}
table.header_logo td{
height:120px;
vertical-align:middle;
}
#logo h1{
font-size:24px;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-weight:normal;
text-align:left;
color:#543000;
padding:0 0 0 112px;
margin:0;
}
#top_menu{
width:900px;
height:40px;
padding: 0;
margin:0 auto;
}

#topnavi{
margin:0;
padding:0;
text-align:left;
height: 40px;
line-height: 40px;
}

#topnavi ul {
margin: 0;
padding: 0;
height:40px;
text-align: center;
list-style: none;
}

#topnavi ul li {
float: left;
display: block;
margin: 0;
padding: 0;
background: transparent url(../images/menu_separator.gif) center right no-repeat;
}

#topnavi li a {
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
float: left;
display: block;
color: #666;
text-decoration: none;
font-weight: bold;
height: 40px;
line-height: 40px;
padding: 0 18px;
margin: 0;
cursor: pointer;
}

#topnavi li a:hover {
background: url(../images/but_hover.gif) bottom center no-repeat;
color: #333;
}

#topnavi li a.current {
color: #333;
background: url(../images/but_hover.gif) bottom center no-repeat;
}

#topnavi li a span {
height: 40px;
display: block;
float: left;
padding: 0 4px 0 0;
}

#news_flash {
float:left;
width:381px;
height:108px;
padding:25px 10px 0 10px;
margin: 0;
overflow:hidden;
text-align:justify;
}
#news_flash .module div div div h3{
font-family: Tahoma, Arial, sans-serif;
color: #333;
font-size: 12px;
text-decoration: none;
text-align: left;
padding: 0;
font-weight: bold;
margin: 0;
}
#news_flash table.contentpaneopen  {
width:370px;
float:left;
padding:0;
margin:10px 0 0 0;
}
#news_flash table.contentpaneopen td {
color:#333;
padding:4px 0 0 0;
width:346px;
margin:0;
font-size: 11px;
text-align:justify;
font-family:Tahoma, Arial, sans-serif;
}
#top{
margin:0 auto;
padding:0;
height:40px;
width:900px;
}
#pathway{
float:left;
margin: 0;
padding: 0 0 0 10px;
width: 100%;
height: 30px;
text-align:left;
width:702px;
}
div#pathway span {
color:#eee;
font-size:11px;
height:30px;
line-height:30px;
padding:0;
text-align:left;
}
a.pathway:link, a.pathway:visited {
color:#eee;
font-size:11px;
height:30px;
line-height:30px;
}

#search  {
float:right;
height: 22px;
padding:8px 6px 0 0;
margin:0;
}
#search .search {
float:left;
padding:0;
margin:0;

}
#search form {
margin:0;
padding:0;
}

#search .moduletable {
float:left;
margin:0;
padding:0;
}

#search .search .inputbox {
float:left;
font-size: 11px;
font-family: Tahoma, Arial, sans-serif;
font-weight:normal;
color: #097CA3;
border: 1px solid #097ca3;
padding:3px 0 5px 10px;
margin:0 4px 0 0;
height:12px;
line-height:13px;
width:102px;
overflow:hidden;
}
#mod_search_searchword{
padding:7px 0 0 0;
line-height:25px;
}

#search .search .button {
float:left;
width:50px;
height: 22px;
line-height:17px;
margin:0;
padding:0 0 2px 0;
border: 1px solid #097ca3;
cursor:pointer;
color:#097CA3;
font-weight:normal;
font-size: 11px;
font-family: Tahoma, Arial, sans-serif;
}

#content{
width:900px;
margin:0 auto;
padding:0;
text-align:center;
background:#25b0e0 url(../images/content_bg.jpg) top left repeat-x;
}
#leftcolumn , #rightcolumn {
float: left;
margin: 0;
padding: 0;
width: 187px;
text-align: center;
}
#leftcolumn div.module, #rightcolumn div.module {
margin:0px;
padding:0 0 10px 0;
text-align:center;
width:187px;
}

#leftcolumn div.module div, #rightcolumn div.module div{
padding:0;
margin:0;
}
#leftcolumn div.module div div, #rightcolumn div.module div div {
padding:0 0 5px 0;
margin:0;
}
#leftcolumn div.module div div div, #rightcolumn div.module div div div {
padding:0;
margin:0;
color:#fff;
font-size:11px;
}

#leftcolumn .module div div div h3 {
background: url(../images/h3_left.jpg) top center no-repeat;
font-size:12px;
font-family:Tahoma, Verdana, sans-serif;
font-weight:bold;
text-align:center;
height:34px;
line-height:40px;
margin:0 auto 6px auto;
padding:0 0 0 7px;
color:#fff;
}
#rightcolumn .module div div div h3 {
background: url(../images/h3_right.jpg) top center no-repeat;
font-size:12px;
font-family:Tahoma, Verdana, sans-serif;
font-weight:bold;
text-align:center;
height:34px;
line-height:40px;
margin:0 auto 6px auto;
padding:0 0 0 7px;
color:#fff;
}

#leftcolumn div.module div, #rightcolumn div.module div{
padding:0;
margin:0;
}

#leftcolumn div div.module div div div div, #rightcolumn div div.module div div div div{
padding:10px 0 0 0;

}
#leftcolumn table td, #rightcolumn table td{
color:#fff;
font-size:11px;
font-family: Tahoma, Verdana, sans-serif;
padding: 0;
vertical-align:bottom;
}
#leftcolumn div.module div div div table, #rightcolumn div.module div div div table{
margin:0 auto;
padding:0;
width:160px;
}
#leftcolumn div.module div div div table td, #rightcolumn div.module div div div table td{
margin:0 auto;
padding:2px 0 0 0;
vertical-align:middle;
}

#leftcolumn div.module form table{ /* modula za registracia */
padding:0;
text-align:left;
margin:0 auto;
font-size:12px;
font-family:Tahoma, Verdana, sans-serif;
color:#ab854c;
}
#leftcolumn div.module div div div form table tr td {
margin:0px;
padding:0px;
text-align:left;
}
#leftcolumn div.module div div div form table td, #rightcolumn div.module div div div form table td{
background:none;
}

#leftcolumn div.module form{ /* modula za registracia */
padding:6px 0;
text-align:center;
margin:0 auto;
font-size:12px;
font-family:Tahoma, Verdana, sans-serif;
color:#ab854c;
width:175px;
}

#mod_templatechooser_jos_change_template{
float:left;
font-size:11px;
border:1px solid #097CA3;
color:#097CA3;
}

#leftcolumn div.module div div div div{  /** menuto v liava kolona**/
  text-align:left;
margin:0 auto;
}
div.module div div div form table{
width:160px;
}
a.mainlevel:link, a.mainlevel:visited {
margin: 0;
padding: 0 0 0 10px;
line-height: 18px;
text-decoration: none;
color: #fff;
font-weight: normal;
font-size: 11px;
font-family:Tahoma, Arial,sans-serif;
background: transparent url(../images/menu_arrow.gif) top left no-repeat;
}
a.mainlevel:hover {
text-decoration: underline;
font-weight: normal;
}

a#active_menu.mainlevel:link, a#active_menu.mainlevel:visited {
color: #fff;
font-weight: normal;
text-decoration: underline;
}

a#active_menu.sublevel:link, a#active_menu.sublevel:visited  {
color: #fff;
text-decoration: underline;
}

a.sublevel:link, a.sublevel:visited{
text-decoration: none;
color: #fff;
font-size: 11px;
font-weight: normal;
font-family:Tahoma, Arial,sans-serif;
height:18px;
line-height: 18px;
border: none;
padding: 0 0 0 10px;
margin:0 0 0 8px;
background: transparent url(../images/menu_arrow.gif) top left no-repeat;
}
a.sublevel:hover {
color: #fff;
text-decoration: underline;
}

#main {
float: left;
width: 506px;
padding:0;
font-size:12px;
margin:10px;
}
div#main{
text-align:left;
}

#main_full{
float: left;
width: 690px;
padding:0 0 10px 0;
margin: 10px 0 0 10px;
font-size:11px;
text-align:left;
color:#666;
}

#leftcolumn div.module div div div div div{  /** syndicate **/
  text-align:center;
padding:0;
margin:0 auto;
}

.module .syndicate{
margin:0 auto;
width:160px;
text-align: center;
padding:10px 0 0 0;
}

div.syndicate {
padding:0;
margin:0 auto;
text-align:center;
}

td {
font-family: Tahoma, Arial, Verdana, sans-serif;
color: #eee;
}
table.blog{
margin:0 auto;
}
.contentpaneopen table td{
text-align:left;
}
.text{
text-align:left;
padding:0 0 0 10px;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
line-height: 12px;
}
.message{
color:#fff;
}
div div div form{
margin:0 auto;
text-align:left;
padding: 0 0 0 4px;
}

ul {
margin: 0;
padding: 0;
list-style: none;
list-style-position:outside;
}

li{
padding-left: 0;
padding-top: 0;
}


/**  Linkove  **/
a {
outline: none;
}
a:link, a:visited {
text-decoration: underline;
font-weight: normal;
color: #097ca3;
font-size:11px;
}
a:hover {
text-decoration: none;
}
div.syndicate {
padding:0;
margin:0 auto;
text-align:center;
}

body.contentpane {
background: #fffdfd;
text-align: left;
padding:4px;
color:#666;
}
body.contentpane .small{
color:#097CA3;
}
body.contentpane a:link, body.contentpane a:hover, body.contentpane a:visited{
color:#097CA3;
}
body table.contentpaneopen td.createdate{
color:#097CA3;
}
body table.contentpaneopen td span{
color:#097CA3;
}

body.contentpane table td{
color:#666;
}

body.contentpane .contentpaneopen {
width: 100%;
}

body.contentpane .contentpaneopen .contentheading {
color:#097CA3;
}
h2, .contentheading{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
vertical-align: middle;
color: #fff;
text-align: left;
font-weight: bold;
margin-bottom:0;
}

.moduletable {
margin: 0 auto;
}
select.button {
width: auto;
padding: 0;
}

.pagenav_prev, .pagenav_next {
font-family: Tahoma, Arial, Verdana, sans-serif;
color: #666;
font-size: 11px;
}

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

table.contentpaneopen td.contentheading {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
vertical-align: middle;
color: #fff;
font-weight: bold;
padding: 0;
margin:0;
}
table.contentpane ul{
margin : 0;
padding : 0;
}
table.contentpane ul li{
line-height:14px;
padding:0;
}
table.pollstableborder{
border:none;
}
.module div div div form table.poll {
text-align:center;
}
.poll {
font-size:11px;
text-align:left;
}
.poll table td{
font-size:11px;
text-align:left;
padding:5px 5px 0 0;
}

.button {
cursor:pointer;
font-family: Tahoma, Arial, sans-serif;
margin:3px 0;
padding:0 5px 2px 5px;
height:22px;
line-height:16px;
border: 1px solid #097ca3;
background:#fbfafa;
color:#097CA3;
}
input.button  {
color: #097CA3;
font-size: 11px;
border: 1px solid #097ca3;
background: #fbfafa;
}

input.button:hover  {
cursor: pointer;
}

input[type="checkbox"], input[type="radio"]{
border:none;
}
body.contentpane input.inputbox{
margin:0 0 5px 0;
}
#searchphraseany, #searchphraseall, #searchphraseexact{
border:none;
}
#mos_change_template{
border: 1px solid #097ca3;
width:112px;
color:#666;
}
#mod_login_remember{
border:none;
background:none;
padding:0;
margin:0;
}
#mod_login_username, #mod_login_password{
width:124px;
margin:0 0 5px 0;
}
#contact_text{
border: 1px solid #097ca3;
}
input.inputbox{
border: 1px solid #097ca3;
background:#fbfafa;
color:#097ca3;
}
.inputbox{
border: 1px solid #097ca3;
background:#fbfafa;
color:#097ca3;
}

.back_button {
float: left;
text-align: center;
font-size: 11px;
font-weight: normal;
width: auto;
padding: 0px;
line-height: 20px;
margin: 10px 0 50px 0;
}

.componentheading {
margin: 0;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
text-align: left;
color: #fff;
padding: 0 0 10px 0;
font-weight:bold;
}
element.style{
margin:10px;
padding:0;
}

#footer {
margin: 0 auto;
width: 900px;
height: 20px;
color: #f2f2f2;
vertical-align: top;
padding:10px 0 10px 0;
}
.copyright {
font-size: 11px;
text-align: center;
width: 100%;
margin: 0 auto;
color: #f2f2f2;
font-family:Tahoma, Arial, Verdana, sans-serif;
}

a.sgfooter:link, a.sgfooter:visited {
color: #f2f2f2;
font-size: 11px;
font-family:Tahoma, Arial, Verdana, sans-serif;
text-decoration: none;
}
a.sgfooter:hover {
color: #f2f2f2;
}

a.sglink:link, a.sglink:visited {
color: #fff;
font-size: 11px;
font-family:Tahoma, Arial, Verdana, sans-serif;
text-decoration: none;
}
a.sglink:hover {
text-decoration: none;
}
img, table{
border:none
}
a img {
border: none;
}

.pagenav {
font-size:11px;
font-weight:normal;
}

a.toclink:link, a.toclink:visited {
line-height:normal;
font-size:11px;
font-family: Tahoma, Arial, Verdana, sans-serif;
color: #097ca3;
text-decoration: underline;
}
a.toclink:hover {
text-decoration: none;
}
table.contenttoc {
padding: 4px;
margin-left: 4px;
margin-bottom: 2px;
}

table.contenttoc th {
color: #fff;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}
.sectiontableheader {
height: 20px;
padding-right:3px;
font-weight :normal;
}
.sectiontableentry2, .sectiontableentry1 {
font-size: 11px;
text-align:left;
padding:2px;
}
#rightcolumn .sectiontableentry1{
background:none;
}
.sectiontableentry1 {

}

.sectiontableentry2 {

}

table.contentpane {
padding: 0;
}

table.contentpane td.contentdescription {
font-size:11px;
line-height:18px;
padding: 0;
}

table.contentpane td.componentheading {
height: 20px;
padding: 0 0 3px 0;
color: #fff;
text-align: left;
padding-bottom:3px;
white-space: nowrap;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
}
table.contentpane td {
padding-top:1px;
padding-bottom:2px;
font-size:11px;
text-align:left;
}
table.contentpaneopen {
margin:0;
}
table.contentpaneopen td {
line-height: 14px;
font-size:11px;
text-align:justify;
}

.height {
height: 100%;
}

.small {
font-size: 11px;
color: #097ca3;
font-weight: normal;
text-align: left;
}
.searchintro{
font-size:11px;
text-align:left;
}

table.contentpaneopen  td.createdate {
height: 20px;
vertical-align: top;
font-size: 11px;
color: #097ca3;
font-weight: normal;
padding-top: 0px;
text-align:left;
}
table.contentpaneopen td.modifydate {
height: 20px;
vertical-align: top;
font-size: 11px;
color: #097ca3;
font-weight: normal;
padding-top: 0px;
text-align:right;
}
.modifydate{
text-align:right;
}
/** Data **/
.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 11px;
color: #097ca3;
font-weight: normal;
text-align: right;
}

table.contentpaneopen td a.readon{
display: block;
float: right;
line-height: 14px;
font-size: 11px;
text-decoration: underline;
padding: 1px 2px 1px 2px;
}

table.contentpaneopen td a.readon:hover{
text-decoration: none;
}

.blog_more {
margin: 2px 8px;
font-size:11px;
font-weight:bold;
text-align:left;
}

h4 {
font-size: 10px;
text-transform: uppercase;
}
table.contentpaneopen td.buttonheading {

}
« Ultima modifica: 22 Feb 2011, 18:45:45 da bauluca97 »
Connesso

adottauncane

  • Visitatore
Re:Modificare un colore di una template
« Risposta #1 il: 21 Feb 2011, 21:33:36 »
Ciao bauluca97,
benvenuto nel forum  :)
Se devi inserire del codice usa il tasto #. ma non è quasi mai necessario. Più che altro serve un link al sito per questo genere di richieste.

In ogno caso, sempre che non ci sia anche un'immagine che compone lo sfondo, potrebbe essere qui:
Codice: [Seleziona]
body {
width:100%;
font-family: Tahoma, Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
font-size: 12px;
background: #fdfbfb; <----------
text-align: center;
}
Connesso

Offline bauluca97

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Modificare un colore di una template
« Risposta #2 il: 21 Feb 2011, 21:42:41 »
Grazie mille per la risposta...
Ma non ho risolto il problema.
Dove ci sono le onde, anche cambiando il codice del colore da te segnalatomi non cambia nulla. sempre azzurro scuro rimane  :(
come devo fare?
Grazie!
Connesso

adottauncane

  • Visitatore
Re:Modificare un colore di una template
« Risposta #3 il: 21 Feb 2011, 21:46:32 »
Citazione da: adottauncane - 21 Feb 2011, 21:33:36
In ogno caso, sempre che non ci sia anche un'immagine che compone lo sfondo, potrebbe essere

Evidentemente è un'immagine come avevo già scritto. Potrebbe essere questa:
Codice: [Seleziona]
.body_bg {
background: #03a5dd url(../images/waves.png) top center repeat-x;
}
Però serve un link al tuo sito per capire. Altrimenti utilizza Firebug per Firefox e analizza il css. ;)
Connesso

Offline bauluca97

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Modificare un colore di una template
« Risposta #4 il: 21 Feb 2011, 22:10:55 »
Ciao,
grazie per la risposta, proverò domani a smanettare un po' sulla grafica.
Grazie mille!!  ;D
Connesso

adottauncane

  • Visitatore
Re:Modificare un colore di una template
« Risposta #5 il: 21 Feb 2011, 22:15:39 »
Prego. Inseriresti [RISOLTO] davanti al titolo del tuo primo post? Grazie e buona permanenza.
Connesso
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl