Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : MILORD 92 15 Apr 2009, 21:17:43
-
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
-
ciao allora
x lo sfondo
qui
#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
#header {template.css (riga 103)
background:#000000 none repeat scroll 0 0;<-aggiungi questo
height:266px;
margin:0 auto;
width:940px;
}
-
Ma cosa devo mettere lì dove mi hai detto di indicare lo sfondo?il link dell immagine?
-
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.
-
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
-
ciao prova in questo modo
#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
filter:alpha(opacity=0.8);
-
ciao prova in questo modo
#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
filter:alpha(opacity=0.8);
ma è andato via tutto,si vede solo lo sfondo
-
ciao se non metti il code del css nel punto indicato non funzionera mai
guarda lo vedi lo sfondo tuo nero trasparente
(http://img206.imageshack.us/img206/1322/2323.th.jpg) (http://img206.imageshack.us/my.php?image=2323.jpg)
-
#wrapper {
width: 940px;
margin: 0 auto;
filter:alpha(opacity=0.8);
padding: 0;
background: transparent url(../images/content_middle.jpg) top center repeat-y;
}
così è giusto?la faccina sta per l'otto
-
#wrapper {
width: 940px;
margin: 0 auto;
filter:alpha(opacity=0.8);
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
#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
#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.8);
-
#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
-
#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
-
#wrapper {
background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
margin:0 auto;
opacity:0.8;
filter:alpha(opacity=0.8);
padding:0;
width:940px;
}
ora ho messo così
-
e cosi funziona
aggiungi anche questo
filter:alpha(opacity=0.8);
vediamo se in ie lo prende
-
si ora funziona,però quel codice l'ho già aggiunto,sotto opacity
-
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
#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;
}
-
#wrapper {
background:transparent url(../images/content_middle.jpg) repeat-y scroll center top;
margin:0 auto;
opacity:0.8;
filter:alpha(opacity=0.8);
padding:0;
width:940px;
}
vedi che c'è...
-
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
filter:alpha(opacity=60);
e dovresti essere apposto
-
grande ora funziona,solo una cosa,se volessi togliere il bordo nero più scuro in alto sulla board come faccio?
-
se intendi quel bordo che dietro il menu in pratica meta menu
qui
#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
#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
background:black url(http://www.halogalaxy.com/halo3wallpaper_08_1600x1200.jpg) no-repeat scroll 0 0
-
anc una cosa,come faccio a cambiare il colore delle scritte nei menù,dovrebbero essere bianche
-
qui x il menu principale
#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
#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
-
scusa ma non cambia,dovrebbe venire bianco acceso come le scritte degli articoli
-
scusa ma non cambia,dovrebbe venire bianco acceso come le scritte degli articoli
si ho sbagliato io a copiare
#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
-
ma è uguale a quello di primma
-
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
(http://img15.imageshack.us/img15/5176/2323mnx.th.jpg) (http://img15.imageshack.us/my.php?image=2323mnx.jpg)
-
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
-
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
#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
}
-
grazie ;)
-
è sorto un problema,ora le immagini sono trasparenti e si vedono male
http://www.halogalaxy.netsons.org/
-
è sorto un problema,ora le immagini sono trasparenti e si vedono male
http://www.halogalaxy.netsons.org/
che problema?
-
L immagine,quella del logo in prima pagina è diventata trasparente come la board e si confonde con lo sfondo
-
non ci puoi far nulla ho togli opacity altrimenti anche le immagini prendono opacity.
-
posso cambiare il font del titolo? ;)