BBCode Fu-noten

[scheibenbrot]

Hallo,
ich moechte folgendes
Im einem Beitrag schreibt man einen bestimmten BBCode und dazwischen einen Text.
Im Beitrag soll nun ein kleines Bild erscheinen und wenn man mit der Maus drueber faehrt soll der Text in einem kleinem Farbigen Kasten erscheinen.
Ich weiss nicht genau wie ich das in der BBCode.tpl einrichten muss, fuer die BBCode.php schon(siehe Code)

Code: Alles auswählen

# 
#-----[ OPEN ]------------------------------------------ 
# 
includes/bbcode.php 

# 
#-----[ FIND ]------------------------------------------ 
# 
	// [b] and [/b] for bolding text.
	$text = str_replace("[b:$uid]", $bbcode_tpl['b_open'], $text);
	$text = str_replace("[/b:$uid]", $bbcode_tpl['b_close'], $text);

# 
#-----[ BEFORE, ADD ]------------------------------------------ 
# 
	// Begin 'futßnote' 
	// [fußnote] and [/fußnote] for Fußnote   
	$text = str_replace("[fußnote:$uid]", $bbcode_tpl['fußnote_open'], $text); 
	$text = str_replace("[/fußnote:$uid]", $bbcode_tpl['fußnote_close'], $text); 
	// End 'fußnote' 

# 
#-----[ FIND ]------------------------------------------ 
# 
	// [b] and [/b] for bolding text.
	$text = preg_replace("#\[b\](.*?)\[/b\]#si", "[b:$uid]\\1[/b:$uid]", $text);

# 
#-----[ BEFORE, ADD ]------------------------------------------ 
# 
	// Begin 'fußnote' 
	// [fußnote] and [/fußnote] for fußnote
	$text = preg_replace("#\[fußnote\](.*?)\[/fußnote\]#si", "[fußnote:$uid]\\1[/fußnote:$uid]", $text); 
	// End 'fußnote' 

Wie kann ich das nun mit der BBCode machen

mfg



PS Habe zur Zeit probleme mit der Tastatur deswegen keine Umlaute ect...

[scheibenbrot]

Kann mir keiner Helfen??
Es sind doch nur die Angaben für die BBCode.tpl

[S2B]

Code: Alles auswählen

<!--BEGIN fußnote_open --><img src="kasten.gif" alt="Fußnote" title="<!-- END fußnote_open -->
<!-- BEGIN fußnote_close -->" /><!-- END fußnote_close -->

Es kann sein, dass der Code nicht funktioniert. Wenn nicht, teste mal bitte fussnote anstatt fußnote beim Template-Switch.

[scheibenbrot]

Hallo,
also der BBCode [fußnote]text[/fußnote] funktioniert schonmal.*
Aber jetzt möchte ich ja, dass man wenn man über ein bild fähr der text zwischen dem bbcode in einem kleinem feld neben der Mouse erscheint.
Das geht ja mit onMouseOver und onMouseoUT.
Nur wie ich das genau coden muss für die bbcode.tpl weiß ich nicht ^^





edit: *Also der Text wird so ohne BBCode angezeigt

[witzigerkiller]

also was hast du, und was brauchst du noch?

[scheibenbrot]

Hallo,
also das habe ich:

Code: Alles auswählen

# 
#-----[ OPEN ]------------------------------------------ 
# 
includes/bbcode.php 

# 
#-----[ FIND ]------------------------------------------ 
# 
	// [b] and [/b] for bolding text.
	$text = str_replace("[b:$uid]", $bbcode_tpl['b_open'], $text);
	$text = str_replace("[/b:$uid]", $bbcode_tpl['b_close'], $text);

# 
#-----[ BEFORE, ADD ]------------------------------------------ 
# 
	// Begin 'futßnote' 
	// [fußnote] and [/fußnote] for Fußnote   
	$text = str_replace("[fußnote:$uid]", $bbcode_tpl['fußnote_open'], $text); 
	$text = str_replace("[/fußnote:$uid]", $bbcode_tpl['fußnote_close'], $text); 
	// End 'fußnote' 

# 
#-----[ FIND ]------------------------------------------ 
# 
	// [b] and [/b] for bolding text.
	$text = preg_replace("#\[b\](.*?)\[/b\]#si", "[b:$uid]\\1[/b:$uid]", $text);

# 
#-----[ BEFORE, ADD ]------------------------------------------ 
# 
	// Begin 'fußnote' 
	// [fußnote] and [/fußnote] for fußnote
	$text = preg_replace("#\[fußnote\](.*?)\[/fußnote\]#si", "[fußnote:$uid]\\1[/fußnote:$uid]", $text); 
	// End 'fußnote' 

Und das: (bbcode.tpl)

Code: Alles auswählen

<!--BEGIN fußnote_open --><img src="kasten.gif" alt="Fußnote" title="<!-- END fußnote_open -->
<!-- BEGIN fußnote_close -->" /><!-- END fußnote_close -->

Das zweite also für die bbcode.tpl soll so sein, dass wenn man über ein Bild mit der Maus fährt der text erscheint den man zwischen [fußnote][/fußnote] eingegeben hat neben der Maus in einem kleinem Feld erscheint.
Beim weg fahren mit der Maus soll er wieder weg.
Der Text kann auch unter der Maus stehen, er soll aber über den normalen "Beitrags Text" drüber blenden.
Das geht ja mit onMouseOver und onMouseOut.
Hier ein Bild wie ich mir das Vorstellen(ich brauche nur den Code für die bbcode.tpl):
>>>KLICK<<<

mfg

[S2B]

Äh, aber das macht mein Code doch, oder nicht? (wenn auch in einer einfacheren Variante mit title)

[scheibenbrot]

Ne macht er nicht....
Es sollte ungefährt so aussehen:

Code: Alles auswählen

<!-- BEGIN fußnote_open -->
&nbsp;<img src="BILD" value="Show" onMouseOver="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide';}" onMouseOut="{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">   
<div>
<div>
<div style="display: none;">
<!-- END fußnote_open -->
<!-- BEGIN fußnote_close -->
</div>
</div>
</div>
<!-- END fußnote_close -->

Das ist mein etwas veränderter Code aus dem Spoiler MOD.
Aber das ist mir zu groß (der Code) und nicht so wie ich es haben möchte...sollte euch vielleicht ein bisschen helfen, ich bekomm das nicht hin.

mfg

[scheibenbrot]

Ich hab mir überlegt, am besten wäre es, wenn man es per css macht.
Aber wie muss ich dass dann genau machen?

Ich hab mir das so vorgestellt:

CSS:

/* fußnote *\
.color: ;
.width: ;
.hight: ;


HTML:

<!--BEGIN fußnote_open -->
<div>
<div><img src="BILD LINK" onMouseOver="HIER DANN HALT DER INHALT DAMIT DER TEXT ANGEZEIGT WIRD" class="fußnote"></div>
<!-- END fußnote_open -->
<!-- BEGIN fußnote_close -->
</div>
<!-- END fußnote_close -->

Also das ist jetzt grob...ich kenn mich damit nicht so gut aus
Wäre nett wenn mir das jemand so richtig machen könnte....danke

mfg

[scheibenbrot]