Shop Mobile More Submit  Join Login
Awkward Speech Bubble by SimplySilent Awkward Speech Bubble by SimplySilent
I was inspired by `CypherVisor to try and create custom box resources, so here's another one! :la:

Here's a little speech bubble I found that you can use as an awkward bubble or an even more awkward content box.

Update: The code below will align your speech bubble to the left. To align to the right side, delete the <div class="al"> at the beginning of each code.




Speech Bubble Above Icon/Content Box

Paste the following right before the icon or content box:

<div class="al"><div class="gmbutton2town moarbuttons"><span class="grbubbletip watcher"><span>I'm an Awkward Bubble</span></span></div></div>


Speech Bubble within Content Box

The code for a content box normally looks like this:

<div class="stash-upload-box"><div class="pp"><div class="pp" align="center">Content Box Text</div></div></div>


Right before the Content Box Text, insert the speech bubble code from above like so (underlined text is the inserted speech bubble code):

<div class="stash-upload-box"><div class="pp"><div class="pp" align="center"><div class="al"><div class="gmbutton2town moarbuttons"><span class="grbubbletip watcher"><span>Awkward Bubble Text
</span></span></div></div>
Content Box Text</div></div></div></div>



Awkward Content Box

The code is the same as a regular speech bubble, but you must include line breaks so that your text doesn't go off the widget.



More Resources

Check out more Custom Box Resources by `CypherVisor
Also see his Custom Box + Journal Tips n Tricks for more help.
Add a Comment:
 
:iconxshimsa:
xShimsa Featured By Owner Edited 11 hours ago
My content box ate it ROFL xD Saw the update after fixing it from being eaten by my content box, thank you ;u;
Reply
:iconbugaboos:
BugaBoos Featured By Owner 2 days ago  Hobbyist Digital Artist
I dont see how people are having issues with this, its fairly easy and quick to do.
Reply
:iconmssilvs:
Mssilvs Featured By Owner Jul 23, 2015
Welp, I dunno how to get this to work /:
Reply
:iconspirit--queen:
Spirit--queen Featured By Owner Jul 22, 2015  New Deviant Hobbyist Digital Artist
Someone please help. Im trying to get the icon over the custom box result but the directions are confusing.
Reply
:iconcaptain-starburst:
Captain-Starburst Featured By Owner Jun 19, 2015  Student General Artist
the only problem i have this, is that whenever i try any of these, it works BUT
my custom box is OVER the icon / speech bubble.
any help??
Reply
:iconxshimsa:
xShimsa Featured By Owner 11 hours ago
Space them from each other, fixed mine ;y; Press enter twice at the end of the speech bubble if at the top. Enter twice at the end of the content things if at the end of the box. Hope this helps if you still need it <3
Reply
:iconkyabeko:
KyabeKo Featured By Owner May 25, 2015  Hobbyist Digital Artist
Really cute :meow:
Reply
:iconreh-star:
Reh-Star Featured By Owner May 6, 2015  Hobbyist Digital Artist
Its very hard to understand
Reply
:iconqrimm:
qrimm Featured By Owner Apr 4, 2015  Student Artist
how do u align it to the center?
Reply
:iconoddhatt:
Oddhatt Featured By Owner Jun 29, 2015  Hobbyist Digital Artist
< div align="center">
remove the space, and align your text !! for example,

< div align="center">get your body over here, body text.< /div>


^^^ remove the spaces :heart:
Reply
:icondiamonddog777:
DiamondDog777 Featured By Owner Apr 2, 2015
Can someone please help me with this? >n<
Reply
:iconche-rrry:
che-rrry Featured By Owner Apr 5, 2015  Hobbyist Digital Artist
Unfortunately, I think you can only use it if you're a premium member, sorry!!
Reply
:icondiamonddog777:
DiamondDog777 Featured By Owner Apr 5, 2015
Oh I was the other day. ^^;

It just expired. But thanks for that information!
Reply
:iconche-rrry:
che-rrry Featured By Owner Apr 5, 2015  Hobbyist Digital Artist
Oh. Sorry for the misunderstanding then quq
You're welcome!!
Reply
:icononeiri:
ONEIRI Featured By Owner Mar 22, 2015  Student General Artist
How do you insert an image (like the icon)?
Reply
:iconkyabeko:
KyabeKo Featured By Owner May 25, 2015  Hobbyist Digital Artist
I tried putting :iconMYUSERNAME : after the bubble.
Reply
:iconslshies:
slshies Featured By Owner Mar 14, 2015
cries bc i dont know how to do this
Reply
:icondogplant:
dogplant Featured By Owner Mar 14, 2015
just like ???????????shove the code in ur box
jjust..... copy paste the entire thing in ur box
Reply
:iconslshies:
slshies Featured By Owner Mar 14, 2015
i did it
im just too lazy to write stuff now
im probably going to put it off for a few days lmao
Reply
:icondogplant:
dogplant Featured By Owner Mar 15, 2015
lmao procrastinators for life
Reply
:iconslshies:
slshies Featured By Owner Mar 15, 2015
lmfao
Reply
:icondarkskyblue:
DarkSkyBlue Featured By Owner Feb 17, 2015
does the icon thing still work if you have two boxes side by side like i do on my page?
Reply
:iconpoisonousliquidxx:
PoisonousLiquidXx Featured By Owner Feb 12, 2015
Is there a chance to change the text color or bubble color? I tried so many ways but i seems not to work.. but maybe someone can help me ; n ;
Reply
:iconsheeppoops:
SheepPoops Featured By Owner Feb 17, 2015  Student Digital Artist
Earlier in the comments she had said "just gray unfortunately" :3 
Just so you know!
Reply
:iconpoisonousliquidxx:
PoisonousLiquidXx Featured By Owner Feb 17, 2015
ohw thank u :3
Reply
:iconsheeppoops:
SheepPoops Featured By Owner Feb 17, 2015  Student Digital Artist
no problem! 
Reply
:iconalataya:
alataya Featured By Owner Jan 16, 2015  Student Digital Artist
I don't think the code works with icons anymore ; v ;. 
---> Here's a picture of what I have going on. The "Quest Board" Box has what is also pasted into the "Calendar" box.  Though, it's more likely that I'm doing something wrong. ; v ;
Please correct me if I'm wrong though. I wanna make this work Q 7 Q 
Reply
:iconsheeppoops:
SheepPoops Featured By Owner Feb 17, 2015  Student Digital Artist
It worked for me in a regular custom box on a profile page. 
Basically what I did was take the first code, and when removing the "< div class = "al" > it suddenly seemed like it worked. Though it always throws itself to the right side of the thing.
Its something you have to kind of play around with honestly. 
Id consider looking at how many " </ d iv >"s you have laying around, and sorry if I couldnt help much! I just briefly looked at your code, and while I can barely see, I noticed it was in a group which I havent messed around with yet since i lack a super one.
Reply
:iconburqer-kinq:
burqer-kinq Featured By Owner Jan 15, 2015  Hobbyist Digital Artist
how do you make them stay in the center ?
Reply
:iconspaceshlps:
SPACESHlPS Featured By Owner Jan 7, 2015  Hobbyist General Artist
does this work in journals?
Reply
:iconqhostel:
qhostel Featured By Owner Nov 16, 2014  Student Artist
uhh how do you do these "line breaks"? 
Reply
:iconsheeppoops:
SheepPoops Featured By Owner Feb 17, 2015  Student Digital Artist
< hr >
actually is how you make a line break.
just remove the spaces. <3
Reply
:iconqhostel:
qhostel Featured By Owner Feb 17, 2015  Student Artist
oh thanks!
Reply
:iconsheeppoops:
SheepPoops Featured By Owner Feb 17, 2015  Student Digital Artist
ofcourse~!
Reply
:iconkawaii-nurse:
Kawaii-Nurse Featured By Owner Nov 17, 2014  Hobbyist General Artist
I think it's <"br">
(just take away the "")
Reply
:iconlechaoss:
LeChaoss Featured By Owner Nov 14, 2014  Student Traditional Artist
Does it need PM?
Reply
:iconsaileart:
saileART Featured By Owner Jan 4, 2015  Hobbyist Traditional Artist
Yes, It needs.
Reply
:iconmangobutta:
MangoButta Featured By Owner Oct 23, 2014  Hobbyist General Artist
Is there a way to make the text bubble and icon "float"? I've been trying to get the icon and bubble to sit ABOVE the content box, but they seem to be covered by the content box no matter what I do. :/
Reply
:icondiamonddog777:
DiamondDog777 Featured By Owner Aug 28, 2014
Con you give an example on how it looks like? How yours look like.
Reply
:icondarkskyblue:
DarkSkyBlue Featured By Owner Jul 17, 2014
are there different colors we can use for these or just the grey?
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jul 20, 2014
Just gray, unfortunately
Reply
:icondarkskyblue:
DarkSkyBlue Featured By Owner Jul 20, 2014
dang
Reply
:iconcarbon-vanilla:
Carbon-Vanilla Featured By Owner Jul 8, 2014  Hobbyist General Artist
Hmm... I like... I'll have to try and figure out a good idea for these codes. :nod: :meow:
Reply
:iconschwannie:
Schwannie Featured By Owner Jun 25, 2014
OH HEY GRANNY --

Is it possible to use a different custom box design? Since those blue thingies don't work anymoar D:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 25, 2014
Yep, should work with other boxes.
Reply
:iconschwannie:
Schwannie Featured By Owner Jun 25, 2014
How do I get it to work with the other boxes? :I

I feel dumb now, kay--
Reply
:iconschwannie:
Schwannie Featured By Owner Jun 22, 2014
Is it possible to use a different person's icon for it? Erm erm erm hope your friend gets better :heart:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 24, 2014
Yep. I just used my icon as an example.

Hope so, too. :huggle:
Reply
:iconschwannie:
Schwannie Featured By Owner Jun 24, 2014
Oh, ahh, I mean like some other other person.
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jun 25, 2014
I'm confused. :confused:
Reply
Add a Comment:
 
×
Download PNG 613 × 702




Details

Submitted on
July 25, 2013
Image Size
26.0 KB
Resolution
613×702
Link
Thumb
Embed

Stats

Views
20,823 (28 today)
Favourites
1,727 (who?)
Comments
117
Downloads
35
×