Come modificare un template

[MILORD 92]

mi piacerebbe molto modificare il template del mio sito
http://www.halogalaxy.netsons.org/
mettendo un'immagine di sfondo,mi basta quello,potete aiutarmi e spiegermi i passaggi please

[conti1]

ciao allora
  x lo sfondo
qui

Codice: [Seleziona]

#page_bg {template.css (riga 98)
background:#000000 none repeat scroll 0 0;<qui cambi  lo sfondo
padding:0;
}
poi una volta dato lo sfondo se vuoi dare uniforme al nero  qui

Codice: [Seleziona]

#header {template.css (riga 103)
background:#000000 none repeat scroll 0 0;<-aggiungi questo
height:266px;
margin:0 auto;
width:940px;
}

[MILORD 92]

Ma cosa devo mettere lì dove mi hai detto di indicare lo sfondo?il link dell immagine?

[conti1]

Ma cosa devo mettere lì dove mi hai detto di indicare lo sfondo?il link dell immagine?

se vuoi mettere un'immagine devi x forsa dare il percorso di dove prendere l'immagine  se invece cambi solo il colore agisci solo cambiando #000000 a #ffffff.

[MILORD 92]

ma non succede nulla
EDIT è andato ma come faccio a togliere il simbolo verde in alto? e si può rendere la board trasparente?
http://www.halogalaxy.netsons.org/
EDIT ancora, ho risolto,mi serve solo che diventi trasparente la board e togliere quel piccolo bordino nero più scuro

[conti1]

ciao prova in questo modo

Codice: [Seleziona]

#wrapper {template.css (riga 148)
background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
margin:0 auto;
opacity:0.8;<<--aggiungi questo
padding:0;
width:940px;
}però non sono sicuro che in ie funzioni forse manca qualche dato
probabile questo  se in ie non funge aggiungi

Codice: [Seleziona]

filter:alpha(opacity=0.8);

[MILORD 92]

ciao prova in questo modo

Codice: [Seleziona]

#wrapper {template.css (riga 148)
background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
margin:0 auto;
opacity:0.8;<<--aggiungi questo
padding:0;
width:940px;
}però non sono sicuro che in ie funzioni forse manca qualche dato
probabile questo  se in ie non funge aggiungi

Codice: [Seleziona]

filter:alpha(opacity=0.8);

ma è andato via tutto,si vede solo lo sfondo

[conti1]

ciao se non metti  il code del css nel punto indicato  non funzionera mai
guarda lo vedi lo sfondo tuo nero  trasparente

[MILORD 92]

#wrapper {
   width: 940px;
   margin: 0 auto;
         filter:alpha(opacity=0.;
   padding: 0;
   background: transparent url(../images/content_middle.jpg) top center repeat-y;
}






così è giusto?la faccina sta per l'otto

[conti1]

#wrapper {
   width: 940px;
   margin: 0 auto;
         filter:alpha(opacity=0.;
   padding: 0;
   background: transparent url(../images/content_middle.jpg) top center repeat-y;
}






così è giusto?la faccina sta per l'otto

cerca questa riga nel tuo css

Codice: [Seleziona]

#wrapper {template.css (riga 148)
background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
margin:0 auto;
opacity:0.8;<<<<<<<<<<<<<<<<<<aggiugi questo
padding:0;
width:940px;
}
allora ho visto che in firefox funziona ma con ie non tiene il parametro aggiungi anche questo vediamo se lo prende

Codice: [Seleziona]

#wrapper {template.css (riga 148)
background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
margin:0 auto;
opacity:0.8;<<<<<<<<<<<<<<<<<<aggiugi questo
filter:alpha(opacity=0.8);<<<<<
padding:0;
width:940px;
}filter:alpha(opacity=0.;

[MILORD 92]

#wrapper {
         background: transparent url(../images/content_middle.jpg) top center repeat-y;
   margin: 0 auto;
         opacity:0.8;
   padding: 0;
         width: 940px;
   }

ho messo così però or è normale

[conti1]

#wrapper {
         background: transparent url(../images/content_middle.jpg) top center repeat-y;
   margin: 0 auto;
         opacity:0.8;
   padding: 0;
         width: 940px;
   }

ho messo così però or è normale

non so cosa tu faccia ma prima avevi messo il code giusto ora nel tuo css non c'è il code aggiunto

[MILORD 92]

#wrapper {
         background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
         margin:0 auto;
         opacity:0.8;
         filter:alpha(opacity=0.;
         padding:0;
         width:940px;
}

ora ho messo così

[conti1]

e cosi funziona
aggiungi anche questo

filter:alpha(opacity=0.;
vediamo se in ie lo prende

[MILORD 92]

si ora funziona,però quel codice l'ho già aggiunto,sotto opacity

[conti1]

si ora funziona,però quel codice l'ho già aggiunto,sotto opacity

ci posso non credere  del code aggiunto questo e il tuo css che hai ora

Codice: [Seleziona]

#wrapper {template.css (riga 148)
background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
margin:0 auto;
opacity:0.8;
padding:0;
width:940px;
}

[MILORD 92]

#wrapper {
         background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
         margin:0 auto;
         opacity:0.8;
         filter:alpha(opacity=0.;
         padding:0;
         width:940px;
}

vedi che c'è...

[conti1]

op scusa ho sbagliato io
cambia quel parametro con questo altrimenti in ie ti fa sparire tuto
se non lo metti  chi vede il sito con ie non vede nulla vede solo lo sfondo

Codice: [Seleziona]

  filter:alpha(opacity=60);
e dovresti essere apposto

[MILORD 92]

grande ora funziona,solo una cosa,se volessi togliere il bordo nero più scuro in alto sulla board come faccio?

[conti1]

se intendi quel bordo che dietro il menu in pratica meta menu
qui

Codice: [Seleziona]

#holder {template.css (riga 157)
background:transparent url(../images/content_top.jpg) no-repeat scroll center top;
}
se invece vuoi far diventare opaco anche le 2 righe in alto stessa procedura dei primi passaggi  ma qui

Codice: [Seleziona]

#newsflash div.module div div div h3 {template.css (riga 127)
background:transparent url(../images/newsflashh3.jpg) no-repeat scroll left top;
color:#999999;
font-family:Verdana,Tahoma,sans-serif;
font-size:12px;
font-weight:bold;
height:25px;
line-height:26px;
opacity:0.6;<<<<<<qui
filter:alpha(opacity=60); <<<<<qui
padding:0 0 0 8px;
}
poi se tutto e ok metti risolto

bella l'ultima immagine che hai messo
posso darti un consiglio non farla ripetere in fondo  scrivi in questo modo

Codice: [Seleziona]

background:black url(http://www.halogalaxy.com/halo3wallpaper_08_1600x1200.jpg) no-repeat scroll 0 0

[MILORD 92]

anc una cosa,come faccio a cambiare il colore delle scritte nei menù,dovrebbero essere bianche

[conti1]

qui x il menu principale

Codice: [Seleziona]

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {template.css (riga 705)
color:#8E8E8E;<<<<<<<<<<<<<<<<<qui
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
line-height:22px;
text-decoration:none;
qui quando passa il mouse

Codice: [Seleziona]

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {template.css (riga 720)
color:#FFFFFF;<<<<<<<<<<qui
}posso farti una domanda ma tu non usi firebug vero, se no installalo visto  che usu firefox  tutte quelle modifiche che fai le trovi in un attimo

[MILORD 92]

scusa ma non cambia,dovrebbe venire bianco acceso come le scritte degli articoli

[conti1]

scusa ma non cambia,dovrebbe venire bianco acceso come le scritte degli articoli

si ho sbagliato io  a copiare

Codice: [Seleziona]

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {template.css (riga 707)
color:#8E8E8E;<<<<<<<<<<<<<<<<<<<<<<<<<<qui
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
line-height:22px;
text-decoration:none;
}prova questo

[MILORD 92]

ma è uguale a quello di primma

[conti1]

ma è uguale a quello di prima

sarà ma il primo dava riga 705  l'ultimo postato riga 707

saranno identici  ma cambia di posizione ho tu hai aggiunto del css quando ho guardato la seconda volta ho pure non so il xche dia 2 righe diverse. comunque se cambi colore lo cambia

[MILORD 92]

mi è venuta in mente un'altra cosa,è possible fare in modo che quando si scorre in una pagina con un articolo lungo scorra solo la board e lasciare l'immagine fissa....per esempio cosi
http://www.spaziogames.it/recensioni_videogiochi/console_xbox360/8876/race-pro.aspx

[conti1]

mi è venuta in mente un'altra cosa,è possible fare in modo che quando si scorre in una pagina con un articolo lungo scorra solo la board e lasciare l'immagine fissa....per esempio cosi
http://www.spaziogames.it/recensioni_videogiochi/console_xbox360/8876/race-pro.aspx

certo basta aggiungere

Codice: [Seleziona]

#page_bg {template.css (riga 98)
background:transparent url(http://www.halogalaxy.com/halo3wallpaper_08_1600x1200.jpg) repeat scroll 0 0;
background-attachment:fixed <<<<questo
}

[MILORD 92]

grazie

[MILORD 92]

è sorto un problema,ora le immagini sono trasparenti e si vedono male
http://www.halogalaxy.netsons.org/

[conti1]

è sorto un problema,ora le immagini sono trasparenti e si vedono male
http://www.halogalaxy.netsons.org/

che problema?

[MILORD 92]

L immagine,quella del logo in prima pagina è diventata trasparente come la board e si confonde con lo sfondo 

[conti1]

non ci puoi far nulla ho togli opacity  altrimenti anche le immagini prendono opacity.

[MILORD 92]

posso cambiare il font del titolo?