Tipps und Tricks » kleine webmaster FAQ

ID #1815

ein Schachbrettmuster mit PHP und CSS erzeugen... (demo)

Hallo,

mit der heutigen Technik ist der Programmieraufwand minimal oder man kann das Muster als grid für sein eigenes layout verwenden.

Schachbrett

Demo ansehen

Code zum kopieren und ausprobieren:

Source file

01 <!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02 <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
03 <head>
04 <title>Demo Schachbrettmuster</title>
05 <style type="text/css">
06 #wrapper{position:absolute; display:block;border:1px solid #000;width:660px;left:50%;top:50%;height:660px;margin-left:-330px;margin-top:-330px;background-color:#666600;}
07 #brett{display:block;border:4px ridge #666600;width:640px; height:640px; margin:6px;}
08 .dark{display:inline;float:left;background-color:#000;width:80px;height:80px;color:#fff;}
09 .light{display:inline;float:left;background-color:#fff;width:80px;height:80px;color:#000;}
10 </style>
11 </head>
12 <body>
13 <div id="wrapper"><div>
14 <div id="brett">
15 <?php
16 #Einstellungen
17 $layout=640; #640x640
18 $field=8; # 8x8
19 $html_field_dark="<div class=\"dark\"> </div>";
20 $html_field_light="<div class=\"light\"></div>";
21 #Ende Einstellungen
22 
23 for ($row=0;$row<$field;$row++){
24 if(is_int($row/2)){$color=1;}else{$color=0;}
25  for($j=0;$j<$field;$j++){
26 
27  if($color==1){echo $html_field_dark;$color=0;}
28  else{echo $html_field_light;$color=1;}
29  }
30 
31 
32  }
33 
34 
35 
36 ?>
37 </div></div>
38 </div>
39 </body>
40 </html>
.
.
 

Tags: CSS, demo, HTML, PHP, Schachbrett, webmaster

Verwandte Artikel:

Letzte Änderung des Tests: 2014-05-15 16:14
Autor: pipe

Leser: 11910 (5.93 pro Tag )


Revision: 1.0

Artikel bewerten

bisher bewertet
3.93 (189 ×)

1 2 3 4 5

Kommentar schreiben


Spam Schutz

..