Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : roxdragon 18 Feb 2012, 14:14:29
-
Salve gente...
Sapete aiutarmi per inserire lo sfondo statico sul sito?
http://roxdragon.net (http://roxdragon.net)
Questo è il mio sito...
...e questo il mio template.css:
html {
height : 100%;
}
body {
font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
font-size: 13px;
color: #aaa;
background-color: #000;
margin:0;
padding:0;
}
#bg_up {
width:100%;
margin:0;
padding:0;
background-image:url('../images/bg_up.jpg');
background-position:center top;
background-repeat: repeat-y;
}
#wrapper {
max-width:1180px;
min-width:960px;
margin: 0 auto;
background-color: transparent;
}
vorrei uno sfondo statico, non ripetuto e al centro... come faccio? ho gia lo sfondo ma non so come modificare il file CSS
e se cancellare righe... grazie
-
se ho ben capito vuoi un immagine al centro della pagina?
body {
font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
font-size: 13px;
color: #aaa;
background-color: #000;
margin:0;
padding:0;
background: url(.....) 50% 50% no-repeat;
}
-
voglio solo uno sfondo statico non ripetuto... come lo sfondo di un desktop!
Vorrei mettere questo sfondo http://ninjasofcode.com/wp-content/uploads/2009/11/code20small.jpg
però come esteso e non ripetuto.. e statico
-
Ciao roxdragon,
hai provato come scrive free2004? Va bene, potresti solo aggiungere
background-attachment: fixed;
Puoi metterlo lì o qui:
#bg_up { background-attachment: fixed; background-image: url("http://ninjasofcode.com/wp-content/uploads/2009/11/code20small.jpg"); background-position: center top; background-repeat: no-repeat; margin: 0; padding: 0; width: 100%;}template.css (riga 18)
naturalmente dovrai trovare o adattare l'immagine ad una misula adeguata per coprire tutto lo sfondo. Adesso ho messo l'url assoluto all'immagine ma quando sarà caricata sul tuo sito lo sostituisci con quello relativo.
-
Ok grazie ... funziona ma... si vede solo al centro... lateralmente c'è lo sfondo nero...
come posso fare senza ridimensionare l'immagine?
Grazie
-
Devi necessariamente avere una immagine di larghezza adatta a coprire anche le fasce laterali, l'alternativa è la ripetizione.
-
ok grazie... ma come faccio a sapere la grandezza precisa per coprire la larghezza del sito?
-
Leggi il css oppure fai dei tentativi, basandoti su una larghezza standard, di 1024 adatta a coprire la maggior parte dei monitor. Se vuoi avere una copertura al 100% anche per risoluzioni maggiori devi scegliere una immagine molto larga, 1200 e più che però ha la parte centrale significativa e i bordi sfumati e non significativi.
-
Ok grazie risolto ^^