|
|
 | Kommentar
Fra :  ulrik1976  |
Dato : 26-10-07 21:30 |
| | |
 | Kommentar
Fra : Ilhja |
Dato : 26-10-07 21:33 |
|
Hvad mener du med skalere?
At du vil gøre et baggrundsbillede mindre? Det ville sådan set være nemmest at gøre det på din computer
| |
 | Kommentar
Fra : smorch |
Dato : 26-10-07 22:02 |
|
Det kan man ikke.
Mvh
sMorch
| |
 | Kommentar
Fra : berpox  |
Dato : 27-10-07 00:00 |
| | |
 | Accepteret svar
Fra : molokyle | 
Modtaget 100 point
Dato : 27-10-07 08:07 |
|
Ps. Det gør samtidig at man ikke kan få vist (X-)HTML kildekoden ved højreklik (..man får kun mulighed for at gemme 'baggrundsbilledet'). Koden kan dog stadig vises vha. browsermenuen.
Stylesheet:
Kode
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style> |
'Tricket' ligger i de 2 linier:
Kode
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
.
#background{position:absolute; z-index:1; width:100%; height:100%;} |
..resten af koden er specifik for layoutet af eksemplet http://www.cssplay.co.uk/layouts/background
Billedet vælges med (X-HTML) koden:
Kode
<div>
<img id="background" src="DIT_BAGGRUNDSBILLEDE.jpg" alt="" title="" />
</div> |
..som indsættes umiddelbart efter <body> i kildekoden.
</MOLOKYLE>
| |
| Kommentar
Fra : molokyle |
Dato : 27-10-07 08:15 |
|
Et andet trick til at skalere billeder således de følger ændringer i browservinduets størrelse og ændring i skærmopløsning har jeg lavet et eksempel på her:
http://www.cssboxing.com/eksempler/eks001.php
Desværre har jeg pga. ny jobfunktion ikke rigtigt tid til for nuværende, at arbejde videre på min hjemmeside som netop kommer til at omhandle sådanne dynamiske 'trick' ..UDEN brug af javascript, men jeg håber at komme videre med 'projektet' i løbet af 2008. Det bliver en gratis side UDEN reklamer og anden uvedkommende 'staffage'.
Happy coding... 
</MOLOKYLE>
| |
| Godkendelse af svar
Fra : ulrik1976 |
Dato : 27-10-07 19:15 |
| | |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|