Background

Custom RadioboX - So gehts:

Wenn ihr die Radiobox selbst gestalten wollt, seid ihr hier richtig.

Was ihr Braucht:

  • Ausreichend HTML kenntnisse (ein paar kleine Sachen schonmal gebaut?)
  • Eine Webseite (auf der ihr eure selbst erstellte Radiobox einbinden könnt)
  • Ein klein wenig zeit! (geht zwar schnell aber nciht im Handumdrehen)


Fangen wir jetzt endlich an?

Nur keine eile!
Jetzt baut ihr euer Design zusammen. Ihr könnt gerne dieses als grundgerüst nehmen:
<html><head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<meta http-equiv='refresh' content='30' />
<title>Radio Box ###NAME### </title>
</head><body>
<table width='150' border='0' cellspacing='3'>
<caption> ###NAME### </caption>
<tr><td align='center'>
  <a href='http://www.gilde-gothic.de:8000/listen.pls' title='H&ouml;re das Radio mit WinAmp'>
    <img src='http://nex-tools.net/tools/images/winamp.png' alt='via Winamp' border='none' width='35'></a>
  <a href='mms://radio-mmorpg.de:8000' title='H&ouml;re das Radio mit dem WindowsMediaPlayer'>
    <img src='http://nex-tools.net/tools/images/wmp.png' alt='via WMP' border='none' width='35'></a>
  <a href='http://www.radio-mmorpg.de/player/MMORPG-Radio.smil' title='H&ouml;re das Radio mit dem RealPlayer'>
    <img src='http://nex-tools.net/tools/images/realplayer.png' alt='via RealPlayer' border='none' width='35'></a>
</td></tr><tr><td align='center'>
  Infos:<br />
  <marquee scrollamount='2' scrolldelay='5'>###TRACK###</marquee>
  ###LISTENER###
</td></tr></table></body></html>
Ihr könnt euer Design aber auch beleibig erweitern.
ACHTUNG: Wenn ihr den meta tag 'Refresh' nicht benutzt, bleibt die anzeige so wie sie war als die Seite geladen wurde!

Aber was sin das für komische Wörter?

In meinem Beispiel tauchen drei Begriffe, die mit '###' anfangen und die mit '###' aufhören, auf. Diese sind Platzhalter, für die informationen die nacher mein Code in euer Template schreibt. Es gibt eine ganze Reie dieser 'Platzhalter'. Dabei MUSS beachtet werden, das die Platzhalter immer komplett groß geschrieben werden.
Also: ###NAME###... oder ###TRACK###.

Welche Wörter gibt es?

Folgende platzhalter sind verfügbar:
Platzhalter:Wird ersetzt durch...
###NAME###
... den Namen des Streames
###TRACK###... den Aktuell gespielten Titel
###LISTENER###... die Aktuelle anzahl von Zuhörern.
###BITRATE###... die Bitrate in der der Stream im Moment läuft
###MAXERREICHT###... die Maximal erreichte Hörerzahl
###MAXZU###... die Maximalanzahl die an Zuhörern erlaubt ist
###UNHOERER###... die Aktuelle anzahl Zuhörer vobei die IPs gezählt werden
###ICQ###... die ICQ Nummer unter der Wünsche und Grüße abgegeben werden können
###URL###... die URL unter der die Website des Radios zu finden ist


Und wie bekomm ich das jetzt auf meine Page?

Ist eigendlich garnicht so schwer! ihr nehmt einfach den code:
<!-- start radioMMORPG radioboX -->
<iframe
   src='http://nex-tools.net/tools/radiobox.php?s=custom&template=http://euer.template.de/pfad/dahin.html'
   width='150px'; height='200px';
   style='background:none; border:none; overflow:hidden;'>
          Sorry This Uses InFrames!
</iframe>
<!-- ende  radioMMORPG radioboX -->
Hierbei müssen drei Dinge angepasst werden:
  • Der Pfad:
      innerhalb des src='... steht an einer Stelle &template=http://... diesen Pfad Müsst ihr so anpassen, das er auf euer Template file zeigt.(dieses MUSS die Endung .html haben!)
  • Die Höhe und die Breite des IFrames.
      Am bessen schaut ihr nach, welche Breite euer gebautes Template hat und setz dann die width(Breite) und die height(Höhe) auf die dazu passenden Werte.


Wars dass?

Jep, das wars. Meldet euch bei mir, wenn ihrs eschafft habt, und ich verlinke euch gerne als "So könnte es aussehen!"


So könnte es aussehen:

Beacon ein mit Moderator hat sich die Mühe gemacht, ein weiteres Design für die RadioBox zu erstellen.
Hier habt ihr seine 'Black Box'

Page Design, Code, and Stuff © by neXor (Jannis Betz) at NightJade Productions