Problema Sfondo CSS

[Drunk8]

Salve,

Devo creare un sito web per una discoteca per un esercizio scolastico, ho creato un CSS principale e fino a quì nessun problema ma se mi serve lo stesso css in un'altra pagine ma devo cambiare lo sfondo come faccio??

 

[lello26]

Riferimento: Sfondo CSS

Salve,

Devo creare un sito web per una discoteca per un esercizio scolastico, ho creato un CSS principale e fino a quì nessun problema ma se mi serve lo stesso css in un'altra pagine ma devo cambiare lo sfondo come faccio??

Se pagina principale e css sono in due file diversi non puoi far altro che creare un altro file css, copiare e incollare il contenuto della pagina contente il css di prima e incollarla nel nuovo file cambiando solo lo sfondo.

 

[Zanzo]

Riferimento: Sfondo CSS

Oppure puoi inserire nell'head della tua pagina

Perfavore, Entra oppure Registrati per vedere i codici!

Sostituendo body con l'elemento a cui vuoi cambiare lo sfondo e #000000 col tuo HEX. Tramite la keyword !important, la direttiva del foglio di stile CSS sarà sostituita da questa.
N.B. Inserisci il codice solo nella pagina a cui vuoi cambiare lo sfondo.

 

[Kaito]

Riferimento: Sfondo CSS

Oppure puoi inserire nell'head della tua pagina

Perfavore, Entra oppure Registrati per vedere i codici!

Sostituendo body con l'elemento a cui vuoi cambiare lo sfondo e #000000 col tuo HEX. Tramite la keyword !important, la direttiva del foglio di stile CSS sarà sostituita da questa.
N.B. Inserisci il codice solo nella pagina a cui vuoi cambiare lo sfondo.

Se mette lo style così dopo il foglio di CSS non c'è bisogno di !important. Comunque con l' HTML5 basta "<style>"

 

[Drunk8]

Riferimento: Sfondo CSS

Oppure puoi inserire nell'head della tua pagina

Perfavore, Entra oppure Registrati per vedere i codici!

Sostituendo body con l'elemento a cui vuoi cambiare lo sfondo e #000000 col tuo HEX. Tramite la keyword !important, la direttiva del foglio di stile CSS sarà sostituita da questa.
N.B. Inserisci il codice solo nella pagina a cui vuoi cambiare lo sfondo.

Non funge meglio come ha detto @lello26

 

[Kaito]

Riferimento: Sfondo CSS

Non funge meglio come ha detto @lello26

La regola scritta da Zanzo è corretta, se posti il tuo CSS incluso e poi la pagina dove hai cambiato lo sfondo possiamo aiutarti meglio.

 

[Drunk8]

Riferimento: Sfondo CSS

Questo è il CSS

html, body{
font-family: verdana, arial, sans-serif;
font-size: 10 pt;
color: #FFFFFF;
background-image:url(sfondo.jpg);
background-color:#000000;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:absolute;
}



p{
text-align:center;
}



.topnav {
width: 213px;
padding: 40px 28px 25px 0;
font-family: "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;
}

ul.topnav {
padding: 0;
margin: 0;
font-size: 1em;
line-height: 0.5em;
list-style: none;
}

ul.topnav li {}

ul.topnav li a {
line-height: 10px;
font-size: 11px;
padding: 10px 5px;
color: #000;
display: block;
text-decoration: none;
font-weight: bolder;
}

ul.topnav li a:hover {
background-color:#675C7C;
color:white;
}

ul.topnav ul {
margin: 0;
padding: 0;
display: none;
}

ul.topnav ul li {
margin: 0;
padding: 0;
clear: both;
}

ul.topnav ul li a {
padding-left: 20px;
font-size: 10px;
font-weight: normal;
outline:0;
}

ul.topnav ul li a:hover {
background-color:#D3C99C;
color:#675C7C;
}

ul.topnav ul ul li a {
color:silver;
padding-left: 40px;
}

ul.topnav ul ul li a:hover {
background-color:#D3CEB8;
color:#675C7C;
}

ul.topnav span{
float:right;
}


#ImgBox {
height: 375px;
width: 500px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
#ImgIntBox{
position:absolute;
left: 0;
top: 0;
width: 3500px; /* Larghezza totale del widget da calibrare moltiplicando le larghezze delle immagini insieme a quelle eventuali dei bordi per il loro numero */
-moz-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s.ease-in-out;
-o-transition:all 1s.ease-in-out;
transition:all 1s ease-in-out;
}
#ImgIntBoximg {
height: 375;
width: 500px;
}

#ImgBoxLinks {
margin: 0 auto;
padding: 10px 0;
text-align: center;
width: 500px;
}

#ImgBoxLinks a {
background-color: #334455;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 4px #AABBCC inset;
margin: 0 2px;
padding: 4px 8px;
}
#ImgBoxLinks a:hover {
box-shadow: 0 0 8px #AABBCC inset;
color: #FFFFFF;
}

Questa è la pagina dove devo cambiare lo sfondo che si chiama Ristorante.jpg,la pagina è ancora da creare..

<html>
<head>
<link rel=stylesheet href="CSSPrincipale.css" type="text/css">
<title>Ristorante</title>
</head>
<body>


</body>
</html>

 

[Kaito]

Riferimento: Sfondo CSS

Modifica la pagina così:

Perfavore, Entra oppure Registrati per vedere i codici!

E modifica la prima regola del foglio CSS nel seguente modo:

Perfavore, Entra oppure Registrati per vedere i codici!