Allora allora allora............
No scherzo,ascoltami Pavel,osservando il codice sorgente dello styles di Asso che mi hai linkato possiamo osservare:
Sfondo:
Apri il colours.css del tuo styles e cambi:
Questo:
Codice: Seleziona tutto
html, body {
background: url("./styles/se_sprites/theme/images/bg_body.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #405883;
}
con questo:
Codice: Seleziona tutto
html, body {
background-attachment: scroll;
background-color: #FFFFFF;
background-image: url("{T_THEME_PATH}/images/body-bg.gif");
background-repeat: repeat;
}
Utilizza l'immagine che trovi all'interno di questo allegato ed inseriscila nella cartella theme/images del tuo styles:
body-bg.rar
1)Luci:
Aprire il
common.css del tuo styles ed alla fine di esso aggiungere:
Codice: Seleziona tutto
.luci {
background-image: url("{T_THEME_PATH}/images/luci.png");
background-position: top center;
background-repeat: no-repeat;
width: 100%;
height: 39px;
}
Aprire
l'overall_header.html del tuo styles e trovare:
Codice: Seleziona tutto
</div>
<a name="start_here"></a>
<div id="page-body">
Aggiungere prima:
Poi caricare le immagini che ti inviero' in un'allegato alla fine di questo post:
luci.png
Per quanto riguarda la neve ed il cappellino c'e' un discorso da fare,ti spiego subito:
Lo styles nel demo utilizza queste due propieta' in css:
Quindi riosservando il codice sorgente le classi css per la neve ed il cappellino hanno le seguenti propieta':
Codice: Seleziona tutto
.cappellinosx {
background: url("{T_THEME_PATH}/images/kerstmutssx.png");
width: 47px;
height: 46px;
position: absolute;
z-index: 1000;
margin-left: -23px;
margin-top: -11px;
}
.snow {
background: url("{T_THEME_PATH}/images/snow.png") repeat-x;
width: 1044px;
height: 26px;
position: absolute;
z-index: 900;
margin-top: -10px;
margin-left: 1px;
}
.snow2 {
background: url("{T_THEME_PATH}/images/snow2.png") repeat-x;
width: 53px;
height: 26px;
position: absolute;
z-index: 900;
margin-top: -10px;
margin-left: 1045px;
}
Come puoi notare quindi nella propieta'
widhtdelle classi
.snow e .
snow2si hanno dei valori fissi in pixel
Questo perche' osservando il tuo styles,noto che l'autore ha utilizzato la % per la larghezza della classe
.wrap
difatti si ha un valore di:
width: 94%;
Quindi bisogna adattare ed utilizzare tale % anche per le classi .snow e .snow2 che tenteremo di adattare al tuo styles:
Proveremo quindi prima in questo modo:
Codice: Seleziona tutto
.snow {
background: url("{T_THEME_PATH}/images/snow.png") repeat-x;
width: 95%;
height: 26px;
position: absolute;
z-index: 900;
margin-top: -10px;
margin-left: 1px;
}
.snow2 {
background: url("{T_THEME_PATH}/images/snow2.png") repeat-x;
width: 53px;
height: 26px;
position: absolute;
z-index: 900;
margin-top: -10px;
margin-left: 95%;
}
.cappellinosx {
background: url("{T_THEME_PATH}/images/kerstmutssx.png");
width: 47px;
height: 46px;
position: absolute;
z-index: 1000;
margin-left: -23px;
margin-top: -11px;
}
Questo e' il code che dovrai aggiungere alla fine del tuo common.css:
Dopodiche' andremo a richiamarci le classi appena aggiunte nel template e precisamente:
forumlist_body.html:
Trovare:
Codice: Seleziona tutto
<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW or forumrow.S_NO_CAT -->
<div class="forabg">
Aggiungere dopo:
Codice: Seleziona tutto
<div class="snow"></div>
<div class="snow2"></div>
<div class="cappellinosx"></div>
images.zip
Scompatta questo archivio ed aggiungi le immaggini al suo interno nella cartella :
tuostyles/theme/images
Naturalmente aggiornare sempre temi template e svuotare la chache da pca:
Soluzione da provare in quanto ripeto,il codice osservato in sorgente e' adattato e creato per delle misure fisse,per quel determinato styles.
^^
