Come cambiare lo sfondo di un template!

[saru]

Voglio cambiare lo sfondo di un template..come faccio?sono andata nel file css ma se metto un'immagine diversa da quella predefinita vedo tutto nero!
perchè?
grazie!

[adottauncane]

Ciao saru,
un po' difficile saperlo... Metti un link al sito che vediamo...

[saru]

Questo è il css del mio template!

Codice: [Seleziona]

/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/

body { background: #ffff80; color: #ffff80; font-family: "Segoe UI", Arial, Helvetica, sans-serif; line-height: 1.5; }
body#bd { background: url(../images/bodybg.jpg) no-repeat center top #120e05; background-attachment:fixed; color: #333; }
fieldset { border:none; padding:10px 5px; }
body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }
#wrapper {background: trasparent; margin-bottom: 15px; margin:0 auto; }
#ry-header {background: url(../images/LogoSito.jpg) no-repeat center top #fff; height: 167px; position: relative; }
.logo-text { width: 0%; position:relative; left: 0px; text-align: left; top: 0px;  }
.logo-text h1 { font-size: 0%; font-family: Tahoma,"Segoe UI",Arial,Helvetica,sans-serif; text-shadow: 1px 1px 1px #ccc; }
p.site-slogan { font-size: 0%; line-height: .5; text-shadow:1px 1px 1px #333; color:#fff; }
div.ry-search { width: 30%; position:absolute; right: 15px; bottom: 50px; }
div.ry-search .inputbox { border:1px solid #86faf3; background: url(../images/searchbt.gif) no-repeat 4px center #fff; padding: 4px 5px 4px 20px; color: #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.ry-search .inputbox:focus { color: #FFE1B0; }
/** BODY BEGIN **/
#ry-container { background: #fff; clear: both; float: left; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
.content-body { float: left; }
.column-right { float: right; }
.ry-body-content { clear: both; padding: 0 5px; }
.column-left { float: left; }
.ry-content { float: right; }
.ry-box { float: left; }
/** BOOTS SPOT **/
#spoot-bot { background: url(../images/bots-bg.gif); color: #ddd; padding: 5px 5px 15px; text-shadow:1px 1px 1px #333; }
#spoot-bot .ry-box { padding: 0; background: url(../images/dot.gif) repeat-y right; margin-top:10px; }
#spoot-bot .ry-box-right, #spoot-bot .ry-box-full { background: none; }
#spoot-bot a { color: #ddd; }
#spoot-bot a:hover { color: #fff; text-decoration: none; }
/** FOOTER **/
#ry-footer { background: transparent; position:relative; text-align: center; margin-top: 20px; }
/** SLIDE SHOW **/
.ry-slide { overflow: hidden; margin-bottom: 20px;    }
.slide-br { background: url(../images/slide-br.gif) no-repeat bottom right #fff; }
.slide-bl { background: url(../images/slide-bl.gif) no-repeat bottom left; }
.slide-tr { background: url(../images/slide-tr.gif) no-repeat top right; }
.slide-tl { background: url(../images/slide-tl.gif) no-repeat top left; height: 286px; }
.slide-content { padding: 10px; height: 264px; overflow: hidden; }
span.span1 { display: block; text-shadow:1px 1px 1px #444; }

span.span2 {
display: block;
font-weight: normal;
font-size: 92%;
color: #ddd;
}

[adottauncane]

Ma solo con il css non riesco a capire il problema... se sei in locale prova a mettere il sito on line su un server free.

In ogni caso la nuova foto l'hai chiamata con lo stesso nome di quella originale bodybg.jpg? Sempre sia quello lo sfondo... L'hai caricata nella stessa cartella images del template?

[saru]

L'ho messa nella stessa cartella..ma ha un nome diverso!quella che vedi tu li è quella originale del template!

[adottauncane]

E poi nel css qui:

Codice: [Seleziona]

body#bd { background: url(../images/bodybg.jpg) no-repeat center top #120e05; background-attachment:fixed; color: #333; }
hai messo il nuovo nome?

[saru]

si ho messo il nuovo nome!

[adottauncane]

Fatto il refresh della pagina browser? Scrivimi il pezzo di css modificato... usa i code però...

[saru]

body#bd { background: url(../images/body.jpg) no-repeat center top #120e05; background-attachment:fixed; color: #333; }

cosa vuol dire usa i code?

[adottauncane]

Sembra tutto a posto... la foto è nella cartella images del template?

Il code (in realtà non so se chiama così ) quel tastino con # per inserire il codice...

[saru]

Si è tutto come mi hai detto tu!non capisco cosa c'è di sbagliato!