1.6.5 Kategorie bzw. Verweis erstellen für die LOTRO Statusbox - nur wie!? - Aktuelle Version [1.6.5]

Discoverer

ist gerade angekommen

Beiträge: 6

Geschlecht: Männlich

PHPKIT Version: 1.6.5

1

Dienstag, 19. Juli 2011, 09:51

Kategorie bzw. Verweis erstellen für die LOTRO Statusbox - nur wie!?

Umfrage

Hattet Ihr dieselbe Frage und seid Ihr nun schlauer geworden?

0%

Ja, mein Gott, ich hatte dasselbe Problem. Endlich wurde diese Frage mal gestellt und Dank der Antwort weiß ich jetzt, wie ich das Problem beheben kann. Tausend Dank nochmal!

0%

Wusste auch nicht wie ich das Ganze einbinden soll und jetzt bin ich auch nicht viel schlauer!

100%

Wer, was, wann wo!? (1)

Insgesamt 1 Stimme

Hallo Ihrs,

ich möchte auf meiner Webseite den Serverstatus der "Herr der Ringe Online Server" ausgeben und habe dazu auch den erforderlichen Code, den ich hier gleich mal mit bereitstellen möchte (powered by lux-hdro.de):

Fügt folgenden Code, an der Stelle an dem das LOTRO Server Status Widget erscheinen soll, in eure Webseite ein.

	Quellcode
1	<script type="text/javascript" src="http://lux-hdro.de/serverstatus-widget.php"></script>

Ihr könnt einzelne CSS-Klassen des LOTRO Server Status Widgets mittels Style-Tag hinter dem Script-Tag verändern. Im folgenden Beispiel wird gezeigt, wie ihr das Icon für Server 'offen' durch euer eigenes Icon ersetzt.

	Quellcode
1 2 3 4 5 6	<script type="text/javascript" src="http://lux-hdro.de/serverstatus-widget.php"></script> <style type="text/css"> .lotroServeroffen { background-image: url(dein-icon.png); } </style>

Hier eine Liste der verfügbaren CSS-Klassen, die verändert werden können.

Quellcode

.lotroContainer {
   border:1px solid #620D0D;
   margin:0 auto;
   width:170px;
   background-color:#000000;
   font-family:Verdana;
}
.lotroStatusTitle {
   font-size:14px;
   font-weight:bold;
   background-color:#620D0D;
   padding:5px;
   text-align:center;
   color:#D69A4A;
}
.lotroServerListItem {
   padding:2px;
   width: 125px;
   margin-left:20px;
   background-repeat:no-repeat;
   background-position:right center;
   font-weight:bold;
   font-size:12px;
}
.lotroServeroffen {
   background-image:url (images/server_up.png);
   color:#D3A39B;
}
.lotroServerzu {
   background-image:url (images/server_down.png);
   color:#D3A39B;
}
.lotroFooter {
   font-size:9px;
   color:#D69A4A;
   padding:3px;
   text-align: center;
}

Unten stehendes Beispiel zeigt das ausgegebene HTML. Im Beispiel ist ein Server 'offen' und ein weiterer 'geschlossen'.

Quellcode

<div class="lotroContainer">
   <div class="lotroStatusTitle">LOTRO Server Status</div>

   <div class="lotroServerListItem lotroServeroffen">Belegaer</div>
   <div class="lotroServerListItem lotroServerzu">Morthond</div>

   <div class="lotroFooter">Update: [TimeStamp]</div>
</div>

So, nun zu meiner Frage bzw. meinen Fragen:

Die wichtigste Zeile ist ja die erste von oben:

	Quellcode
1	<script type="text/javascript" src="http://lux-hdro.de/serverstatus-widget.php"></script>

Ich habe im ACP eine neue Kategorie "LOTRO Server Status" erstellt. In dieser Kategorie dachte ich mir dann, dass ich den Code irgendwie mittels eines neuen Verweises, z.b. im Feld "Linkname" oder "url" einfügen kann, doch nix passiert bzw. so funktioniert es nicht.

Wie bekomme ich die LOTRO Serverstatus-Box also sonst eingefügt? Muss ich eine php Datei erstellen und dahin verlinken, nur wie genau und wo und was und überhaupt?

Ich hoffe doch sehr, dass Ihr als erfahrenen User mir und den Millionen Herr der Ringe Zoggern da helfen könnt :whistling:

Viele Grüße

Besucht das Sternenheer unter: www.sternenheer.eu

:thumbsup:

Stifli

kennen Einige hier

Beiträge: 335

Geschlecht: Männlich

Wohnort: -=]Kreuzberg[=-

PHPKIT Version: 1.6.5

2

Dienstag, 19. Juli 2011, 10:14

Dein Javascript-Code muss in die site.htm. Wenn Du einen eigenen Style (Design) nutzt musst du im ACP unter/ Sonstiges/Vorlagen die site.htm aussuchen und und deinen Code oben zwischen die <head>dein code</head> -Tags setzen. Den html code kannst du dann dahin verfrachten wo du ihn brauchst. (Navbox oder direkt in die html Seite wo Du ihn brauchst.)

OffTopic

Discoverer

ist gerade angekommen

Beiträge: 6

Geschlecht: Männlich

PHPKIT Version: 1.6.5

3

Mittwoch, 20. Juli 2011, 15:03

hi stifli,

vielen dank für deine schnelle antwort!

ich muss vorab sagen, dass ich nicht so die große ahnung habe. :whistling:

erst mal nutze ich ein herr der ringe design auf meiner webseite, sodass ich also, wenn ich dich richtig verstehe, das ganze über das acp machen muss. nur dazu die site.htm zu bearbeiten fällt mir doch sehr schwer, weil ich da als laie sicher viel kaputt machen kann.

nichts desto trotz poste ich hier mal den inhalt meiner site.htm rein:

Quellcode

<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>$site_title</title>
$site_metatags
$site_design
$site_header_script
</head>
<!--
 :::::::::::::::::::::::::::::::::::::::::::
 ::                                   	::
 ::	GS Grafix-Szene                	::
 ::	http://www.psd-resources.de    	::
 ::                                   	::
 :::::::::::::::::::::::::::::::::::::::::::
 -->
<body>
<a name="head"></a>
<div id="pkouterpage">
	       	<div id="pkpageheader"></div>
	   	<div id="pkpagedecoration">
		        	<div id="pkpage">

				      	<div id="pkbranding">
				<div id="pkbrandingimage"></div>
			</div>
					<div id="pkadview"$displayadview>
                                               	<div id="pkadviewbox">$adview</div>
					
			</div>
				 	<div id="pkcontent">
			     	<div id="pkbreadcrumbnavigation"$displaycontent_breadcrumb>$navigation_breadcrumb</div>
		</div>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="1000" height="293" background="images/style/gs04_template137/header.jpg">
<tr>
<td align="center" ><img border="0" src="images/blank.gif" width="20" height="170"></td>
</tr> 
</table>
</div>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="1000" height="77" background="images/style/gs04_template137/buttonsbg.jpg">
<tr>
<td align="center" ><img border="0" src="images/blank.gif" width="50" height="77"></td>
<td align="center" valign="middle"><a href="include.php?path=start" onmouseover="home.src='images/style/gs04_template137/home2.gif';"onmouseout="home.src='images/style/gs04_template137/home.gif';"><img src="images/style/gs04_template137/home.gif"border="0" width="165"height="35"name="home"></a></td>
<td align="center" valign="middle"><a href="include.php?path=news" onmouseover="news.src='images/style/gs04_template137/news2.gif';"onmouseout="news.src='images/style/gs04_template137/news.gif';"><img src="images/style/gs04_template137/news.gif"border="0" width="165"height="35"name="news"></a></td>
<td align="center" valign="middle"><a href="include.php?path=forumsdisplay" onmouseover="forum.src='images/style/gs04_template137/forum2.gif';"onmouseout="forum.src='images/style/gs04_template137/forum.gif';"><img src="images/style/gs04_template137/forum.gif"border="0" width="165"height="35"name="forum"></a></td>
<td align="center" valign="middle"><a href="include.php?path=contentarchive&type=4" onmouseover="load.src='images/style/gs04_template137/load2.gif';"onmouseout="load.src='images/style/gs04_template137/load.gif';"><img src="images/style/gs04_template137/load.gif"border="0" width="165"height="35"name="load"></a></td>
<td align="center" valign="top"><img border="0" src="images/blank.gif" width="200" height="77"></td>
</tr> 
</table>
</div>
<table style="background-image: url(images/style/gs04_template137/background.jpg); background-repeat:repeat-y" width="1000" border="0" align="center" cellpadding="0" cellspacing="0">   			
  <tr>
	<th width="160" valign="top" scope="col">
	<table valign="top" width="100%" border="0" cellspacing="0" cellpadding="0">
<td valign="top"><img border="0" alt="" heigth="100" width="10" src="images/blank.gif" /></td>
    	<td valign="top" align="left" class="pkcontent_left"$displaycontent_left><div id="div"><img src="images/blank.gif" width="160" height="1" />$navigation_left<img src="images/blank.gif" width="160" height="1" /></div>
    	</td>
                   	</table></th>
   <td width="100%" valign="top" class="sitebody">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td><img border="0" alt="" heigth="67" width="218" src="images/style/gs04_template137/content_lio.gif" /></td>
<td background="images/style/gs04_template137/content_mio.gif" width="100%" height="67" ></td>
<td><img border="0" alt="" heigth="67" width="266" src="images/style/gs04_template137/content_reo.gif" /></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td background="images/style/gs04_template137/content_mle.gif" width="16" ><img border="0" width="16" height="139" alt="" src="images/blank.gif" /></td>
<td class="center" width="100%" valign="top" bgcolor="" background="images/style/gs04_template137/content_bg.gif">$site_body</td>
<td background="images/style/gs04_template137/content_mre.gif" width="17"><img border="0" width="17" height="139" alt="" src="images/blank.gif" /></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td><img border="0" alt="" width="223" height="84" src="images/style/gs04_template137/content_uli.gif" /></td>
<td background="images/style/gs04_template137/content_umi.gif" width="100%" height="84"><img border=0 width="1" height="84" alt="" src="images/blank.gif" /></td>
<td><img border="0" alt="" width="225" height="84" src="images/style/gs04_template137/content_ure.gif"></td>
</tr>
</table>
</td>
  <th width="160" valign="top" scope="col"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  	
<tr>
    	<td class="pkcontent_right"$displaycontent_right valign="top" ><div id="div6">
            	<div align="left"><img src="images/blank.gif" border="0" width="160" height="1">$navigation_right<img src="images/blank.gif" width="160" height="1" /></div>
          	<div class="pkcontentclear">Â </div>
        	</div>
<td><img border="0" alt="" heigth="100" width="5" src="images/blank.gif" /></td>
</td>
  	</tr>
	</table></th>
  </tr>
</table>			</div>
	
	<table style="background-image: url(images/style/gs04_template137/footer.jpg); background-repeat:no-repeat" align="center" cellspacing="0" cellpadding="0" width="1000" height="64">
<tr>
	  <td valign="top" align="right" style="padding-right:35px;padding-top:5px">$site_adminlogin
</td>
	 </tr>
</table>
<table style="background-image: url(images/style/gs04_template137/footer2.jpg); background-repeat:no-repeat" align="center" cellspacing="0" cellpadding="0" width="1000" height="255">
<tr>
	  <td valign="top" align="center"></td>
	 </tr>
</table>
	<table style="background-image: url(images/style/gs04_template137/footer3.jpg); background-repeat:no-repeat" align="center" cellspacing="0" cellpadding="0" width="1000" height="31">
<tr>
	  <td valign="top" align="center">
<a href="http://www.psd-resources.de" target="_blank"><img border="0" alt="" src="images/style/gs04_template137/logo.jpg" /></a>
	<div id="pkpagefooter"></div>
	<div id="pksitestylecopyright"><br>
</div>
<a name="foot"></a>
</td>
	 </tr>
</table>
</body>
</html>

gibt es nicht aber ne möglichkeit, das einfach über eine navigationsbox einzufügen!? wie müsste die datei für diese navbox aussehen und wo müsste ich die hinpacken? bitte um mehr support...

danke im voraus!

Besucht das Sternenheer unter: www.sternenheer.eu

:thumbsup: