Spielors Heimseite

Design: simBlack

spielor — Sun, 25 Oct 2009 16:32:58 +0000

Dies ist ein kleines Design, das heute spontan entstanden ist. Es trägt den Titel „simBlack“, was etwa für „simple Black“ steht. Na ja, kreative Namensnennung, was?

Kurz zusammen gefasst: Es ist sehr textorientiert, beinahe ohne Grafiken, schlicht, mehr oder minder langweilig, lässt sich schnell und einfach an eine Farbe anpassen, unterstützt mehrere Farben und kann hierbei dynamisch hin und her wechseln (benötigt Javascript; siehe Demo unten links) und ist trotz allem eigentlich schon ein bisschen schick. Auf jeden Fall ideal für Seiten, bei denen der Inhalt im Vordergrund steht.

Demo: Eine Demo findet ihr » hier.

Nutzungsbedingungen: Macht damit was ihr wollt, aber lasst bitte meinen Namen nicht unerwähnt.

Download: » simBlack.rar

Eine Einführung in (X)HTML

spielor — Sat, 12 Sep 2009 18:34:52 +0000

Im Internet finden sich hunderte von Anleitungen, Befehlssammlungen und Einführungen in die Sprache HTML. Manche davon sind gut, manche weniger. Manche davon sind kompliziert, manche weniger. Manche sind anschaulich – und manche eben weniger.
In meiner Einführung habe ich probiert, eine gesunde Mitte zu finden, und möglichst kein Fachchinesisch zu reden. Ich biete eine Einleitung zum Grundsätzlichen dieser Sprache, einige nützliche Links, schneide den Unterschied zwischen HTML und XHTML an, und biete dann im Anschluss eine recht umfangreiche Befehls- und Code-Sammlung, inklusive Grundgerüst und all das.
Ich wünsche Euch viel Spaß beim Lesen und Verstehen.

» Eine Einführung in HTML ~ für jeden was dabei.

Die Geschichte
HTML versteht sich als „Auszeichnungssprache“ und ist als solche plattformunabhängig. Sie kam mit der Grundidee des Internetzes, ein Informationsnetzwerk, angefangen in einer Organisation für Kernforschung, welches sich nach und nach ausgebreitet hat. Eine Sprache also zur Informationsverarbeitung, die mittels bestimmter Software (also Web-Browser) visualisiert wird – also Webseiten ausgibt.

Die Grundstruktur, die Syntax und Linktips
HTML ist also eine Auszeichnungssprache, und solche haben bestimmte Strukturen. Mittels eröffnet man nämlich das Dokument (die Webseite), mittels wiederum schließt man den Spaß ab. Und damit erschließt sich eigentlich auch schon die grundsätzliche Syntax – <befehl> zum Öffnen, </befehl> zum Schließen. Alles andere ist auswendig lernen von Befehlen, so, wie man Vokabeln lernt. Und Vokabelbücher für HTML gibt es im Internet reichlich. Doch damit nicht genug, auch hier, in dieser Einführung, werden nochmal die grundsätzlichsten Befehle unten gesammelt. Doch zunächst ein paar Linktipps:

selfhtml.org – Riesige Seite rundum alles, was nur im Entferntesten mit HTML zu tun hat. Mit Anleitungen, Problemerörterungen, Sammlungen, anschaulichen Beispielen und viel mehr – eigentlich die einzige wahre Seite.
validator.w3.org – Ein sogenannter „Validator“-Service, der Euren Quelltext darauf prüft, ob Ihr alles richtig gemacht habt.
hex-color-codes.info – Gerade über Google gefunden: Scheinbar eine schöne Seite, um hexdezimale Farbcodes herauszufinden, die nötig für Farbangaben in HTML sind.
spinnenwerk.net: HTML & Co – Auch nochmal eine Übersicht von HTML-Befehlen, die es, wie schon geschrieben, im Netz zuhauf gibt. Dass sie hier vermerkt ist, heißt nicht, dass sie besonders gut ist, vielleicht sogar eher im Gegenteil. Doch aus nostalgischen Gründen schreibe ich sie hier trotzdem hin – ich glaube nämlich, dass genau das die Tabelle ist, mit der ich ganz früher einmal angefangen und rumprobiert habe.

XHTML – ein neuer Dialekt
Was eventuell noch zu beachten und wichtig ist, das ist die neue Form von HTML, namentlich XHTML. Diese versteht sich quasi als ein neuerer, modernerer Dialekt, genauso wie man heutzutage auch gerne „cool“ oder „Ketchup“ sagt, was vor 50 Jahren noch reichlich seltsam gewesen wäre.
XHTML unterscheidet sich nur minimal von HTML. Grundsätzlicher Unterschied wären da jene , die sich nicht durch schließen lassen, da man hier schlicht und einfach keinen Text dazwischen packen kann. Das wäre beispielsweise ein Zeilenumbruch (
), denn wie will man dort noch Text unterbringen? Dieser wird nach XHTML-Regeln nicht etwa bei einem
belassen, oder gar mittels
geschlossen (was ja, wie oben beschrieben, reichlich sinnlos wäre) – nein, man bedient sich einer Art Mischmasch dieser beiden möglichen Varianten, dem
.
Als Fazit könnte man also als wesentlichen Unterschied zwischen HTML und XHTML festhalten: /> bei , die man nicht mittels schließen kann. Klar soweit?
Andere Unterschiede machen sich in den einzelnen Befehlen bemerkbar, die eventuell mal anders heißen, oder ähnliches. Sprachen ändern sicht schließlich, nicht wahr? Wer sagt denn heute noch „Nach meinem Gutdünken“..?

Loslegen
Machen wir uns nun ans Werk. Hier eine kleine Liste, die nützliche enthält, das XHTML-Grundgerüst zeigt, und so weiter. Beginnen wir also mit dem Grundgerüst. Darunter ist zu verstehen, dass nach dieser oder ähnlicher Form die meisten Webseiten aufgebaut und anschließend entsprechend ergänzt werden.

XHTML-Grundgerüst:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    Hier kommen Befehle rein, die dem Web-Browser sagen,
         wie er die Seite zu interpretieren hat, und was es so für Besonderheiten gibt.
         Das wäre zum Beispiel <title>Titeltitle>, welches den Titel der Seite festlegt. –>
 head>
 <body>
    Und hier folgt dann der eigentliche Inhalt. –>
 body>
html> 

Die erste Zeile braucht uns nicht weiter stören, nehmen wir sie einfach, wie sie ist. Dann wird das HTML-Dokument geöffnet, mit einem Verweis darauf, dass der XHTML-Dialekt genutzt werden soll. Dann kommt die eigentliche Abfolge an Befehlen und Inhalten.

Etwas kommentieren:

Dies ist ein Kommentar, das heißt, er wird nicht vom Web-Browser in Inhalt umgesetzt. –> 

Das Dokument eröffnen:

<html>Hier folgt quasi alles –>html> 

Den Seitenkopf eröffnen:

<head>
    Hier kommen Befehle rein, die dem Web-Browser sagen,
         wie er die Seite zu interpretieren hat, und was es so für Besonderheiten gibt.
         Das wäre zum Beispiel <title>Titeltitle>, welches den Titel der Seite festlegt. –>
head> 

Den Inhalt eröffnen:

<body>Hier folgt Inhalt –> 

Fett schreiben:

<strong>TEXTstrong> 

Kursiv schreiben:

<em>TEXTem> 

Unterstrichen schreiben:

<u>TEXTu> 

Durchgestrichen:

<s>TEXTs> 

Zeilenumbruch:

<br /> 

Horizontale Linie:

<hr /> 

Rechtsbündig schreiben:

<div align="right">TEXTdiv> 

Zentriert:

<div align="center">TEXTdiv> 

Linksbündig schreiben:

<div align="left">TEXTdiv> 

Im Blocksatz:

<ul>TEXTul> 

Listenpunkte:

<li>Punkt 1li>
<li>Punkt 2li> 

Nummerierte Listenpunkte:

<ol>Punkt 1ol>
<ol>Punkt 2ol> 

Text hochgesetzt:

<sup>TEXTsup> 

Text tiefgesetzt:

<sub>TEXTsub> 

Schriftgröße ändern:

<font size="ZAHL">TEXTfont> 

Farbig schreiben:

<font color="#HEXDEZIMALER FARBCODE">TEXTfont> 

Um hexdezimale Farbcodes nachzuschlagen, eignet sich auch hervorragend Google.

Schriftart ändern:

<font face="SCHRIFTART">TEXTfont> 

Beispiele für „SCHRIFTART“: Times New Roman, Verdana, Comic Sans MS, Courier New, Impact, Helvetica, Lucida Sans, …

Bild einfügen:

<img src="LINK/ZUM/BILD.PNG" alt="BESCHREIBUNG DES BILDES" /> 

Da man ein Bild nicht nochmals mit schließen kann, schließt man laut XHTML ganz einfach mit />, wie schon oben beschrieben.

Seite verlinken in neuem Fenster:

<a href="http://LINK/ZUR/SEITE.de" target="_blank">VERLINKUNGSTEXTa> 

Seite verlinken im gleichen Fenster:

<a href="http://LINK/ZUR/SEITE.de">VERLINKUNGSTEXTa> 

Bild verlinken auf eine Seite in neuem Fenster:

<a href="http://LINK/ZUR/SEITE.de" target="_blank"><img src="LINK/ZUM/BILD.PNG" border="0″  alt="BESCHREIBUNG DES BILDES">a> 

Bild verlinken auf eine Seite im gleichem Fenster:

<a href="http://LINK/ZUR/SEITE.de"><img src="LINK/ZUM/BILD.PNG" border="0" alt="BESCHREIBUNG DES BILDES">a> 

Hintergrundbild durch modifizieren des -Befehls:

<body background="LINK/ZUM/BILD.PNG"> 

Tabellen:

<table border="1">
  <tr>
   <td>Spalte 1, Zeile 1td>
   <td>Spalte 2, Zeile 1td> 
  tr>
  <tr>
   <td>Spalte 1, Zeile 2td>
   <td>Spalte 2, Zeile 2td> 
  tr>
table> 

Dabei entspricht also einer neuen Zeile, und einer neuen Spalte. Diese werden dann wie üblich geschlossen.

Text genauso übernehmen wie er da steht (inklusive Zeilenumbrüche, also ohne dass ein
erforderlich ist):

<pre>TEXTpre> 

Beweglicher Text:

<marquee direction="RICHTUNG" scrollAmount="ZAHL" height="ZAHL" width="ZAHL">INHALTmarquee> 

Mögliche Richtungen wären: up, down, right, left
„scrollAmount“ entspricht der Geschwindigkeit.

So. Das war’s dann auch „schon“. Ich hoffe, Ihr konntet damit was anfangen und es hat Euch Spaß gemacht. Ihr könnt das zeigen, indem hier kommentiert, oder so was.

Kleines Spiel in Pascal

spielor — Tue, 01 Sep 2009 17:17:34 +0000

Seit gestern setze ich mich durch den Informatikunterricht der Schule mit Pascal (und Lazarus) auseinander, und gestern hat sich dann auch prompt dieses Spiel ergeben. Es geht darum, in 30 Sekunden möglichst oft den Button mit der Maus zu berühren. Viel Spaß!
Download: » http://wurstgott.wu.funpic.de/dl/pfangen.exe

ja:Music Player v1.1.0

spielor — Fri, 21 Aug 2009 16:14:27 +0000

» ja:Music Player ~ just another music player

Download: » ja.MusicPlayer.rar

Short description:
ja:Music Player is maybe one of the most simplest music players ever. It’s so easy, that one click is enough to hear some nice music!

Although the player brings some nice features with it. A hotkey-support allows you to create 37 different key-combinations to control the current playing and volume. A recursive song search will make creating a huge playlist really easy (that means, that selecting a folder will add any songs in it and its sub folders to the play list). A tray function will make the whole player undisturbing and comfortable. A shuffle mode will bring out your whole variety of music. A badword-filter will make sure, that you don’t need to add podcasts or audio books to your playlist. A ‘track length definer’ will make you able to set the minimum and maximum length that any track must have (to prevent adding game sounds). A multi-language-system allows you to choose between different languages (currently there is only German and English, but hopefully there will be more in the future – for example if you help me by translating » this file into your native language and sending it to me (see: Contact)). A „stats“-tab will give you a very few overview about your usage of this music player.

List of features:

hotkeys
may be minimized to system tray
needs less ressources than other players (about 6 times less than the windows music player and maybe about 15 times less than iTunes)
one click is enough to hear music
easy, but effective play list generator
shuffle mode
continuous mode

Download: » ja.MusicPlayer.rar

Technical details:

written in PHP using WinBinder.
working with the fmod.dll
the fmod.dll will be created in the system32-folder.
some other files will be created under „Application Data\ja\MusicPlayer\“.

Summary:
All in all ja:Music Player is a very slight and simple music player, that although brings some important features with it. Especially gamers – who just want some music without overloading the computer while playing games – should give it a try!
If any unexpected behaviour occurs, feel free to contact me:

ICQ: 395057
eMail/MSN: fel[punkt]heller[at]web[punkt]de

Have fun.

(php-)code2wordpress

spielor — Mon, 10 Aug 2009 21:04:31 +0000

Als Blogger auf wordpress.com hat man nicht die unbedingt die meisten Freiheiten. Nein, es ist einem nicht mal vergönnt, das Stylesheet des Blogs zu editieren. Wenn man nun aber hervorgehobenen PHP-Code in Artikel schreiben möchte, hat man ein Problem. Gängige Seiten wie » pastebin.com, die für solche Aufgaben infrage kommen, nutzen die » GeSHi-Bibliothek – für Blogger ein Problem, denn diese greift auf Stylesheet-Definitionen zurück, sodass hervorgehobene Codes nur schwer möglich werden.
Um nicht lange drumherum zu reden – ich habe mir meinen eigenen „Highlighter“ gebastelt, welcher ohne Stylesheet-Definitionen auskommt (verbraucht zwar mehr Platz, ist aber durchaus drin). Ihr findet ihn » hier.

Dieses Werkzeug dürfte für einige „PHP-Blogger“ unter uns bestimmt interessant sein. Es hebt den PHP-Code relativ gut und fehlerfrei vor (Fehler/Bugs bitte melden), sollte ja auch gar nicht anders sein, da es auf die php-eigene highlight_string()-Funktion zurückgreift. Wenn ihr andere Programmiersprachen dran ausprobiert, nur zu, denn selbst dann wird ein bisschen was hervorgehoben (Klammern, Satzzeichen, … – das Übliche halt, was so gut wie jede Sprache nutzt).

Fehlermeldung und Rückmeldung ist – wie immer – herzlich Willkommen. Kleiner Fehler, der mir schon bekannt ist: Wenn die Zeile zu lang wird, gibt es Fehlerscheinungen bei den Zeilenangaben links (Ausmaß auch abhängig von der Auflösung).

Ein Gedanke

spielor — Mon, 10 Aug 2009 20:15:04 +0000

So umgehen Pädophile die Internetsperren.

Joar, ich muss hier ja auch mal wieder was reinschreiben, warum dann nicht diesen kleinen Satz über ein Thema, welches in den letzten Wochen noch sehr brisant war. So langsam verfliegt die Aufmerksamkeit allerdings auch wieder, weicht dem Blick auf andere schlimme Dinge, die tagtäglich so in der Welt passieren.

Johnny Controlletti

spielor — Fri, 17 Jul 2009 13:55:57 +0000

Gestatten? Mein Name ist Johnny Controlletti, meines Zeichens Mafiosi. Es ist nicht immer einfach in meinem Geschäft, und gerade zurzeit muss die Familie eine Krise durchstehen – die Familie geht über alles.
Schuldest Du mir nicht noch eine Gefälligkeit? Wie ist Dein Name?

Eine weitere, kleine, schon etwas ältere Spielerei meinerseits. Wobei es doch eine gar nicht so einfache Sache war – chatte mit » Johnny Controlletti.

Zahlen. Die Phrasen, die er derzeit so von sich gibt sind zahlenmäßig 164 – das heißt, im besten Fall sagt er 164 verschiedene Dinge zu Euch. Er reagiert dabei auf Stichwörter wie „Arschloch“ und „Schnitzel“, und sagt dann etwas, was thematisch einigermaßen passt. Dabei sind 100 verschiedene Stichwörter eingetragen.

Technik. Das Skript enthält außerdem glücklicherweise ein AdminCP, weshalb ich beliebig viele Stichwörter und Phrasen hinzufügen könnte… könnte. (: Aber da es – wie gesagt – nur eine Spielerei ist, möchte ich mir nicht die Mühe machen, tausende Sätze in sein Gehirn zu schreiben. Ich habe dieses Skript völlig ohne Anleitung (ich weiß gar nicht, ob man dazu etwas im Internet findet) oder Hilfestellung geschrieben, ich weiß auch nicht, ob andere Bots, die man so im Internet findet, auf dem gleichen Prinzip wie der meinige basieren, oder etwas komplexer sind.

» Chatte mit Johnny Controlletti!

Funpic-Werbung „deaktivieren“

spielor — Fri, 17 Jul 2009 12:29:14 +0000

Mit folgendem Quelltext sollte sich die Funpic-, oder auch Ohost-Werbung wegblenden lassen. Ich kann es leider nicht testen, da ich sowieso Werbung immer irgendwie blocke, aber meines Erachtens sollte es so funktionieren, denn auf diese Art und Weise wird die Werbung, die durch eine JS-Verweisung erzeugt wird, in der iframe-Konstruktion eingeschlossen. Sie sollte demnach nur bei jenem erscheinen, dessen Browser keine Frames unterstützt. Und diese browser sind wahrlich aus dem letzten Jahrtausend, früher noch…

Keine Werbung
Leider keine valide Lösung, aber immerhin etwas. Und jeder Browser sollte das dennoch richtig interpretieren.

Leider ist die Lösung nicht valide, aber was will man machen (mir fiel einfach nichts Besseres ein) – ich denke, dass dennoch kein Browser Schwierigkeiten haben wird, den Code richtig zu interpretieren. Es ist dabei jedem selbst überlassen, ob er das mit einem „iframe“ (HTML) oder mit einem object (XHTML) löst, valide ist es trotzdem nicht (ist nicht im Body-Bereich).

Hinweis: Das unrechtmäßige (nicht käuflich erworbene) Deaktivieren der Werbung verstößt wahrscheinlich gegen die AGB von Funpic/Ohost und ist somit illegal. Ich distanziere mich von jeglichen Missbrauch, ich habe den „Code“ lediglich zum Testen und aus Langeweile erstellt und publiziert.

Knuddels /m-Fälscher

spielor — Tue, 14 Jul 2009 14:47:07 +0000

» Eine kleine Spielerei meinerseits, die nichtsdestotrotz bestimmt für manch einen sehr praktisch ist. Es lassen ziemlich genau sogenannte /ms (Privatnachrichten der Kommunikationsplattform Knuddels.de) nachahmen. Dabei ist die Auswahl zwischen Vista- und XP-Stil möglich, und es lässt sich Absender, Titel, Nachricht und – bei Werbeaktivierung – Empfänger angeben.
Viel Spaß!

» Zum /m-Fälscher

ja:CleanUp Tool

spielor — Fri, 22 May 2009 09:58:09 +0000

» ja:CleanUp Tool ~ just another cleanup tool

Download: » ja.CleanUpTool.exe

Kurzbeschreibung:
Ein recht unspektakuläres “Tool”, das schnell und einfach Eure Festplatte aufräumt.

Technische Details:

Programmiersprache: PHP mit der WinBinder-Erweiterung.
Arbeitet mit Konsolenbefehlen
Bei maximalen Einstellungen werden alle thumbs.db-Dateien gelöscht, alle (mir bekannten) Temp-Ordner geleert, IE-Verlauf und Cookies gelöscht und Dateien mit den folgenden Endungen entfernt: *.tmp, *.bak, *.dmp, *.fts, *.qdk, *.alt, *.sik, *.old, *.chk, *.moz, *.cnt, *.diz, *.gid, *.fit, *.cdx, *.$$$, *.blk, *.cnv, *.db$, *.ph, *.rld, *.s$$, *.spc, *.t44, *.ti, *.w44, *.~$~, *.idlk, *.jc!, *.wbk, *.xlk, *.bkf, *.temp

Download: » ja.CleanUpTool.exe

Youtube2mp4

spielor — Sun, 03 May 2009 10:26:15 +0000

Als iPod-Besitzer ist dieser Trick echt wertvoll für mich… wir alle wissen ja, dass man von Youtube *.flv-Videos runterladen kann. Da gibts auch verschiedene „Download-Helper Plugins“ für den Firefox, oder sonstige Programme – doch mit einem Lesezeichen mit folgendem Inhalt lassen sich bequem und einfach Youtube-Videos im *.mp4-Format runterladen.

javascript:if(document.location.href.match(/http:\/\/[a-zA-Z\.]*youtube\.com\/watch/)){document.location.href=’http://www.youtube.com/get_video?fmt=18&video_id=’+swfArgs['video_id']+’&t=’+swfArgs['t']}e

Wenn man ein entsprechendes Video gefunden hat, dann einfach auf der Videoseite (also während des Betrachtens) auf das Lesezeichen klicken, und schon öffnet sich eine Downloadbox mit „video.mp4″.

Google Noodle v2.4

spielor — Sat, 02 May 2009 17:03:37 +0000

» Google Noodle ~ die funktionen von google optimal ausnutzen

Mit meiner „Google Noodle“ lassen sich die Funktionen von Google optimal ausschöpfen. Dabei ist es kein Problem mehr, Webseiten gezielt zu durchsuchen, Musik und Filme zum finden, Informationen über Leute ausfindig zu machen, Podcasts zu finden, oder mit Google in die Vergangenheit einer Webseite zu reisen. Eine Dienstsammlung der Google-Dienste steht zur Verfügung, und 5 verschiedene Designs sorgen für Abwechslung.

Die Google Noodle wird regelmäßig immer mal wieder erweitert und es werden neue Suchmodule hinzugefügt. Ein bisschen mehr Resonanz und Seitenaufrufer wären da natürlich eine unterstützende Motivation. (: Ein Besuch ist’s wert! – » Ab zur Google Noodle!