SMF Natale

LO-FI Version

[PrideDragon]

Ho modificato un po la skin saf blue rendendola natalizia se vi interessa posso rilasciarla.
http://www.barconi.net/index.php
Ciao

[FaSan]

Complimenti ! è davvero molto bella



FaSan

[cinthia]

Colgo l'occasione per chiedere, da autentica inesperta, dove e cosa modificare per cambiare sfondo al forum, affinchè l'immagine stia dietro i box delle sezioni. Spero di essermi spiegata.

Grazie

[UT2k4]

Colgo l'occasione per chiedere, da autentica inesperta, dove e cosa modificare per cambiare sfondo al forum, affinchè l'immagine stia dietro i box delle sezioni. Spero di essermi spiegata.

Grazie

E' abbastanza semplice, apri con un editor il file style.css (anche il WordPad o il Notepad vanno bene), raggiungi la seguente sezione (prelevata dal CSS del tema default):

Codice:

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea {
  background-color: white;
  border-bottom-color: gray;
  border-bottom-width: 1px;
  border-bottom-style: solid; }

/* This is the main area of the forum, the part that's gray. */
#bodyarea {
  background-color: #D4D4D4; }

/* And this is the bottom, where the copyright is, etc. */
#footerarea {
  color: black;
  background-color: white;
  border-top-color: gray;
  border-top-width: 1px;
  border-top-style: solid; }

La prima sezione riguarda l'header della Board, la seconda il "corpo", e la terza il fondo, basta che alla fine di ogni sezione aggiungi una cosa tipo la seguente:

Codice:

background-image: url("images/sfondo_board.jpg");

dove sfondo_board.jpg e' collocato nella sotto-directory images del tema.

[cinthia]

E' abbastanza semplice, apri con un editor il file style.css (anche il WordPad o il Notepad vanno bene), raggiungi la seguente sezione (prelevata dal CSS del tema default):

Codice:

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea {
  background-color: white;
  border-bottom-color: gray;
  border-bottom-width: 1px;
  border-bottom-style: solid; }

/* This is the main area of the forum, the part that's gray. */
#bodyarea {
  background-color: #D4D4D4; }

/* And this is the bottom, where the copyright is, etc. */
#footerarea {
  color: black;
  background-color: white;
  border-top-color: gray;
  border-top-width: 1px;
  border-top-style: solid; }

La prima sezione riguarda l'header della Board, la seconda il "corpo", e la terza il fondo, basta che alla fine di ogni sezione aggiungi una cosa tipo la seguente:

Codice:

background-image: url("images/sfondo_board.jpg");

dove sfondo_board.jpg e' collocato nella sotto-directory images del tema.

Ho seguito alla lettera il tuo consiglio anche se non ti ho specificato che io uso come tema Apollo. Quindi ho copiato il file css modificato in entrambe le cartelle (default e apollo) così come il file .gif da usare, ma non succede nulla, lo sfondo rimane bianco anche facendo un refresh della pagina.

[UT2k4]

Hai inserito le funzioni delle immagini all'interno della parentesi graffa di ogni sezione?
Hai chiuso le punto-e-virgola?
Hai controllato bene la locazione e il nome del file? Estensione compresa? MAIUSCOLE e minuscole

Controlla bene, perche' a me funziona.

[cinthia]

Hai inserito le funzioni delle immagini all'interno della parentesi graffa di ogni sezione?
Hai chiuso le punto-e-virgola?
Hai controllato bene la locazione e il nome del file? Estensione compresa? MAIUSCOLE e minuscole

Controlla bene, perche' a me funziona.

...ecco lo stralcio del mio style.css

Codice:

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
/*        background-color: white;
        border-bottom: 1px solid gray;
        background-image: url(apollo/images/apollo/miagif.gif);
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
/*        background-color: #D4D4D4;
        background-image: url(apollo/images/apollo/miagif.gif);
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
        color: black;
/*        background-color: white;
        border-top: 1px solid gray;
        background-image: url(apollo/images/apollo/miagif.gif);
}

Mi pare che è come dici tu, ma ahimè lo sfondo bianco era e bianco è......

[Darknico]

Codice:

background-image: url("images/sfondo_board.jpg");

dove sfondo_board.jpg e' collocato nella sotto-directory images del tema.

mentre tu hai scritto:

Codice:

background-image: url(apollo/images/apollo/miagif.gif)

penso sia per quello
(non ho fatto prove quindi nn ne sono sicuro)

[UT2k4]

Mha... io non penso che quel /* all'inizio della riga di codice CSS aiuti molto, cosi' facendo, quello che scrivi dopo viene riconosciuto come commento e quindi scartato.
E dato che il CSS dovrebbe essere gia' all'interno della directory apollo, proverei a non metterla nell'URL di ricerca del backgound-image.

Tuo:

Codice:

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
/*        background-color: white;
        border-bottom: 1px solid gray;
        background-image: url(apollo/images/apollo/miagif.gif);
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
/*        background-color: #D4D4D4;
        background-image: url(apollo/images/apollo/miagif.gif);
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
        color: black;
/*        background-color: white;
        border-top: 1px solid gray;
        background-image: url(apollo/images/apollo/miagif.gif);
}

Io modificherei cosi', prova:

Codice:

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
        background-color: white;
        border-bottom: 1px solid gray;
        background-image: url(images/EVENTUALE_SOTTO-DIRECTORY/miagif.gif);
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
        background-color: #D4D4D4;
        background-image: url(images/EVENTUALE_SOTTO-DIRECTORY/miagif.gif);
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
        color: black;
        background-color: white;
        border-top: 1px solid gray;
        background-image: url(images/EVENTUALE_SOTTO-DIRECTORY/miagif.gif);
}

[cinthia]

Io modificherei cosi', prova:

Codice:

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
        background-color: white;
        border-bottom: 1px solid gray;
        background-image: url(images/EVENTUALE_SOTTO-DIRECTORY/miagif.gif);
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
        background-color: #D4D4D4;
        background-image: url(images/EVENTUALE_SOTTO-DIRECTORY/miagif.gif);
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
        color: black;
        background-color: white;
        border-top: 1px solid gray;
        background-image: url(images/EVENTUALE_SOTTO-DIRECTORY/miagif.gif);
}

Così ho fatto ma....nisba...non so più che fare.

[Darknico]

Codice:

background-image: url(images/EVENTUALE_SOTTO-DIRECTORY/miagif.gif);

se hai copiato esattamente così hai sbagliato perchè non trova nessuna immagine
prova così

Codice:

background-image: url(images/miagif.gif);

ricordati di mettere l'immagine miagif.gif dentro la cartella images del del tuo tema

[Alfeuss]

Salve
anche io ho apportato delle mod allo skin  di smf x renderlo  compatibile con il tema natalizio di Mkportal..

Se a qualcuno interessa posso inviare il file style.css

Ciaoo

Potete vedere il risultato qui : http://www.valentano.net/forum/index.php

[Francesco_ud]

bella la skin!
ti posso chiedere che script hai usato per visualizzare i fiocchi? io ne ho uno che funge solo su ie e netscape, mentre firefox non lo digerisce, invece il tuo firefox lo vede..

[PrideDragon]

Lo script per la neve lo puoi trovare qui: http://www.dynamicdrive.com/dynamicindex3/snow.htm

Ciao

[Francesco_ud]

grazie mille! ora controllo e poi lo metto