html5, css rewrite

This commit is contained in:
Philip Häusler 2011-06-01 17:51:39 +02:00
parent ac8dbe835e
commit 54aa90e641
6 changed files with 64 additions and 60 deletions

View File

@ -11,7 +11,7 @@ $SQL = "SELECT UID, Nick, lastLogIn " .
$Erg = mysql_query($SQL, $con); $Erg = mysql_query($SQL, $con);
echo "<ul>"; echo "<ul class=\"content\">";
for ($i = 0; $i < mysql_num_rows($Erg); $i++) { for ($i = 0; $i < mysql_num_rows($Erg); $i++) {
echo "<li>"; echo "<li>";

View File

@ -37,6 +37,6 @@ function ShowMenu($MenuName) {
} }
} }
if ($Gefunden) if ($Gefunden)
echo '<nav><h4>' . Get_Text("$MenuName/") . '</h4><ul>' . $Text . '</ul></nav>'; echo '<nav class="container"><h4>' . Get_Text("$MenuName/") . '</h4><ul class="content">' . $Text . '</ul></nav>';
} //function ShowMenue } //function ShowMenue
?> ?>

View File

@ -40,7 +40,7 @@ echo "</head>\n";
///////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////// B O D Y ////////////////////////////////////// B O D Y
///////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////
echo "<body>\n"; echo "<body class=\"background\">\n";
echo '<header><a href="' . $url . $ENGEL_ROOT . '" id="logo"></a></header>'; echo '<header><a href="' . $url . $ENGEL_ROOT . '" id="logo"></a></header>';
@ -69,12 +69,12 @@ if ($_SESSION['Menu'] == "L")
include ("menu.php"); include ("menu.php");
?> ?>
</div> </div>
<div id="content"> <div id="content" class="container">
<?php <?php
echo '<h1>' . (strlen($header) == 0 ? Get_Text($Page["Name"]) : $header) . '</h1>'; echo '<h1>' . (strlen($header) == 0 ? Get_Text($Page["Name"]) : $header) . '</h1>';
echo '<article>'; echo '<article class="content">';
if (isset ($_SESSION['UID'])) { if (isset ($_SESSION['UID'])) {
if (isset ($_SESSION['oldurl'])) if (isset ($_SESSION['oldurl']))

View File

@ -31,26 +31,28 @@ if ($submenus >= 1) {
<br /> <br />
<?php <?php
} }
} }
if (isset ($_SESSION['UID'])) { if (isset ($_SESSION['UID'])) {
?> ?>
<nav> <nav class="container">
<?php include("funktion_activeUser.php"); ?> <?php include("funktion_activeUser.php"); ?>
</nav> </nav>
<?php <?php
} }
?> ?>
<nav> <nav class="container">
<h4><?php echo Get_Text("Sprache") ?></h4> <h4><?php echo Get_Text("Sprache") ?></h4>
<?php <?php
include ("funktion_flag.php"); include ("funktion_flag.php");
?> ?>
</nav> </nav>
</td>
<!-- ende des menue parts //--> <!-- ende des menue parts //-->

View File

@ -4,7 +4,6 @@
} }
body { body {
background: #f0f0f0;
font-family: Arial; font-family: Arial;
sans-serif; sans-serif;
font-size: font-size:
@ -78,18 +77,22 @@ nav {
margin: 0 10px 10px 0; margin: 0 10px 10px 0;
} }
nav, #content {
border: 1px solid #888;
}
#content article { #content article {
padding: 10px; padding: 10px;
} }
nav ul, nav p, #content article {
background: #fff;
}
a.sprache img { a.sprache img {
margin: 5px; margin: 5px;
} }
.background {
background: #f0f0f0;
}
.container {
border: 1px solid #888;
}
.content {
background: #fff;
}

View File

@ -1,84 +1,83 @@
body { body, .background {
background-color: #131313; background-color: #131313;
color: #424242;
color: #424242; line-height: 150%;
font-family: Trebuchet MS, Lucida Grande, Arial, sans-serif;
line-height: 150%;
font-family: Trebuchet MS, Lucida Grande, Arial, sans-serif;
margin-bottom: 20px;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #424242 color: #424242
} }
td { td {
font-size: small font-size: small
} }
a:active, a:hover { a:active, a:hover {
font-weight: bold font-weight: bold
} }
li { li {
font-size: small font-size: small
} }
.content { .content {
background-color: #131313; background-color: #131313;
color: #424242; color: #424242;
} }
.contenttopic { .contenttopic, h1 {
font-weight: bold; font-weight: bold;
font-size: small; font-size: small;
color: #000000; color: #000000;
background-color: #333333 background-color: #333333
} }
.border { .border, .container {
background-color: #333333 background-color: #333333;
border: 1px solid #424242;
} }
.menu { .menu {
background-color: #131313; background-color: #131313;
color: #424242; color: #424242;
font-size: small font-size: small
} }
h4.menu {
background-color: #333333; h4 {
font-weight: bold; background-color: #333333;
font-size: small; font-weight: bold;
color: #000000 font-size: small;
color: #000000
} }
.linkbox { .linkbox {
background-color: #ffffff background-color: #ffffff
} }
.linkboxtitle { .linkboxtitle {
font-weight: bold; font-weight: bold;
background-color: #000000; background-color: #000000;
color: #ffffff color: #ffffff
} }
.question { .question {
font-weight: bold; font-weight: bold;
font-size: 9pt font-size: 9pt
} }
.engeltreffen { .engeltreffen {
font-weight: bold; font-weight: bold;
font-size: 9pt; font-size: 9pt;
color: #ff0000; color: #ff0000;
} }
.answer { .answer {
font-size: 9pt; font-size: 9pt;
} }
.comment { .comment {
font-size : 6pt; font-size: 6pt;
} }