Seite 1 von 2
Schilder Smilie
Verfasst: 02.11.2014 11:43
von fussle
Und noch Suchanfrage Nummer 3 für heute:
Die Schilder-Smilie Extension =)
[schild]wäre klasse, wenn es die wieder gibt [/schild]
Re: Schilder Smilie
Verfasst: 02.11.2014 14:33
von 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]
Re: Schilder Smilie
Verfasst: 02.11.2014 14:59
von 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 =)
Re: Schilder Smilie
Verfasst: 02.11.2014 15:10
von HabNurNeFrage
Hi,
rumbasteln?
Es handelt sich um einen handelsüblichen BB-Code
LG
Re: Schilder Smilie
Verfasst: 02.11.2014 18:35
von 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
Re: Schilder Smilie
Verfasst: 02.11.2014 20:39
von Kirk
Hi
Minthe hat geschrieben:Wo kann ich denn, in dem bbCode die Farben ändern?
Die Farben kannst du in der HTML-Ersetzung ändern.
Re: Schilder Smilie
Verfasst: 02.11.2014 22:22
von 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
Re: Schilder Smilie
Verfasst: 02.11.2014 22:50
von Minthe
Danke, ihr beiden
Ich wollte ja nur die Schrift von weiß auf schwarz ändern.
Re: Schilder Smilie
Verfasst: 02.11.2014 23:14
von 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
Re: Schilder Smilie
Verfasst: 06.11.2014 18:51
von Minthe
Hat gefuuuhuuunzt....Dankeschön