Hallo liebe Com, ich präsentiere euch heute mein ersten Versuch nach dem heutigen erlernen von HTML und CSS.
Ich habe mir da schon etwas mühe für gegeben und bin für Kritik und Vorschläge offen 
Mfg
Der Pate
// Edit Screenshot überarbeitet. Angepasst und Facebook Icon inkl. Link eingefügt
Sieht doch spitze aus! Dafür das du auch jetzt schon mit so transparenten Oberflächen arbeitest... Haben deine Buttons schon hover-Effekte, also das sie beispielsweise ihre Farbe oder Form verändern beim überfahren mit der Maus?
Ich hatte mich auch mal mit dem Thema CSS & HTML auseinandergesetzt.
Allerdings kläglich gescheitert. Für dein Werk am ersten Tag finde ich deine Seite sehr gelungen.
Würde ich nur etwas von dem Scheiß verstehen 
Sieht doch super aus für den Anfang.
Allerdings kläglich gescheitert. Für dein Werk am ersten Tag finde ich deine Seite sehr gelungen.
Designmässig siehts natürlich überragend aus Top Aber Codemässig vlt. willst du uns ja mal so bisschen sagen wie du was gemacht hats, gibt ja schöne und unschöne Methoden
Verbesserungen folgen dann natürlich
Würde ich nur etwas von dem Scheiß verstehen
Hier http://www.html-seminar.de/css-definitionen-uebersicht.htm
Damit hab ich heute auch angefangen, mehr brauchst du eigentlich nicht vielleicht noch google für paar Anwendungen davon aber sonst nichts, n Werk ist auch im showroom
Ansonsten sieht es fürn anfang doch ganz gut aus.
Ich werde heute nach der Schule meinen Code posten ich hoffe dass meine angewandte Methode als schön gilt 
// Edit
Die ist meine Index.php
<!-- Dieser Code wurde von Dario Saracino geschrieben.-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Insanity Network</title>
<link rel="shortcut icon" href="bilder/favicon.ico" />
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body id="box">
<img id="banner" src="bilder/banner.png" alt="Das Banner"/>
<div id="InfoBox">
<h1 id="h1IP">Insanity-Network.net</h1>
<p id="pSlogan">wir sind die Veränderung!</p>
<a href="http://www.youtube.com/GamingPandaDE" class="YouTubeChannel">YouTube-Channel</a>
<a href="ts3server://insanity-network.de?port=9987" class="TeamSpeakServer">TeamSpeakServer</a>
</div>
<div id="ServerF">
<h1 id="SFeatures">Server-Features</h1>
<ul id="Fliste">
<li>Eigene Plugins! - Von unseren Devolper-Team entwickelt!</li>
<li>Viele Events</li>
</ul>
</div>
</body>
</html>
Und hier folgt meine Css datei.
#box {
background-image: url(bilder/bild3.jpg);
background-attachment: fixed;
}
#banner{
padding-left: 83%;
}
#InfoBox{
position:absolute;
top:20%; left:23%;
width:1000px;
height:300px;
z-index: 0;
background-color:#ffc000;
opacity: 0.9;
border-radius:15px 15px 15px 15px;
}
#h1IP{
text-align: center;
font-family: 'Lucida Sans Unicode';
color: White;
margin-top: 5%;
z-index: 1;
}
#pSlogan{
text-align: center;
font-family: 'Lucida Sans Unicode';
font-size: larger;
color: White;
margin-top: 1%;
z-index: 1;
}
.YouTubeChannel {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #080808), color-stop(1, #000000) );
background:-moz-linear-gradient( center top, #080808 5%, #000000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#080808', endColorstr='#000000');
background-color:#080808;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0px;
border:2px solid #000000;
display:inline-block;
color:#ffffff;
font-family:'Lucida Sans Unicode';
font-size:13px;
font-weight:bold;
font-style:normal;
height:33px;
line-height:33px;
width:200px;
text-decoration:none;
text-align:center;
position:absolute;
top:80%; left:15%;
}
.TeamSpeakServer {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #080808), color-stop(1, #000000) );
background:-moz-linear-gradient( center top, #080808 5%, #000000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#080808', endColorstr='#000000');
background-color:#080808;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0px;
border:2px solid #000000;
display:inline-block;
color:#ffffff;
font-family:'Lucida Sans Unicode';
font-size:13px;
font-weight:bold;
font-style:normal;
height:33px;
line-height:33px;
width:200px;
text-decoration:none;
text-align:center;
position:absolute;
top:80%; left:65%;
}
#ServerF{
position:absolute;
top:70%; left:23%;
width:1000px;
height:300px;
z-index: 0;
background-color:#ffc000;
opacity: 0.9;
border-radius:15px 15px 15px 15px;
}
#SFeatures{
font-family: 'Lucida Sans Unicode';
text-align: center;
}
li {
margin-bottom:12px;
}
#Fliste{
color: #080808;
font-family: 'Lucida Sans Unicode';
}Vorschläge sind erwünscht!
SIeht eiglich garnicht so schlecht aus
li {
margin-bottom:12px;
}
Gilt für jedes li ich würde davor noch eine eindeutige ID schreiben
Hier http://www.html-seminar.de/css-definitionen-uebersicht.htm
Damit hab ich heute auch angefangen, mehr brauchst du eigentlich nicht vielleicht noch google für paar Anwendungen davon aber sonst nichts, n Werk ist auch im showroom
Ansonsten sieht es fürn anfang doch ganz gut aus.
Ich habe ein ganzes Buch über HTML / PHP / CSS, welches 700 Seiten hat, trotz allem versteh ich einen Müll
B2T: Ich würde die Abstände zwischen den beiden gelben Boxen verkleinern.
Ich bedanke mich schon mal herzlich an alle für ihr Positives Feedback
