phpBB.de

Verfasst: **22.08.2006 22:56**

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...

Verfasst: **23.08.2006 23:08**

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

Verfasst: **23.08.2006 23:29**

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.

Verfasst: **24.08.2006 12:22**

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

Verfasst: **24.08.2006 12:50**

also was hast du, und was brauchst du noch?

Verfasst: **24.08.2006 13:11**

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

Verfasst: **24.08.2006 23:02**

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

Verfasst: **24.08.2006 23:33**

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

Verfasst: **26.08.2006 19:18**

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:


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


</div>

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

Verfasst: **28.08.2006 17:08**

phpBB.de

BBCode Fu-noten

BBCode Fu-noten