JS Mouseover BBCode "includen" Close plz

[JabBba]

Morgen,
Ich habe mir die Mouseover-Tooltips von dieser Website kopiert und wollte das ganze nun als BBCode in phpbb einbauen. Das hier soll im Post angezeigt werden: click

Versucht habe ich das so:

Code: Alles auswählen

[item]{TEXT}[/item]

<ul id="item_list">
	<li style="top" class="filter_tag_spelldamage filter_tag_manaregen">
	<a href="#"><img rel="{TEXT}" class="item_icon" src="http://s155014800.online.de/lol/items/{TEXT}.gif"></a>
		<div class="item_name">{TEXT}</div>
	</li>
</ul>
<?php
	include("http://s155014800.online.de/lol/web/tooltips.html")
?>

Im Quelltext von der Seite die ich oben verlinkt habe seht ihr auch den Inhalt der tooltips.html unter </ul>. Mein Problem ist jetzt das sich die Stylesheets die ich für die Tooltips habe mit denen vom phpbb schneiden und ich nicht wirklich weiss wo ich die tooltips.html am besten include/ laden lasse.

Ich würde mich sehr freuen wenn sich das mal einer angucken würde der sich mit JS und den CSS`s von phpbb auskennt und mir den einen oder anderen Tipp geben könnte

Edit:
Im Quellcode von meiner oben verlinkten Seite seht Ihr auch die ganzen Stylesheets die ich habe. Da ich da aber einfach net durchgestiegen bin hatte ich einfach alle url`s auf meinen Space geändert :X

[JabBba]

Ok ich habs jetzt hinbekommen das man das Item schonmal so sieht wie es soll. Problem ist nur das ich so class="content" quasi unterbreche und der Text hinter den Bildern geschrieben wird
Wenn ich 2 Items nebneinander schreibe -[test]Item_1[/test][test]Item_2[/test]- werden diese übereinander gestapelt.
Und als wenn das noch nicht reicht funktioniert auch nur ein Mouseover. Der zweite wird garnicht erst angezeigt

Keiner da der helfen kann/möchte?

Link zum Testpost click me

BBCode

Code: Alles auswählen

</div>
<ul id="item_list">
	<li style="top" class="filter_tag_spelldamage filter_tag_manaregen">
	<a href=""><img rel="{TEXT}" class="item_icon" src="http://s155014800.online.de/lol/items/{TEXT}.gif"></a>
	<div class="item_name">{TEXT}</div>
	<span class="item_search_text">{TEXT}</span>
	</li>
</ul>
<div class="content">

Viewtopic.php

Code: Alles auswählen

..
...
....
// Output the page
page_header($user->lang['VIEW_TOPIC'] . ' - ' . $topic_data['topic_title'], true, $forum_id);

$template->set_filenames(array(
	'body' => ($view == 'print') ? 'viewtopic_print.html' : 'viewtopic_body.html')
);
make_jumpbox(append_sid("{$phpbb_root_path}viewforum.$phpEx"), $forum_id);
include("http://s155014800.online.de/lol/web/tooltips.html"); <<<<<<<<----- Da mighty Include
page_footer();

?>

[JabBba]

Habs jetzt hinbekommen kann geschlossen werden

Für die die es interessiert:

Viewtopic.php

Code: Alles auswählen

..
...
....
// Output the page
page_header($user->lang['VIEW_TOPIC'] . ' - ' . $topic_data['topic_title'], true, $forum_id);

$template->set_filenames(array(
   'body' => ($view == 'print') ? 'viewtopic_print.html' : 'viewtopic_body.html')
);
make_jumpbox(append_sid("{$phpbb_root_path}viewforum.$phpEx"), $forum_id);
include("http://s155014800.online.de/lol/web/tooltips.html"); <<<<<<<<----- Da mighty Include
page_footer();

?>

Viewtopic_body.html

Code: Alles auswählen

			<div class="content">
			<ul id="item_list">
			{postrow.MESSAGE}
			</ul>
			</div>

BBCode

Code: Alles auswählen

[Item]{TEXT}[/Item]

<li>
	<img rel="{TEXT}" class="item_icon" src="http://s155014800.online.de/lol/items/{TEXT}.gif">
	<div class="item_name">{TEXT}</div>
	<span class="item_search_text">{TEXT}</span>
</li>