- made site html5 valid

- realigned linklist and navbar
- removed some CSS classes, we use selectors now
- code cleanup
This commit is contained in:
Andreas Bielawski 2015-02-24 17:45:22 +01:00
parent 0e896ce972
commit e7a515f47c
3 changed files with 145 additions and 163 deletions

View File

@ -1,3 +1,3 @@
<?php <?php
header('Location: http://www.google.com/search?q='.$_POST[suchen]); header('Location: https://www.google.com/search?q='.$_POST[suchen]);
?> ?>

View File

@ -1,107 +1,72 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <!DOCTYPE html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Aka's Startseite</title> <title>Aka's Startseite</title>
<link href="images/favicon.png" rel="icon" /> <link href="images/favicon.png" rel="icon">
<link href="styles.css" rel="stylesheet" type="text/css" /> <link href="styles.css" rel="stylesheet">
</head> </head>
<body> <body>
<div id="main"> <div id="main">
<!-- header begins --> <!-- header begins -->
<br />
<div id="header"> <div id="header">
<div id="buttons"> <div id="buttons">
<a href="index.html" class="but" title="">Home</a><div class="but_razd"></div> <a href="index.html">Home</a>
<a href="http://akamaru.de" class="but" title="">Aka's Blog</a><div class="but_razd"></div> <a href="http://akamaru.de">Aka&#39;s Blog</a>
<a href="https://ponywave.de" class="but" title="">PonyWave</a><div class="but_razd"></div> <a href="https://ponywave.de">PonyWave</a>
<form action="google.php" method="post"> <form action="google.php" method="post">
<p>Suchen</p><input name="suchen" type="text" /><input type="submit" value="Suchen" /> <p>Suchen</p><input name="suchen" type="text" /><input type="submit" value="Suchen" />
</form> </form>
</div> </div>
</div><!-- header ends --> </div><!-- header ends -->
<!-- content --> <!-- content -->
<br /> <!-- rss feed widget -->
<br /> <div id="rss">
<br /> <script type="text/javascript">document.write('\x3Cscript type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js">\x3C/script>');</script>
<!-- rss feed widget --> <script type="text/javascript">(function() {var params = {rssmikle_url: "http://akamaru.de/feed|http://3ds-homebrew.com/index.php/BoardFeed/|http://wiidatabase.de",rssmikle_frame_width: "300",rssmikle_frame_height: "400",frame_height_by_article: "",rssmikle_target: "_blank",rssmikle_font: "Verdana, Arial, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "on",scrollbar: "on",autoscroll: "on",scrolldirection: "up",scrollstep: "5",mcspeed: "20",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "RSS Feed",rssmikle_title_link: "",rssmikle_title_bgcolor: "#000000",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "on",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl2",rssmikle_timezone: "Europe/Berlin",datetime_format: "%e.%m.%Y %k:%M:%S",item_description_style: "text+tn",item_thumbnail: "crop",article_num: "25",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script>
<div style="text-align: right"> </div>
<script type="text/javascript">document.write('\x3Cscript type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js">\x3C/script>');</script> <!-- end rss feed widget -->
<script type="text/javascript">(function() {var params = {rssmikle_url: "http://akamaru.de/feed|http://3ds-homebrew.com/index.php/BoardFeed/|http://wiidatabase.de",rssmikle_frame_width: "300",rssmikle_frame_height: "400",frame_height_by_article: "",rssmikle_target: "_blank",rssmikle_font: "Verdana, Arial, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "on",scrollbar: "on",autoscroll: "on",scrolldirection: "up",scrollstep: "5",mcspeed: "20",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "RSS Feed",rssmikle_title_link: "",rssmikle_title_bgcolor: "#000000",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "on",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl2",rssmikle_timezone: "Europe/Berlin",datetime_format: "%e.%m.%Y %k:%M:%S",item_description_style: "text+tn",item_thumbnail: "crop",article_num: "25",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script>
</div> <div class="linklist">
<!-- end rss feed widget --> <p><a href="http://2ds-homebrew.com">2DS Homebrew</a></p>
<div style="text-align: left"> <p><a href="http://3ds-homebrew.com">3DS Homebrew</a></p>
<h3> <p><a href="http://akamaru.de">Aka's Blog</a></p>
<a href="http://2ds-homebrew.com">2DS Homebrew</a> <p><a href="http://akamaru.de/testpages">Aka's Projektseite</a></p>
</h3><br /> <p><a href="http://start.akamaru.de">Aka's Startseite</a></p>
<h3> <p><a href="http://iappnews.de">iAppNews</a></p>
<a href="http://3ds-homebrew.com">3DS Homebrew</a> <p><a href="http://nairapony.de">Naira's Tales</a></p>
</h3><br /> <p><a href="https://ponywave.de/PonyPaste">PonyPaste</a></p>
<h3> <p><a href="https://ponywave.de">PonyWave</a></p>
<a href="http://akamaru.de">Aka's Blog</a> <p><a href="https://ponywave.de/cydia">PonyWave Cydia Repo</a></p>
</h3><br /> <p><a href="http://forum.ponywave.de">PonyWave Forum</a> (Offline)</p>
<h3> <p><a href="https://ponywave.de/a">PonyWave Link Shortener</a></p>
<a href="http://akamaru.de/testpages">Aka's Projektseite</a> <p><a href="http://mail.ponywave.de">PonyWave Mail</a></p>
</h3><br /> <p><a href="http://stream.ponywave.de">PonyWave Streams</a></p>
<h3> <p><a href="https://ponywave.de/z0r">PonyWave Z0R Downloader</a></p>
<a href="http://start.akamaru.de">Aka's Startseite</a> <p><a href="http://riko.moe">Riko</a></p>
</h3><br /> <p><a href="http://yagyuu.moe">Yagyuu</a></p>
<h3>
<a href="http://iappnews.de">iAppNews</a>
</h3><br />
<h3>
<a href="http://nairapony.de">Naira's Tales</a>
</h3><br />
<h3>
<a href="https://ponywave.de/PonyPaste">PonyPaste</a>
</h3><br />
<h3>
<a href="https://ponywave.de">PonyWave</a>
</h3><br />
<h3>
<a href="https://ponywave.de/cydia">PonyWave Cydia Repo</a>
</h3><br />
<h3>
<a href="http://forum.ponywave.de">PonyWave Forum</a> (Offline)
</h3><br />
<h3>
<a href="https://ponywave.de/a">PonyWave Link Shortener</a>
</h3><br />
<h3>
<a href="http://mail.ponywave.de">PonyWave Mail</a>
</h3><br />
<h3>
<a href="http://stream.ponywave.de">PonyWave Streams</a>
</h3><br />
<h3>
<a href="https://ponywave.de/z0r">PonyWave Z0R Downloader</a>
</h3><br />
<h3>
<a href="http://riko.moe">Riko</a>
</h3><br />
<h3>
<a href="http://yagyuu.moe">Yagyuu</a>
</h3><br />
<h3>
<a href="http://"></a>
</h3><br />
</div>
<!-- footer begins -->
<div id="footer">
<div id="footer_box1">
<p>Copyright 2015 Akamaru<br /></p>
</div>
<div id="footer_box2">
<a href="https://www.youtube.com/user/TheZipTuner007"><img src="images/youtube.png" class="footer_img" alt="youtube" /></a>
<a href="https://github.com/Akamaru"><img src="images/github.png" class="footer_img" alt= "github" /></a>
<a href="https://twitter.com/Akamaru_Pie"><img src="images/twitter.png" class="footer_img" alt= "twitter" /></a>
<a href="https://www.facebook.com/Akamaru92"><img src="images/facebook.png" class="footer_img" alt="facebook" /></a>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a></p>
<p><a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /></a></p>
</div> </div>
</div>
<!-- footer ends --> <!-- <div id="content">
<p>uncomment and place text for middle column here</p>
</div> -->
<!-- footer begins -->
<div id="footer">
<div id="footer_box1">
<p>Copyright 2015 Akamaru</p>
</div>
<div id="footer_box2">
<a href="https://www.youtube.com/user/TheZipTuner007"><img src="images/youtube.png" class="footer_img" alt="youtube" /></a>
<a href="https://github.com/Akamaru"><img src="images/github.png" class="footer_img" alt= "github" /></a>
<a href="https://twitter.com/Akamaru_Pie"><img src="images/twitter.png" class="footer_img" alt="twitter" /></a>
<a href="https://www.facebook.com/Akamaru92"><img src="images/facebook.png" class="footer_img" alt="facebook" /></a>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/html/logo/badge/html5-badge-h-css3-semantics.png" width="108" height="47" alt="HTML5 Powered with CSS3 / Styling, and Semantics" title="HTML5 Powered with CSS3 / Styling, and Semantics">
</a></p>
</div>
</div>
<!-- footer ends -->
</div> </div>
</body> </body>
</html> </html>

View File

@ -1,97 +1,114 @@
* * {
{ border: 0;
border: 0; margin: 0;
margin: 0;
} }
body{ body {
font: 12px Arial, Helvetica, sans-serif; font: 12px Arial, Helvetica, sans-serif;
color: #353535; color: #353535;
background: url(images/bg.jpg) top center repeat-x #000; background: url(images/bg.jpg) top center repeat-x #000;
line-height: 18px; line-height: 18px;
} }
#header {
padding-bottom: 40px;
}
#buttons{
text-align:center;
height: 53px;
margin-left: 0px;
padding: 0px 0px 0px 85px;
background: url(images/buttons.png) top repeat-x;
}
#buttons > a {
font-family: Arial, Helvetica, sans-serif;
float:left;
padding-right:70px;
padding-top: 15px;
font-size: 18px;
display: block;
float: left;
text-decoration: none;
color: #fff;
text-align: center;
}
#buttons > a:hover {
color:#B95C55;
text-decoration:underline;
}
#main { #main {
width: 1061px; width: 1061px;
margin: 0 auto; margin: 0 auto;
} padding-top: 15px;
#buttons{
text-align:center;
height: 53px;
margin-left: 0px;
padding: 0px 0px 0px 85px;
background: url(images/buttons.png) top repeat-x;
} }
#buttons a { .linklist {
font-family: Arial, Helvetica, sans-serif; font-size: 24px;
font-size: 18px; text-align: center;
display: block; display: block;
float: left; float:left;
text-decoration: none;
color: #fff;
text-align: center;
padding-top: 15px;
} }
#buttons .but:hover {
color:#B95C55;
text-decoration:underline;
}
.but_razd { .linklist > p {
width: 80px; padding-bottom: 20px;
height: 30px; display: block;
float:left;}
h3 {
text-align: left;
font-size: 24px;
color: #000000;
font-weight: normal;
padding-bottom: 10px;
} }
/* RSS widget */
#rss {
float: right;
}
#content {
margin: 0 auto;
}
/*footer*/ /*footer*/
#footer{ #footer{
clear: both; clear: both;
height: 84px; height: 84px;
font-size: 11px; font-size: 11px;
color: #fff; color: #fff;
text-align: center; text-align: center;
padding: 0px 10px 0px 0px; padding: 0px 10px 0px 0px;
text-align: center; text-align: center;
} }
#footer a{ #footer > a{
color: #fff; color: #fff;
font-size: 11px; font-size: 11px;
text-decoration: none; text-decoration: none;
} }
#footer a:hover{ #footer > a:hover{
color: #fff; color: #fff;
font-size: 11px; font-size: 11px;
text-decoration: underline; text-decoration: underline;
} }
#footer_box1{ #footer_box1{
float: left; float: left;
width: 400px; width: 400px;
padding: 25px 0 0 24px; padding: 25px 0 0 24px;
text-align: left; text-align: left;
} }
#footer_box2{ #footer_box2{
float: right; float: right;
width: 400px; width: 400px;
padding: 25px 0 0 16px; padding: 25px 0 0 16px;
text-align: left; text-align: left;
}
#footer_box2 > a{
float: right;
display: inline;
margin-left: 25px;
} }
.footer_img{
float: right;
display: inline;
margin-left: 25px;
}