Eine Stadt in der Raubtiere und Beutetiere friedlich miteinander Leben. Hier kannst du alles sein.
 
StartseiteStartseite  KalenderKalender  FAQFAQ  SuchenSuchen  MitgliederMitglieder  NutzergruppenNutzergruppen  AnmeldenAnmelden  LoginLogin  
Login
Benutzername:
Passwort:
Bei jedem Besuch automatisch einloggen: 
:: Ich habe mein Passwort vergessen!
Die neuesten Themen
» Allgemeines zu den Rassen [UNFERTIG]
Di 07 Nov 2017, 14:27 von Phantom

» Verbotene Rassen, Berufe, etc
Mi 09 Aug 2017, 16:59 von Phantom

» Handy Speech Bubbles
Mi 09 Aug 2017, 16:26 von Phantom

» Hier funktionierts doch? xD
Di 08 Aug 2017, 18:55 von Tourist

» Eintragung in die Listen
Di 16 Aug 2016, 18:46 von Irvine Lee

» Digimon - Eden Hazard
Do 11 Aug 2016, 22:20 von Gast

» The Dawn of Destiny
So 17 Jul 2016, 22:12 von Gast

» One Piece - Dawn Of The New World
Fr 15 Jul 2016, 18:21 von Gast

» Reservierungen
Fr 15 Jul 2016, 18:00 von Phantom


Austausch | 
 

 Handy Speech Bubbles

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
Team Account


» Anzahl der Beiträge : 26
» Anmeldedatum : 22.08.15
BeitragThema: Handy Speech Bubbles   Mo 28 März 2016, 20:39

Hier findet ihr die Speech Bubbles für den Chat. Lasst das Copyright drauf!

Muster:

Jack SinclairJack Sinclair
Kazuma Ikezawa


Yo
Schon von der Party gehört?06.08.2017, 15.53 Uhr


Gehört ja nur wo?06.08.2017, 16.03 Uhr

Nach oben Nach unten
Benutzerprofil anzeigen http://zootopia.forumieren.com
Team Account


» Anzahl der Beiträge : 26
» Anmeldedatum : 22.08.15
BeitragThema: Re: Handy Speech Bubbles   Mi 09 Aug 2017, 16:26

Um die Speech Bubbles nutzen zu können benötigt ihr den Code.

Zu Anfang die zwei Kreise mit den Namen und dem Bild eurer Charakter (Den braucht ihr nur einmal im Startpost zu nehmen):
Code:
<llrelativebox>
<img class="left" src="http://placehold.it/120x120" alt="" /><llCharaleft>Name Lastname</llCharaleft>
<img class="right" src="http://placehold.it/120x120" alt="" /><llChararight>Name Lastname</llChararight>
</llrelativebox>

Und nun die Linke Speech Bubble:
Code:
<llbubbleleft>Hier kommt euer Text hin
Hier kommt euer Text hin<date>und hier das Datum / die Uhrzeit</date></llbubbleleft>

Jetzt kommt die Rechte (llclear am Ende darf nicht weggelassen werden):
Code:
<llbubbleright>Hier kommt wieder Text <date>und hier das Datum / die Uhrzeit</date></llbubbleright><llclear></llclear>

Jetzt kommt das Herzstück, das CSS was ihr nur am Ende eures Beitrages einfügen müsst:
Code:
<style>/* ~~~ simplistic speech bubbles ~~~
Coded and provided by lunatic lass @ Storming Gate ('http://storming-gates.de/member.php?action=profile&uid=606')
*/llrelativebox{display:block;width:450px;height:150px;margin:auto;position:relative;font-size:small;font-family:tahoma;}/*
*/llrelativebox img{width:120px;height:120px;border:4px solid;border-radius:100%;position:absolute;top:10px;}/*
*/llrelativebox img.left{right:51.5%;background: rgb(226,226,226);border-color: rgb(226,226,226);}/*
*/llrelativebox img.right{left:51.5%;background: rgb(66,107,127);border-color: rgb(66,107,127);}/*
*/llCharaleft, llChararight{border-radius:25px;padding:3px 20px 4px;position:absolute;top:125px;white-space:nowrap;}/*
*/llCharaleft{background: rgb(226,226,226);color: rgb(46,46,46);right:58%;border-top-right-radius:0px;}/*
*/llChararight{background: rgb(66,107,127);color: rgb(226,226,226);left:58%;border-top-left-radius:0px;}/*
*/llbubbleleft{background: rgb(226,226,226);color: rgb(46,46,46);border-radius:25px;display:block;min-height:10px;width:360px;margin:10px 10px 0px;padding:20px 20px 40px;position:relative;text-align:justify;font-size:small;font-family:tahoma;}/*
border-right: 22px solid rgb(226,226,226);
*/llbubbleleft:before{background: rgba(0,0,0,0);border-right: 22px solid rgb(226,226,226);border-radius:0px 0px 100px 0px;content:"";display:block;width:35px;height:35px;position:absolute;left:-35px;bottom:0px;}/*
*/llbubbleright{background: rgb(66,107,127);color: rgb(226,226,226);border-radius:25px;display:block;min-height:10px;width:360px;margin:10px 10px 0px;padding:20px 20px 40px;position:relative;text-align:justify;font-size:small;font-family:tahoma;float:right;}/*
*/llbubbleright:before{background:rgba(0,0,0,0);border-left:22px solid rgb(66,107,127);border-radius:0px 0px 0px 35px;content:"";display:block;width:35px;height:35px;position:absolute;right:-35px;bottom:0px;}/*
*/llbubbleleft date,llbubbleright date{font-size:x-small;font-style:italic;position:absolute;right:25px;bottom:5px;}/*
*/llclear{clear:both;display:block;width:100%;height:0px;}/*
*/llbubbleleft img,llbubbleright img{max-height:120px !important;max-width:360px !important;}</style>
Nach oben Nach unten
Benutzerprofil anzeigen http://zootopia.forumieren.com
 
Handy Speech Bubbles
Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» Heli Apps
» Doppelseitiges Klebeband 2mm breit
» Drehzahlmesser vs. AndroidApp
» Vibrationen messen, Motoren wuchten, Tipps
» Stativ für Handy

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
Zootopia :: User Area :: Vorlagen-
Gehe zu: