Gå til innhold

Rutete bakgrunn


Anbefalte innlegg

Har sett at "mange" sider har "rutete" bakgrunn. Vet ikke hvordan jeg skal forklare det, og fant ikke noe eksempel side heller.

Men hvis dere forstår så lurte jeg på om det er ett bilde, eller om det er en "Egenskap" jeg kan legge inn i CSS?

 

Hvis dere forstår hva jeg mener, så takker jeg for svar.

 

DanielP

Lenke til kommentar
Videoannonse
Annonse

Det som er med rutene er jo at (som oftest) de alle er like, og du kan dermed lage én rute, og få bildet til å gjenta seg.

Noe á la dette:

HTML-dokumentet ditt

<html>

<head>

<title>DanielP</title>

<link rel="stylesheet" href="style.css" type="text/css">

</head>

<body>

Innhold

</body>

</html>

Og så kommer det litt CSS i "style.css", som jeg ikke husker i farta, men etellerannet slikt:

repeat: x y;

Lenke til kommentar

/*først lager vi et blankt bilde(kan jo selvfølgelig gjøres i et tegneprogram, men jeg hadde server nærmere så skrev i php)*/

 


<?php

header ("Content-type: image/png");

$size = 5;

$im = @imagecreate($size, $size)

or die ("Cannot Initialize new GD image stream");

$back = imagecolorallocate($im, 255, 255, 255);

$border = imagecolorallocate($im, 100, 100, 100);

imagefilledrectangle($im, 0, 0, $size - 1, $size - 1, $back);

imagerectangle($im, 0, 0, $size - 1, $size - 1, $border);

imagepng ($im);

imagedestroy($im);

?>

 

så kommer html delen:

 


<html>

<head>

<style>

<html>

<head>

<style>

/*bør jo egentlig legges i en extern fil, men for enkelhetens akkurat nå la jeg det her*/

body{

         background: white url('plain.php') repeat;

}

</style>

<body>

masse rart her

</body>

</html>

Lenke til kommentar
/*først lager vi et blankt bilde(kan jo selvfølgelig gjøres i et tegneprogram, men jeg hadde server nærmere så skrev i php)*/

 


<?php

header ("Content-type: image/png");

$size = 5;

$im = @imagecreate($size, $size)

or die ("Cannot Initialize new GD image stream");

$back = imagecolorallocate($im, 255, 255, 255);

$border = imagecolorallocate($im, 100, 100, 100);

imagefilledrectangle($im, 0, 0, $size - 1, $size - 1, $back);

imagerectangle($im, 0, 0, $size - 1, $size - 1, $border);

imagepng ($im);

imagedestroy($im);

?>

 

så kommer html delen:

 


<html>

<head>

<style>

<html>

<head>

<style>

/*bør jo egentlig legges i en extern fil, men for enkelhetens akkurat nå la jeg det her*/

body{

         background: white url('plain.php') repeat;

}

</style>

<body>

masse rart her

</body>

</html>

Er du litt glad i å kode eller!? ...hehe...maken til svar :p

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...