php script & css design

bignevs · 27.10.2009

Hallo

habe da mal eine frage....

ich habe ein php script und möchte das design der sartseite allso der index.php kompl ändern sie ist unübersichtlich und ich möchte sie aber schlicht haben.

ich beschreibe es mal

oben logo

links menü
mit untermenü

rechts werbung

mitte text

ich möchte diese sartseite aber nur so haben das nur ein login mit register gibt und unten per links die menüpunkte sind. wo ich dann auf die einzelnen seiten springen kann wie agb usw.

das index.php script kann aber nicht verändert werden, es soll nur anderst dargestellt werden.

geht das über die css oder müssen auch alle php datein geändert werden?

ich hoffe das es nur die css ist weil wenn ich beides lernen muss bin ich fertig wenn ich grau bin

danke für eure infos

JonJonson · 27.10.2009

AW: php script & css design

Ohne zu wissen mit welchen Skript du arbeitest, kann dir nicht geholfen werden.
Es gibt Skripte, die haben den HTML-Teil im PHP-File eingebaut, oder andere die mit Templatesystemen arbeiten, ...

bignevs · 27.10.2009

AW: php script & css design

ein template ist nicht vorhanden es wird mit HTML hier mal ein einblick

// ####################### ANFANG HTML AUSGABE ####################################
//
// ####################### Header #
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">";
echo "<html xmlns=\"http://www.w3.org/1999/xhtml\">";
echo "<head>";

---------------------------

edit
--------------------

echo "<script type=\"text/javascript\" src=\"inc/js/popup.js\"></script>
<link rel=\"stylesheet\" media=\"all\" type=\"text/css\" href=\"inc/css/dropdown.css\"/>";

echo'<script type="text/javascript">window.google_analytics_uacct = "UA-5279296-4";</script>';

echo'
<script src="inc/js/lib/prototype.js" type="text/javascript"></script>
<script src="inc/js/src/scriptaculous.js" type="text/javascript"></script>
<script src="inc/js/src/unittest.js" type="text/javascript"></script>';

echo $ADD_HEADER_FILE;

echo "</head>";

// ####################### Body ####################################

//
// # Body
//

echo "<body>";

echo "<div id=\"siteAll\">"; // siteAll

echo "<div id=\"siteHeaderAndContent\">"; /// siteHeaderAndContent

//
// # Header

Doppelposts bitte vermeiden, EDIT Button nutzen.

Dennis Kovarik · 27.10.2009

AW: php script & css design

bignevs schrieb:
ein template ist nicht vorhanden es wird mit HTML hier mal ein einblick

// ####################### ANFANG HTML AUSGABE ####################################
//
// ####################### Header #
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">";
echo "<html xmlns=\"http://www.w3.org/1999/xhtml\">";
echo "<head>";

super, der doctype & co :rolleyes:

so kann dir leider nicht geholfen werden

edit:
seite aufbauen, via css (falls du es nicht selbst kannst: selfhtml.org / css4you.de) - anschl. das einfügen, was du aus deiner index.php behalten willst.
fang erstmal mit der struktur für die seite in html/css an, dann klabüster die index.php auseinander.

grüße

ferni · 27.10.2009

AW: php script & css design

sieht aus als gäbe es keine script/design trennung.

Lösung:
Neuprogrammierung - am besten mit template-engine.
oder.
Umstieg auf ein Cms (zB. CMSms - sehr einfach), wo sowieso eine template engine verwendet wird

bignevs · 27.10.2009

AW: php script & css design

danke erstmal für die infos

werde dann mal css lernen müssen, werde dann weiter berichten wie ich voran komme

Dennis Kovarik · 27.10.2009

AW: php script & css design

bignevs schrieb:
danke erstmal für die infos

werde dann mal css lernen müssen, werde dann weiter berichten wie ich voran komme

gern, viel erfolg und halt uns auf dem laufenden

gruß und gute n8

bignevs · 29.10.2009

AW: php script & css design

hi

ich bekomme es einfach nicht hin

hier ist die orginal css aus dem php script-datei

/*
//
// # General
//
// (Content Breite: [ --> 622px <-- ])
//
*/

body {
height: 100%;
margin: 0px;
font-size: 11px;
color: #777777;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(../../images/layout/bg_site.png);
background-repeat:repeat-x;
background-color: #ded9a8;
}
h1 {
margin: 0px 0px 5px 0px;
padding: 5px;
font-size: 13px;
color: #006600;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-image:url(../../images/layout/bg_h1.gif);
}
h1.space { margin-top: 5px; }

h2 {
margin: 0px 0px 5px 0px;
padding: 2px;
font-size: 11px;
color: #666666;
border-top: 1px solid #e1e1e1;
border-right: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
border-left: 1px solid #e1e1e1;
background-image:url(../../images/layout/bg_h2.gif);
}

h3 {
margin: 0px 0px 5px 0px;
padding: 2px;
font-size: 11px;
color: #d35011;
border-bottom: 4px solid #F5F5F5;
}

h4 {
margin: 0px 0px 15px 0px;
padding: 10px;
font-size: 13px;
color:#CC0000;
background-color:#FFFAD2;
border: 1px solid #CC6600;
}

hr {
margin: 5px 0px 5px 0px;
border: 1px solid #F0F0F0;
}

img.border { padding: 1px; border: 1px solid #557816; }

.clearFix { clear: both; }

a {
color:#999999;
font-weight: bold;
text-decoration: none;
}
a:hover { color:#666666; }

/*
//
// # Layout
//
*/

/* Allgemein */

#siteAll {
position: relative;
margin-left:auto ;
margin-right: auto;
min-height: 100%;
}
#siteHeaderAndContent {
margin-left:auto ;
margin-right: auto;
width: 950px;
}
#siteFooter {
position: absolute;
bottom: 0;
margin-bottom: 20px;
width: auto;
height: 80px;
color:#9f9f9f;
font-size: 9px;
}
#layoutHeaderOpinion {
width: 950px;
height: 39px;
color: #FFFFFF;
}
#layoutHeaderOpinion .pic { float: left; height: 39px; width: 31px;}
#layoutHeaderOpinion .text { float: left; height: 39px; padding: 0px 15px 0px 15px; line-height: 39px;}
#layoutHeaderOpinion .button { float: right; height: 39px; padding: 0px 15px 0px 15px; line-height: 39px;}
#layoutHeaderBanner {
width: 950px;
height: 361px;
background-image: url(../../images/layout/d_header.jpg);
}
#layoutMenu {
float: left;
width: 150px;
}
.layoutContent {
float: left;
padding: 0px 10px 10px 10px;
width: 622px;
border-left: 4px solid #F5F5F5;
border-right: 4px solid #F5F5F5;
}
#layoutSidebar {
float: left;
width: 134px;
padding: 6px;
color: #996600;
background-color: #fcfc56;
}
#layoutContentFooter {
clear: left;
width: 950px;
padding: 20px 0px 80px 0px;
}

/* Site Footer Links */

#siteFooter a {
color: #8f8f8f;
font-weight: bold;
font-size: 10px;
}
#siteFooter a:hover { color: #c4c4c4; text-decoration: none; }

/* Info Nachricht */

#infoMsgOk {
padding: 10px;
margin-bottom: 10px;
color: #4e6624;
text-align: center;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-color: #dfff9c;
background-image:url(../../images/layout/bg_msg_ok.gif);
background-repeat:repeat-x;
}
#infoMsgOk a { line-height: 30px; padding: 5px; color:#FFFFFF; background-color: #5f7e21; }
#infoMsgOk a:hover { color:#FFFFFF; background-color: #84a347; }

#infoMsgError {
padding: 10px;
margin-bottom: 10px;
color: #7e2121;
text-align: center;
border-top: 1px solid #f25742;
border-right: 1px solid #d4321d;
border-bottom: 1px solid #d4321d;
border-left: 1px solid #f25742;
background-color: #dfff9c;
background-image:url(../../images/layout/bg_msg_error.gif);
background-repeat:repeat-x;
}
#infoMsgError a { line-height: 30px; padding: 5px; color:#FFFFFF; background-color: #7e2c21; }
#infoMsgError a:hover { color:#FFFFFF; background-color: #bd4636; }

/* Blätterfunktion */

#siteNavigation {
margin-top: 10px;
width: 612px;
height: 30px;
padding: 5px;
border-top: 2px solid #405f16;
}
#siteNavigation a {
margin: 2px;
padding: 4px 8px 4px 8px;
line-height: 30px;
color: #767676;
border-top: 1px solid #cccccc;
border-right: 1px solid #a7a7a7;
border-bottom: 1px solid #a7a7a7;
border-left: 1px solid #cccccc;
background-color: #eeeeee;
}
#siteNavigation a:hover {
color: #a7a7a7;
}
#siteNavigation .selected { background-color:#FFFFCC; }

/*
//
// # Links
//
*/

a.link_bg_red {
color: #FFFFFF;
font-weight:bold;
text-decoration: none;
padding: 5px;
line-height: 30px;
background-color: #b7501e;
}
a:hover.link_bg_red { color: #ffddcd; }

a.link_bg_green {
color: #FFFFFF;
font-weight:bold;
text-decoration: none;
padding: 5px;
line-height: 30px;
background-color: #479f0a;
}
a:hover.link_bg_green { color: #d8ffbd; }

/*
//
// # Form
//
*/

form { margin: 0px; }

input, textarea, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #C8C8C8;
margin: 2px;
}

select {
cursor: pointer;
}

label {
cursor: pointer;
}

.mainButton {
width: auto;
padding: 3px;
font-size: 11px;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-image:url(../../images/layout/bg_h1.gif);
}
.mainButton:hover {
color: #937225;
border-top: 1px solid #ffd97f;
border-right: 1px solid #edb838;
border-bottom: 1px solid #edb838;
border-left: 1px solid #ffd97f;
background-image:url(../../images/layout/bg_h1_hover.gif);
cursor: pointer;
}

/*
//
// # Menü
//
*/

/* Allgemein */

#layoutMenu ul {
margin-top: 0px;
margin-bottom: 0px;
list-style: none;
}
#layoutMenu li {
margin-left: -40px;
padding-left: 3px;
padding: 5px;
border-bottom: 1px solid #F5F5F5;
}
#layoutMenu li:hover {
color: #000033;
background-color: #CFC981; }

#layoutMenu .selected {
color: #F9F9F0;
font-weight: bold;
background-color: #BAB14A;
}

#layoutMenu .selected a {
color: #F9F9F0;
font-weight: bold;
background-color: #BAB14A;
}

#layoutMenu a {
color: #999999;
font-weight: bold;
text-decoration: none;
}
#layoutMenu a:hover { color: #888888; }

/* Player Card */

#playerCard{
margin: 5px 5px 5px 0px;
padding: 2px;
color: #feff04;
text-align: center;
border-top: 1px solid #bb8787;
border-right: 1px solid #7a4545;
border-bottom: 1px solid #7a4545;
border-left: 1px solid #bb8787;
background-color: #9f5a5a;
background-image: url(../../images/layout/bg_playercard.png);
background-repeat: repeat-x;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#playerCard div.virtualLine { margin: 4px; border-top: 1px dotted #feff04; }

#playerCard .textDeveloper {
color: #FFFFCC;
letter-spacing: 1px;
}
#playerCard .textAwards {
color: #FFCC66;
font-size: 9px;
}
#playerCard img {
padding: 2px;
margin: 1px;
background-color: #FFFFFF;
border: 1px solid #c44141;
}

/* Logout */

div.playerLogout {
margin: 5px 5px 5px 0px;
padding: 2px;
color:#ff7d7d;
text-align: center;
border-top: 1px solid #bb8787;
border-right: 1px solid #7a4545;
border-bottom: 1px solid #7a4545;
border-left: 1px solid #bb8787;
background-color: #9f5a5a;
}

/*
//
// # Formular bzw. Text Formatierung
//
*/

/* Basic */

div.formatLabel {
float: left;
width: 170px;
padding-top: 6px;
font-style: italic;
color: #999999;
}
div.formatLabel:hover { color: #C3C3C3; }
div.formatContent {
float: left;
width: 452px;
color: #5c5c5c;
font-weight: bold;
}
div.formatSubmit {
float: left;
width: 452px;
padding-left: 170px;
}

div.formatLine {
float: left;
margin: 4px 0px 4px 0px;
width: 622px;
font-size: 0px;
border-bottom: 1px dotted #CCCCCC;
}

div.quote {
margin: auto;
width: 440px;
padding: 5px;
color:#CC0000;
border-top: 1px solid #f3f3bd;
border-right: 1px solid #e6e60e;
border-bottom: 1px solid #e6e60e;
border-left: 1px solid #f3f3bd;
background-color:#FFFFCC;
}

div.text { padding-top: 0px; }
div.last { margin-bottom: 10px; }

/* Form */

div.formatContent input, div.formatContent textarea { width: 440px; border-color: #999999; padding: 4px; font-size: 10px; color: #666666; }
div.formatContent select { width: 450px; border-color: #999999; padding: 4px; font-size: 10px; }

div.formatContent input:hover, div.formatContent select:hover, div.formatContent textarea:hover { border-color: #CCCCCC; }
div.formatContent input:focus, div.formatContent select:focus, div.formatContent textarea:focus { background-color:#F3F3F3; }

div.formatSubmit input {
width: auto;
padding: 3px;
font-size: 11px;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-image:url(../../images/layout/bg_h1.gif);
}
div.formatSubmit input:hover {
color: #937225;
border-top: 1px solid #ffd97f;
border-right: 1px solid #edb838;
border-bottom: 1px solid #edb838;
border-left: 1px solid #ffd97f;
background-image:url(../../images/layout/bg_h1_hover.gif);
cursor: pointer;
}

div.formatSubmitnew input {
width: auto;
padding: 3px;
font-size: 11px;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-image:url(../../images/layout/bg_h1.gif);
}
div.formatSubmitnew input:hover {
color: #937225;
border-top: 1px solid #ffd97f;
border-right: 1px solid #edb838;
border-bottom: 1px solid #edb838;
border-left: 1px solid #ffd97f;
background-image:url(../../images/layout/bg_h1_hover.gif);
cursor: pointer;
}
/*
//
// # Tabellen Formatierung
//
*/

table {
border-spacing: 0px;
border-collapse: 0px;
width: 100%;
}

td.sub {
padding: 0px 0px 5px 0px;
color: #999999;
border-bottom: 1px solid #c6c6c6;
border-right: 5px solid #FFFFFF;
}

td.label { color: #999999; }
td.content { padding-top: 3px; color: #5c5c5c; }
td.content:hover { color: #999999; }
td.noContent { padding: 15px; color: #CCCCCC; font-weight: bold; font-style: italic; text-align: center; }

td.first { width: 30%; }
td.top { vertical-align: top; }
td.center { text-align: center; }
td.line { border-bottom: 1px dotted #CCCCCC; border-right: 5px solid #FFFFFF; }
td.mark { color: #CC0000; background-color: #FFCFBF; }

#login_transparant_div
{
position:relative;
border: 1px solid #8AB1FF;
width:245px;
height:270px;
left:400px;
top:20px;
background-image: url(../../images/layout/1px_transparent.png);
background-repeat:repeat;

}

#login_transparant_div_innen
{
position:relative;
width:225px;
height:250px;
left:10px;
top:10px;
background-image: url(../../images/layout/1px_transparent_d.png);
background-repeat:repeat;
}

/* Info */
#login_transparant_div div.loginInformation {
padding: 5px;
margin-bottom: 5px;
color: #18466d;
text-align: center;
border-top: 1px solid #bce0ff;
border-right: 1px solid #529cdb;
border-bottom: 1px solid #529cdb;
border-left: 1px solid #bce0ff;
background-color:#8ccaff;
}

/* Cookie */
#login_transparant_div div.loginCookie {
padding: 5px;
color: #6c3216;
text-align: center;
border-top: 1px solid #fbeecf;
border-right: 1px solid #f3cc6a;
border-bottom: 1px solid #f3cc6a;
border-left: 1px solid #fbeecf;
background-color:#f8e2ac;
}

#login_transparant_div div.loginCookie a {
line-height: 25px;
color: #d35011;
font-size: 9px;
border-bottom: 1px dotted #d35011;
}
#login_transparant_div div.loginCookie a:hover {
color: #95451f;
border-color: #95451f;
}
#login_transparant_div div.loginLabel {
float: left;
width: 85px;
line-height: 18px;
color: #a32222;
font-size: 9px;
font-weight: bold;
}
#login_transparant_div div.loginValue {
float: left;
width: 137px;
color: #999999;
font-weight: bold;
}

/* Form */

#login_transparant_div input {
width: 125px;
padding: 2px;
border: 1px solid #c3c3c3;
margin: 0px 0px 5px 0px;
color: #009900;
}
#login_transparant_div input:hover { background-color:#e2f8ba; }
#login_transparant_div input:focus { background-color:#f6f6f6; }

#login_transparant_div .submit {
width: 222px;
padding: 2px;
cursor: pointer;
font-weight: bold;
color: #f7ff00;
border-top: 1px solid #ef9062;
border-right: 1px solid #ac4818;
border-bottom: 1px solid #ac4818;
border-left: 1px solid #ef9062;
background-color:#d35011;
margin: 0px 0px 5px 0px;
}
#login_transparant_div .submit:hover { background-color:#a32222; }

#login_transparant_div .markLink a {
margin: 3px;
padding: 3px;
line-height: 25px;
font-size: 10px;
color: #339933;
text-decoration: none;
background-color: #F0F0F0;
}

#login_transparant_div .markLink a:hover { color: #267326; background-color: #E9E9E9; }

bignevs · 29.10.2009

AW: php script & css design

und so soll sie aber aussehen

/*
//
// # General
//
// (Content Breite: [ --> 622px <-- ])
//
*/

body {
font:10px verdana;
color:#555;
margin:20px;
background:url(../images/wasser.jpg) top repeat-x #333;
}

{ cursor: url(../images/hand.gif); }

* {
margin:0;
padding:0;
}

#wrapper {
margin:0 auto;
background:#fff;
padding:5px;
border:4px solid #555;
width:760px;
}

#header {
width: 760px;
height: 250px;
background:url(../images/d_header.jpg) top repeat-x;
}

#header h1 {
height:180px;
font:250% Trebuchet MS;
padding:30px 20px 10px 20px;
color:#00CC00;
}

#nav {
margin:0 0 0 0;
}

#nav li {
list-style:none;
display:inline;
padding:7px 0;
}

#nav li a {
padding:7px;
color:#EBEAEA;
text-decoration:none;
}

#nav li a:hover {
background:#333;
border-bottom: 4px solid #E70565;
color:#E70565;
}

#seitenbox_rechts {
float:left;
width:180px;
padding:0 10px;
background:#EBEAEA;
font:100% Verdana;
border-right:1px solid #ccc; /* war eee */
margin:0 15px 0 0;
}

#seitenbox_rechts h2 {
font:140% Arial;
color:#222;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}

#seitenbox_rechts p {
line-height:20px; /* wichtig: ändert Zeilenabstand in der linken Seitenbox */
}

#content {
padding:0 15px;
font-size:120%;
}

#content h2 {
font:150% Trebuchet MS;
color:#222;
border-bottom:1px solid #eee;
}

#content h3 {
font:140% Arial;
color:#222;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}

.mit_seitenbox {
margin:0 0 0 200px;
}

#content h1,h2,h3,h4,p,ul,ol {
margin:15px 0;
line-height:20px; /* wichtig: ändert Zeilenabstand für den gesamten Text im Content */
}

/* Für die linke Seitenbox, nicht dringend benötigt, der Vollständigkeit halber:
#sidebar_left h1,h2,h3,h4,p,ul,ol,blockquote {
margin:15px 0;
}
*/

code {
background:#f6f6f6;
}

#footer {
margin:30px -5px -5px -5px;
padding:15px;
background:#f6f6f6;
border-top:2px solid #eee;
clear:left;
}

JPS · 29.10.2009

AW: php script & css design

Ersteinmal ist es Quatsch jeden Kram mühselig in echo-Zeilen zu packen.
Dann würde ich vom Grund her anders vorgehen.

Circa so:

PHP:

 if ({login ist gerade aktuell})
{echo "<link rel=\"stylesheet\" media=\"all\" type=\"text/css\" href=\"inc/css/login.css\"/>";}
else
{echo "<link rel=\"stylesheet\" media=\"all\" type=\"text/css\" href=\"inc/css/normal.css\"/>";}

Wenn ich es falsch verstanden habe, korrigiere mich.

bignevs · 30.10.2009

AW: php script & css design

was ich bis her gelernt habe ist man muss erst lesen können damit man auch eine css schreiben kann.

das bedeutet ich muss mit meiner index.php anfangen und punkt für punkt lesen und dann in css übertragen.

JPS · 31.10.2009

AW: php script & css design

Für mich stellt sich die Frage warum???

Stelle doch einfach 2 fertige CSS Dateien zur Verfügung und frage die Einsatzbedingungen mit PHP ab.

bignevs · 01.11.2009

AW: php script & css design

hallo ihr lieben....

ich habe noch ein kleines problem

der login bereich

er soll in etwa so sein benutzernname passwort login dann passwort vergessen
und register alles in einer reihe 2 spalten als border....

und so ist die jetzige einstellung bekomme es einfach nicht hin

if(!defined('KEY_USER_LOGGED_IN')) {
echo'<div id="login_transparant_div"> <div id="login_transparant_div_innen"> <h1>Login</h1> ';
// Formular
echo "<div style=\"text-align: left;\">";
echo "<form action=\"index.php?". SID ."&p=login\" method=\"post\">";
echo "<div class=\"loginLabel\"><label for=\"key_nick\">".PLAYERNAME."</label></div>";
echo "<div class=\"loginValue\"><input type=\"text\" id=\"key_nick\" name=\"key_nick\"".((isset($insert_value_nick))?"value=\"".$insert_value_nick."\"":"")."></div>";
echo "<div class=\"loginLabel\"><label for=\"key_password\">".PASSWORD."</label></div>";
echo "<div class=\"loginValue\"><input type=\"password\" id=\"key_password\" name=\"key_password\"".((isset($insert_value_password))?"value=\"".$insert_value_password."\"":"")."></div>";
echo "<div class=\"loginLabel\" style=\"line-height: 10px;\"><label for=\"key_save_login\">Login merken »</label></div>";
echo "<div class=\"loginValue\" style=\"text-align: left;\"><input type=\"checkbox\" id=\"key_save_login\" name=\"key_save_login\" value=\"1\" style=\"width: auto; margin-left: 6px;\"></div>";
echo "<input type=\"submit\" name=\"send\" value=\"".."\" class=\"submit\">";
echo "</form>";
echo "</div>";

kann mir da jemand helfen?

JPS · 02.11.2009

AW: php script & css design

Ich gebe Dir mal einen Tipp, wenn Du noch nicht ganz firm bist in diesen PHP dingen:
Unterbreche das PHP und layoute normal. Es ist viel besser für die Übersicht und durchaus nicht verkehrt. Außerdem kannst Du mit einen WYSIWIG Editor wie Dreamweaver es Dir direkt ansehen

z.B.

PHP:

<?php 
if(!defined('KEY_USER_LOGGED_IN')) 
{ 
?>
HIER JETZT NORMALES LAYOUT OHNE ECHOS
<?php
}
else
{ ?>
WIEDER NORMALES LAYOUT
 
<?php } ?>