Pattern come background

04-09-2008, 18.52.26

Stò cercando di inserire un'immagine 100x100 che si ripeta sullo sfondo del mio sito per tutta l'area, un pattern insomma.
Ma non riesco a trovare il codice html giusto.
Potete aiutarmi?

**miki92** · 04-09-2008, 18.56.01

Eccolo:

Codice PHP:


background-image:url('immagine.png');
background-repeat:repeat;

04-09-2008, 19.31.11

Grazie, ma.. Ho provato ma non funziona.
Forse l'immagine và per forza in png e non và bene in jpg? Oppure ho incollato male il link...

background-image:url(http://img168.imageshack.us/img168/2...ayoutru1.jpg);
background-repeat:repeat;

Non và messa così, vero?

**miki92** · 04-09-2008, 21.25.33

Sisi il codice è giusto ma tu dove lo inserisci?

Sai che quello che ho postato è codice CSS e va inserito in un file esterno .css e poi collegato alle varie pagine, oppure va inserito nelle pagine tra i tag:

Codice PHP:


<style type="text/css">
background-image:url("http://img168.imageshack.us/img168/2/patternfondolayoutru1.jpg");
background-repeat:repeat;
</style>

Questo codice qui sopra va inserito tra i tag <head> e </head>

04-09-2008, 22.23.22

Non ci riesco...

Se lo metto in un'altro file, come lo collego alle altre pagine?
E per text css si intende tutto il codice del css?
Lo avevo già inserito tra i tag style e head nel codice, comunque...
Se mai fà lo stesso, dai.. Grazie comunque. ^^

**miki92** · 04-09-2008, 22.31.42

Ho dato un occhiata al sito, lo sfondo io lo vedo ma guardando il codice della pagina vedo che c'è un po' di confusione tra codici CSS e altro...questo pezzo qui:

Codice PHP:


<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="AlterVista - Editor HTML"> 
<TITLE>Lacrymosa</TITLE> 
 
</HEAD> 
<BODY> 
 
<style> 
 
Body
{ scrollbar-arrow-color: 777777;
scrollbar-face-color: 8FC093;
scrollbar-highlight-color: 8FC093;
scrollbar-shadow-color: 777777;
scrollbar-3dlight-color: 517054;
scrollbar-darkshadow-color: 9CD8A1;
scrollbar-track-color: 6C9670;
 
font-family: verdana, geneva, arial, times;
font-size: 7pt;
color: #C9FF93;
cursor: default;
background-repeat: repeat-y;
background-color: #70AD93;
text-align: justify;
background-attachment: scrollfont: 8px verdana;
line-height: 11px;}
 
a:link{color:405B3B; letter-spacing: 1; text-decoration: none;}
a:visited {color:405B3B; letter-spacing: 1; text-decoration: none;}
a:active{color:777777; letter-spacing: 1; text-decoration: none;}
a:hover {color:000000; font weight:bold; letter-spacing: none; border-bottom: none; border-color:#000000;}
 
.tit
{ cursor: crosshiar;
font-family: times;
font-size: 11pt;
color: #000000;
text-align: right;
font-weight: bold;
width: 100%;
filter:sharp;
line-height: 16px;
text-transform: normalcase;
border: dotted;
border-color: #000000;
border-bottom-width: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
background none;
}
 
</style>

Fallo diventare cosi:

Codice PHP:


<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="AlterVista - Editor HTML"> 
<TITLE>Lacrymosa</TITLE> 
<style> 
 
body{ 
scrollbar-arrow-color: 777777;
scrollbar-face-color: 8FC093;
scrollbar-highlight-color: 8FC093;
scrollbar-shadow-color: 777777;
scrollbar-3dlight-color: 517054;
scrollbar-darkshadow-color: 9CD8A1;
scrollbar-track-color: 6C9670;
 
font-family: verdana, geneva, arial, times;
font-size: 7pt;
color: #C9FF93;
cursor: default;
background-repeat: repeat-y;
background-color: #70AD93;
text-align: justify;
background-attachment: scrollfont: 8px verdana;
line-height: 11px;
/* Codice Sfondo */
background-image:url("http://img168.imageshack.us/img168/2/patternfondolayoutru1.jpg");
background-repeat:repeat;
}
 
a:link{color:405B3B; letter-spacing: 1; text-decoration: none;}
a:visited {color:405B3B; letter-spacing: 1; text-decoration: none;}
a:active{color:777777; letter-spacing: 1; text-decoration: none;}
a:hover {color:000000; font weight:bold; letter-spacing: none; border-bottom: none; border-color:#000000;}
 
.tit
{ cursor: crosshiar;
font-family: times;
font-size: 11pt;
color: #000000;
text-align: right;
font-weight: bold;
width: 100%;
filter:sharp;
line-height: 16px;
text-transform: normalcase;
border: dotted;
border-color: #000000;
border-bottom-width: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
background none;
}
 
</style>  
</HEAD> 
<BODY>

04-09-2008, 22.38.49

Ah, praticamente head andava in basso e il codice insieme a quelli del background! XD
Che scema che sono scusa...
Mi hai risolto il problema! X3
Grazie mille comunque, sei stato troppo gentile... ^^

Discussione: Pattern come background

LinkBack

Strumenti discussione

Display

Pattern come background

Regole di scrittura