Schilder Smilie

[fussle]

Und noch Suchanfrage Nummer 3 für heute:

Die Schilder-Smilie Extension =)

[schild]wäre klasse, wenn es die wieder gibt [/schild]

[HabNurNeFrage]

Hi,

ggf. kannst Du mit einem bbCode die Wartezeit überbrücken.

Hab ich eben mal zusammengeschustert:

Nutzung: [bubble]{TEXT1}##{TEXT2}[/bubble]
Man beachte die beiden Rauten als Trennerkennung zwischen den Variablen.
Kann man auch anders lösen. So finde ich die Nutzung jedoch recht einfach.

HTML:

Code: Alles auswählen

<div class="bubble_container">

    <script type="text/javascript">
    //<![CDATA[
    css=".this_speech_bubble{background-color:beige;border:1px solid green;border-radius:12px;text-align:center;padding:12px;position:relative;margin-bottom:12px;}.this_speech_bubble .bubble_arrow{border-style:solid;position:absolute;}.manage_position_bottom{border-color:green transparent transparent transparent;border-width: 8px 8px 0px 8px;bottom:-8px;} .manage_position_bottom:after{border-color:beige transparent transparent transparent;border-style:solid;border-width:7px 7px 0px 7px;bottom:1px;content:'';position:absolute;left:-7px;}.bubble_smiley{position:relative;left:16px;}.bubble_container{position:relative;display:inline-block;padding:22px;}"; 
    head=document.head||document.getElementsByTagName("head")[0];style=document.createElement("style");style.type="text/css";style.id="smiley_bubble";style.styleSheet?style.styleSheet.cssText=css:style.appendChild(document.createTextNode(css));document.getElementById("smiley_bubble")||head.appendChild(style); 
    //]]>
    </script>

    <div class="this_speech_bubble">
        <div class="bubble_arrow manage_position_bottom"></div>
        {TEXT1}
    </div>

    <div class="bubble_smiley">
        {TEXT2}
    </div>
</div>
<br />

Tipp: Nutzung: [bubble] Beitragsteil in der Blase ## Smiley oder Bild o.ä. [/bubble] WICHTIG: Die beiden ## zwischen Text und Smiley

Demo: http://bild4.bplaced.net/phpbb31/viewto ... t=1&p=8#p6

LG

PS: Nutzungsbeispiele
1)

Code: Alles auswählen

[bubble]Ich bin die sprechende Fratze.
Besuch mich im Fratzenbuch:
https://www.facebook.com/fratze  ;)
##
[img]http://www.img-host.de/bild.php/52336,fratzeM4A9G.gif[/img]
[/bubble]

2)

Code: Alles auswählen

[bubble]Ich brauch dringend Urlaub.
Sonst bekomm ich BurnOut  :lol:
##
:P[/bubble]

[fussle]

Danke für deine Mühe, nicht böse sein, aber ich warte dann lieber auf die Ext. - bevor ich wieder mit rumbasteln anfange =)

[HabNurNeFrage]

Hi,

rumbasteln?

Es handelt sich um einen handelsüblichen BB-Code

LG

[Minthe]

Das ja cool
Wo kann ich denn, in dem bbCode die Farben ändern?
Wir haben eine weiße Forenschrift und die Sprechblase ist auch weiß, also sehe ich die Schrift nicht.

Da muss man nix rumbasteln....Code einfügen feddisch

[Kirk]

Hi

Wo kann ich denn, in dem bbCode die Farben ändern?

Die Farben kannst du in der HTML-Ersetzung ändern.

[HabNurNeFrage]

Hi,

die Hintergrundfarbe ist beige und der Rahmen green.
Beide sind in der langen Zeile - die mit css=" beginnt - zu finden.

Man kann sie auch variabel gestalten, indem man z.B. die Rahmenfarbe in den bbCode aufnimmt => [bubble={COLOR}]{TEXT1}##{TEXT2}[/bubble].
Für den Rahmen dann in der HTML-Ersetzung green an beiden Stellen durch {COLOR} ersetzen.
Mir erscheint dann aber die Nutzung für einige User schon recht kompliziert.

Man könnte auch einfach mehrere solcher bbCodes mit unterschiedlichen Farben anlegen.
Dabei muss dann nur jedesmal eine andere ID für das injizierte CSS-Element im JavaScript vergeben.
Im Code wäre das smiley_bubble (2 Stellen) - dafür einfach smiley_bubble2, smiley_bubble_3 o.ä. verwenden...

LG

[Minthe]

Danke, ihr beiden

Ich wollte ja nur die Schrift von weiß auf schwarz ändern.

[HabNurNeFrage]

Hi,

die Schriftfarbe ist in dem bbCode gar nicht definiert. Von daher wird sie vom Elternelement vererbt.
Wenn Du einen recht dunklen Style nutzt, kann es natürlich sein, dass dort eine helle Schrift genutzt wird und diese dann in der Sprechblase schwer lesbar ist.

Wenn Du die Schriftfarbe explizit angeben möchtest, kannst Du das recht einfach machen.
Suche im HTMl nach css=".this_speech_bubble{ und ersetze es durch css=".this_speech_bubble{color:black;

LG

PS: Schild und Denkblase gibt es jetzt auch. Ausführliche Einbau-Codes hier:
http://bild4.bplaced.net/phpbb/viewtopi ... e-f=5&t=75

[Minthe]

Hat gefuuuhuuunzt....Dankeschön