Christmas Bluesilver

[pavel70]

Ciao a tutti,
per evitare di installare lo stile
http://www.demobluesilver.altervista.org/

che rimane bellissimo cmq, chiedo se gentilmente potrei avere supporto su come far visualizzare lo sfondo nell'header, la neve sopra ogni categoria e l'immagine delle luci sopra e sotto al forum, è possibile? E se non chiedo troppo la neve che cade

[Tiger]

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:

Codice: Seleziona tutto

<div class="luci"></div>

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:

Codice: Seleziona tutto

.wrap:
max-width: 1100px;
    min-width: 940px;

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.

[pavel70]

Senza parole davvero. Che sei un grande non è certo una novità e, visto che ti conosco da un po' lo affermo con certezza ma chi si aspettava un servizio cosi. Grande..

grazie di cuore, mi metto al lavoro e ti faccio sapere..inchini per Tiger

[pavel70]

Fatto tutto !! Gran bel lavoro Tiger, grazie davvero tante..è carinissimo..

ho fatto solo una piccolissima modifica a questa parte di codice in common

Codice: Seleziona tutto

.snow { 
    background: url("{T_THEME_PATH}/images/snow.png") repeat-x; 
    [b]width: 90%; [/b]
    height: 26px; 

Ho messo 90 per cento perchp col 95 la neve andava fuori il bordo della categoria, cosi è ottimo ma tu ovviamente non potevi sapere la misura esatta per il mio stile infatti l'hai specificato. Ho aggiunto anche l'immagine sotto, l'ho salvata in png e uppata in mio stile>theme>images e poi aggiunto questo codice in index_body.html

Codice: Seleziona tutto

<div align="center"><img src="http://www.betonlybet.com/styles/se_sprites/theme/images/light footer.png" /></div>

questo il risutato:


A me piace moltissimo cosi, veramente carino anche se da incontentabile mi sarebbe piaciuto vedere lo stesso sfondo di neve anche nell'header , dove c'è il logo per farmi capire..secondo me con quel blu starebbero benissimo..

risultato finale:
http://www.betonlybet.com/indice.html

mi piacerebbe sentire anche il tuo parere..come ti pare?

p.s. Ancora tante grazie, davvero.

[Tiger]

Davvero tutto molto carino, in effetti lo sfondo con la neve nel tuo header non sarebbe una cattiva idea,comunque questa sera , quando torno, rivedo il tutto con calma , per dirti dal mio punto di vista cos'altro manca, comunque sei stato Bravo!!


Inviato dal mio iPhone usando Tapatalk xD! ^^

[Tiger]

La neve sulle categorie finisce molto prima del previsto quindi dando un'occhiata al volo ho effettuato una piccola prova:

Cambia i precedenti codici con questi nel common.css:

Codice: Seleziona tutto

 .snow { 
    background: url("{T_THEME_PATH}/images/snow.png") repeat-x; 
    width: 90%; 
    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: 90%;

}

Poi ti ho aggiunto anche il cappellino a destra,quindi sempre nel common.css aggiungi questa classe:

Codice: Seleziona tutto

.cappellinodx {
    background-image: url("{T_THEME_PATH}/images/kerstmutsdx.png");
    width: 47px;
    height: 46px;
    position: absolute;
    z-index: 1000;
    margin-top: -11px;
    margin-left: 91%;
}

Nel forumlist_body.html:

Trova:

Codice: Seleziona tutto

<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		<div class="forabg">
		<div class="snow"></div>
      <div class="snow2"></div>
      <div class="cappellinosx"></div>

Sostituisci con:

Codice: Seleziona tutto

<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		<div class="forabg">
		<div class="snow"></div>
      <div class="snow2"></div>
      <div class="cappellinosx"></div>
	  <div class="cappellinodx"></div>

Poi carica questa immagine che trovi nell'archivio in:
theme/images del tuo styles:

kerstmutsdx.rar

Questa sera risolviamo l'header.

[pavel70]

comunque sei stato Bravo!!




Detto da te lo prendo come un bel complimento.

La neve sulle categorie finisce molto prima del previsto quindi dando un'occhiata al volo ho effettuato una piccola prova:

Cambia i precedenti codici con questi nel common.css:

Codice: Seleziona tutto

 .snow { 
    background: url("{T_THEME_PATH}/images/snow.png") repeat-x; 
    width: 90%; 
    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: 90%;

}

Poi ti ho aggiunto anche il cappellino a destra,quindi sempre nel common.css aggiungi questa classe:

Codice: Seleziona tutto

.cappellinodx {
    background-image: url("{T_THEME_PATH}/images/kerstmutsdx.png");
    width: 47px;
    height: 46px;
    position: absolute;
    z-index: 1000;
    margin-top: -11px;
    margin-left: 91%;
}

Nel forumlist_body.html:

Trova:

Codice: Seleziona tutto

<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		<div class="forabg">
		<div class="snow"></div>
      <div class="snow2"></div>
      <div class="cappellinosx"></div>

Sostituisci con:

Codice: Seleziona tutto

<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		<div class="forabg">
		<div class="snow"></div>
      <div class="snow2"></div>
      <div class="cappellinosx"></div>
	  <div class="cappellinodx"></div>

Poi carica questa immagine che trovi nell'archivio in:
theme/images del tuo styles:

kerstmutsdx.rar

Questa sera risolviamo l'header.

mitico..attendo alloraper quanto riguarda l'header..non so piu come dirti grazie.

Visto che sei un grande ti chiedo anche questo:
sempre se nn chiedo troppo sai cosa mi piacerebbe mettere dove abbiamo inserito le lcuine? Pero' qui mi affido al tuo consiglio se mi dici che viene una ciufega nn la faccio.sarebbe carino sec me mettere la slitta del Babbo con la scritta Merry Christmas, in pratica nello spazio ove ci sono le luci....quelle stanno al centro io la metterei alla ns sx e quindi a sinistra rispetto alle luci , in quello spazio bianco per intenderci..che mi dici?

[Tiger]

sempre se nn chiedo troppo sai cosa mi piacerebbe mettere dove abbiamo inserito le lcuine? Pero' qui mi affido al tuo consiglio se mi dici che viene una ciufega nn la faccio.sarebbe carino sec me mettere la slitta del Babbo con la scritta Merry Christmas, in pratica nello spazio ove ci sono le luci....quelle stanno al centro io la metterei alla ns sx e quindi a sinistra rispetto alle luci , in quello spazio bianco per intenderci..che mi dici?

Ok.

Se trovi un'immagine che ti garba ,inseriscimela come allegato in questo post,poi come avro' piu' tempo in futuro ,te la rifaccio da nuovo con photoshop.

Visto che sei un grande ti chiedo anche questo:

Ti ringrazio per i complimenti,ma non sono un Grande,sono una persona normalissima come gli altri,che se puo' aiutare il prossimo,lo fa ben volentieri.

[Tiger]

Ti aggiorno sull'header:

Attualmente,e' formato da un'immagine con grandiente da 5x130 px,che si ripete orizzontalmente,quindi creare un'immagine con effetto neve per questa grandezza e' quasi impossibile.

L'alternativa ,sarebbe quella di modificare le classi css e intervenire sull'overall_header,ma tempo ne ho veramente poco in questo periodo,in alternativa pero' mi sono permesso di farti un piccolo ritocco con photoshop per il tuo logo,ti allego l'immagine png che se vorrai,potrai sostituire all'attuale:

site_logo1.rar

Cmq ha un aspetto piu' natalizio adesso.

[pavel70]

Ti aggiorno sull'header:

Attualmente,e' formato da un'immagine con grandiente da 5x130 px,che si ripete orizzontalmente,quindi creare un'immagine con effetto neve per questa grandezza e' quasi impossibile.

L'alternativa ,sarebbe quella di modificare le classi css e intervenire sull'overall_header,ma tempo ne ho veramente poco in questo periodo,in alternativa pero' mi sono permesso di farti un piccolo ritocco con photoshop per il tuo logo,ti allego l'immagine png che se vorrai,potrai sostituire all'attuale:

site_logo1.rar

Cmq ha un aspetto piu' natalizio adesso.

MI TI CO...GRAZIE DI CUORE..BELLISSIMO..NON CI AVEVO PENSATO...pensiero carinissimo davvero. Grazie Tiger

p.s. per l'overall lasciamo stare alla fine sono io l'incontentabile , è carino lo stesso ..Thank you very much