So für alle die das gleiche Problem haben.
Ich habe mich nun doch für eine "Quick and Dirty" Methode entschieden, da
sich die Leute dann direkt über einen Klick auf einen Channel im Forum direkt
einloggen können.
Über die Styles habe ich kleine Anpassungen vorgenommen, die natürlich noch weiter verbessert werden können, aber es läuft erstmal *duck*.
Hier eine kurze Anleitung.
1. Auf
http://www.teamspeak3.de/index.php?m=ts ... do=preview gehen
und nachdem dort die Daten eingetragen sind, auf "Nehm ich" klicken.
Ihr bekommt dann eine CSS und Java-Script Datei angezeigt.
Damit erstellt ihr dann eine birthday_list.html die ungefähr so aussehen sollte.
Code:
<table><tr><td>TS3-Server-Status</td></tr>
<tr><td>Adresse: ts3.gs4you.eu:3322</td></tr>
<tr><td>Passwort: ingame oder im Forum</td></tr></table>
<script type="text/javascript" src="http://www.teamspeak3.de/backend/external/tsviewer.php?serverip=ts3.gs4you.eu&udpport=3322&tcpport=10011&serverid=115&mode=1"></script>
<table><tr><td>Einloggen koennt Ihr Euch aber auch, indem Ihr einfach auf einen der Channel hier klickt</td></tr></table>
<style type="text/css">
.tsviewer{
width: 244px;
overflow: hidden;
position: relative;
}
.tsviewer_minimal{
width: 100px;
overflow: hidden;
position: relative;
float: left;
border: 1;
border-width: 0px;
border-style: dotted;
padding: 10px;
margin: 10px;
text-align: center;
}
.tsviewerleft{
width: 220px;
overflow: hidden;
position: relative;
float: left;
border: 1;
border-width: 0px;
border-style: dotted;
padding: 15px;
margin: 10px;
white-space:nowrap;
}
.tsviewerright{
width: 220px;
overflow: hidden;
position: relative;
float: left;
border: 1;
border-width: 0px;
border-style: dotted;
padding: 15px;
padding-top: 17px;
margin: 10px;
}
.tsviewer *{
font-family: Verdana;
font-size: 10px;
vertical-align: middle;
}
.tsviewer_minimal *{
font-family: Verdana;
font-size: 10px;
vertical-align: middle;
}
.tsviewererror{
font-family: Verdana;
font-size: 10px;
color: red;
}
.tsviewerservername{
height: 18px;
font-weight: bold;
width: 190px;
}
.tsviewerservername_minimal{
height: 18px;
font-weight: bold;
width: 100px;
}
.tsviewerserverlabel_bold_minimal{
height: 18px;
font-weight: bold;
width: 100px;
font-weight: bold;
}
.tsviewerserverdatabold{
height: 18px;
font-weight: bold;
width: 110px;
float:left;
padding-top: 4px;
}
.tsviewerserverdata{
height: 18px;
width: 110px;
float:left;
padding-top: 4px;
}
.tsviewerserver_minimal{
height: 18px;
width: 100px;
}
.tsviewerfooter{
clear: both;
height: 18px;
}
.tsviewerfootername{
margin-left: 18px;
}
.tsviewerchannel{
clear: both;
height: 18px;
}
.tsviewerclient{
clear: both;
height: 18px;
right: 0;
}
.tsviewerstatus{
float: left;
height: 18px;
}
.tsviewerflags{
position: absolute;
right: 5px;
clear: right;
height: 18px;
}
.clear {
width: 0px;
height: 1px;
font-size: 0em;
}
.contentspacer {
height: 5px;
clear: both;
}
a.tsviewer_link{
text-decoration: none;
color: #FFFFFF;
}
a:hover.tsviewer_link{
text-decoration: none;
color: #E30074;
}
a.tsviewer_minimal_link{
text-decoration: none;
color: #E30074;
}
a:hover.tsviewer_minimal_link{
text-decoration: none;
color: #000000;
}
.tsviewer img{
margin-right: 0px;
border: 0;
border-width: 0px;
height: 18px;
}
.tsviewer_minimal img{
margin-right: 0px;
border: 0;
border-width: 0px;
height: 18px;
}
</style>
Dann geht Ihr in eurer phpbb3 Portal unter /styles/EUER_AKTUELLER_PORTAL_STYLE/template/portal/block und überschreibt dort die neu erstellte birthday_list.html mit der bestehenden.
Für EUER_AKTUELLER_PORTAL_STYLE müsst ihr natürlich schauen, welchen style ihr gerade aktiv habt.
Auch müsst ihr natürlich die css Datei und das Javascript-Teil von
http://www.teamspeak3.de einsetzen. Die obige Datei dient nur als Anhaltspunkt. Also nicht einfach markieren und kopieren.
Natürlich kann man auch einfach ein anderes Modul aus dem Portal nehmen. Ich habe hier das Geburtstags-Modul genommen, da es meiner Meinung nach eh unwichtig ist.
Eh Volá habter nen netten TS3-Viewer.
So sieht dat Dingen dann bei mir z.B. aus:
www.wow-drachenbund.orgViele Grüss
Yusuf