Hallo,
ich habe vielleicht eine blöde Frage, aber ich komme einfach nicht auf die Lösung obwohl Sie so einfach erscheint.
ich habe auf einer Seite mehrere Boxen ( z.B. ein Menü, Mitgliederanzeige ),
diese Boxen habe immer die selbe Farben und Formen nur der Inhalt ändert sich. Da diese Boxen etwas 3D wirken sollen habe ich eine Schatten
eingebaut, jedoch ist es für eine Box recht viel Code und wenn ich diese addiere ( da ja mehrere Boxen ) kommt recht viel unübersicht zu tage.
Hier mal diese Box :
Vielleicht hat ja jemand eine Idee ausser mit Templates, denn das habe ich aufgegeben ( ersteinmal zu schwierig ) .
Sorry wenn der Code etwas breiter ist ( REGELVERSTOSS ) aber ich
wollte diesen unübersichtlichen Code nicht noch unübersichtlicher machen.
Gruss und Danke
ich habe vielleicht eine blöde Frage, aber ich komme einfach nicht auf die Lösung obwohl Sie so einfach erscheint.
ich habe auf einer Seite mehrere Boxen ( z.B. ein Menü, Mitgliederanzeige ),
diese Boxen habe immer die selbe Farben und Formen nur der Inhalt ändert sich. Da diese Boxen etwas 3D wirken sollen habe ich eine Schatten
eingebaut, jedoch ist es für eine Box recht viel Code und wenn ich diese addiere ( da ja mehrere Boxen ) kommt recht viel unübersicht zu tage.
Hier mal diese Box :
PHP-Code:
<? echo "
<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"150\" >
<tr>
<td rowspan=\"8\"><img src=\"images/space.gif\" width=\"10\" height=\"1\" border=\"0\" alt=\"\"></td>
<td colspan=\"5\" bgcolor=\"#ffffff\" width=\"137\"><img src=\"images/space.gif\" width=\"137\" height=\"1\" border=\"0\" alt=\"\"></td>
<td width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"1\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td bgcolor=\"#ffffff\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"3\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"3\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"125\"><img src=\"images/space.gif\" width=\"125\" height=\"3\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"3\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"3\" border=\"0\" alt=\"\"></td>
<td width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"3\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td bgcolor=\"#ffffff\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"125\"><center><b>ÜBERSCHRIFT</b></center>
<img src=\"images/space.gif\" width=\"125\" height=\"1\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#ffcc00\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#b8b8b8\" width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"15\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"4\" bgcolor=\"#CCA300\" width=\"136\"><img src=\"images/space.gif\" width=\"136\" height=\"1\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"1\" border=\"0\" alt=\"\"></td>
<td width=\"3\" bgcolor=\"#b8b8b8\"><img src=\"images/space.gif\" width=\"3\" height=\"1\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"4\" bgcolor=\"#FFF5CC\" width=\"136\"><img src=\"images/space.gif\" width=\"136\" height=\"1\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"1\" border=\"0\" alt=\"\"></td>
<td width=\"3\" bgcolor=\"#b8b8b8\"><img src=\"images/space.gif\" width=\"3\" height=\"1\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td bgcolor=\"#ffffff\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#FFE680\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#FFE680\" width=\"125\" class=\"small\">
INHALT
</td>
<td bgcolor=\"#FFE680\" width=\"5\"><img src=\"images/space.gif\" width=\"5\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"images/space.gif\" width=\"1\" height=\"15\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#b8b8b8\" width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"15\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"5\" bgcolor=\"#000000\" width=\"137\"><img src=\"images/space.gif\" width=\"140\" height=\"1\" border=\"0\" alt=\"\"></td>
<td bgcolor=\"#b8b8b8\" width=\"3\"><img src=\"images/space.gif\" width=\"3\" height=\"1\" border=\"0\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"2\" width=\"6\"><img src=\"images/space.gif\" width=\"6\" height=\"2\" border=\"0\" alt=\"\"></td>
<td colspan=\"4\" bgcolor=\"#b8b8b8\" width=\"134\"><img src=\"images/space.gif\" width=\"134\" height=\"2\" border=\"0\" alt=\"\"></td>
</tr>
</table>"; ?>
Sorry wenn der Code etwas breiter ist ( REGELVERSTOSS ) aber ich
wollte diesen unübersichtlichen Code nicht noch unübersichtlicher machen.
Gruss und Danke
Kommentar