Shop Forum More Submit  Join Login
Fancy speech bubbles / tooltips - more colors by UszatyArbuz Fancy speech bubbles / tooltips - more colors by UszatyArbuz

Thank you for the favorites in advance! :heart:

Long time ago I figured out a lot of colored speech bubbles, I suggested to LabLayers to add them to their original Tooltips deviation but no response. Some of the people were asking me in the comment section about certain codes so here they are all.

DEFAULT

<div class="commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble - default</sub></div>

B&W

Black:
<div class="commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Dark grey:
<div class="g-errors commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Grey with white font:
<div class="commissions-purchase modal-node popup2-clear commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Grey with black font:
<div class="smbutton-lightgreen commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble </sub></div>

White:
<div class="smbutton-white commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

COLORS

Purple:
<div class="smbutton-purple commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Dark red:
<div class="subscription_pitch no_subscription commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Red:
<div class="smbutton-red commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Orange:
<div class="smbutton-orange commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Yellow:
<div class="tipsy-inner commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Lemon green:
<div class="smbutton-green commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Green:
<div class="subscription_pitch has_subscription commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

COLOR WHILE HOVERING

Blue:
<div class="smbutton-blue commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

Grey:
<div class="smbutton-deepgreen commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

MORE ROUNDLY CORNERS

<div class="pager-dark smbutton-curvy pp commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>

FIXED WIDTH

<div class="ch-ctrl indifade commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>



My other dA resources and tutorials:
Pastel progress bars (custom widgets) by UszatyArbuz Donate widget customizing tutorial by UszatyArbuz  MORE Journal 'skins' for NON-CORE users and groups by UszatyArbuz  Custom box: dev ID by UszatyArbuz  Custom box: Complex dev ID by UszatyArbuz
Add a Comment:
 
:iconalukoe:
Alukoe Featured By Owner 4 days ago  New Deviant
how to make this go above the content holder like here: plant + frog | page code by TamaraC-Other when I paste the code it only goes into the box not above it
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner 4 days ago   Digital Artist
Add some enters right after the tiiltip code, and before teh box
Reply
:iconalukoe:
Alukoe Featured By Owner 3 days ago  New Deviant
AAA it worked thanks so much!
Reply
:iconcristal656:
Cristal656 Featured By Owner Sep 1, 2018  Student General Artist
Is there any way to make the fixed width black?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Sep 2, 2018   Digital Artist
I don't think so ^^; Maybe try to include a transparent image of long width?
Reply
:iconcublx:
Cublx Featured By Owner Edited Jul 18, 2018  Hobbyist General Artist
hi! I've been trying to use the light red one when playing around with some css, is there any way we can keep the color? (it just turns transparent no matter how hard i try to fix it.)
Screen Shot 2018-07-18 at 9.49.49 AM by Cublx  (i highlighted it so it can be more easily seen ;v; ) 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jul 18, 2018   Digital Artist
I'm not sure what you mean, in CSS you can make any color you want? :B
Reply
:iconcublx:
Cublx Featured By Owner Jul 19, 2018  Hobbyist General Artist
;v; idk what i'm doing tbh. (probably why my question makes no sense x,D)
I'm sure i'll figure out x,D
Reply
:iconpuzbie:
Puzbie Featured By Owner Jun 27, 2018  Hobbyist General Artist
is there a way to make it on the right??
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jun 27, 2018   Digital Artist
None that I can think of, sorry ^^;
Reply
:iconpuzbie:
Puzbie Featured By Owner Jun 27, 2018  Hobbyist General Artist
Its ok, i found another code where you can
Reply
:iconsterlingtheumbreon:
SterlingTheUmbreon Featured By Owner May 27, 2018  Student Traditional Artist
this is really cool! using, should i credit? i will absolutely if if you would like ^v^
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 28, 2018   Digital Artist
Nah it's okay, it's not my code anyway I just discovered it xD
Reply
:iconbloodywaifu:
BloodyWaifu Featured By Owner Apr 25, 2018  Student Artist
used in a page code. hope thats ok. 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Apr 26, 2018   Digital Artist
Sure :nod:
Reply
:iconkestrelkit:
KestrelKit Featured By Owner Apr 10, 2018  Hobbyist General Artist
nice^^ using along with the non-core bg (credited you) : )
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Apr 10, 2018   Digital Artist
Sure :)
Reply
:iconthenikksters:
TheNikksters Featured By Owner Mar 21, 2018
Is there anyway to center them? I tried but couldn't do it. 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Mar 22, 2018   Digital Artist
No, sorry, they always float to the left. You can try using column snippet and put one in the right column and leave left one empty, but I don't know if that will work :B
Reply
:iconthenikksters:
TheNikksters Featured By Owner Mar 22, 2018
Aah ok thanks. 
Reply
:iconifuntimeroxanne:
iFuntimeRoxanne Featured By Owner Mar 19, 2018  Student Digital Artist
using the red one
Reply
:iconburgerrainbow:
BurgerRainbow Featured By Owner Feb 10, 2018
AMAZING!
  Gonna use this for my coding in my custom box ^^!
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Feb 11, 2018   Digital Artist
Sure :hug:
Reply
:iconburgerrainbow:
BurgerRainbow Featured By Owner Feb 11, 2018
&&
Reply
:iconameliasketches:
Ameliasketches Featured By Owner Oct 17, 2017  Hobbyist Digital Artist
is there any way of changing the colour at all?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Oct 17, 2017   Digital Artist
There is no more colors, at least to my knowledge.
Reply
:iconameliasketches:
Ameliasketches Featured By Owner Oct 17, 2017  Hobbyist Digital Artist
shame >~< ty for answering tho <3
Reply
:iconkhushi-1428:
Khushi-1428 Featured By Owner Sep 12, 2017  Hobbyist Digital Artist
How can I add the link?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Sep 14, 2017   Digital Artist
Possibly in the simplest HTML between the <sub>s code :B
Reply
:iconkhushi-1428:
Khushi-1428 Featured By Owner Sep 14, 2017  Hobbyist Digital Artist
Oh, okay! :)

Thanks!
Reply
:iconsobbingpink:
sobbingpink Featured By Owner Aug 8, 2017  Hobbyist Traditional Artist
is there a normal blue version? :,,0
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Aug 8, 2017   Digital Artist
Only those from the deviation :P
Reply
:iconsobbingpink:
sobbingpink Featured By Owner Aug 9, 2017  Hobbyist Traditional Artist
ah darn! this one works pretty good on my profile anyways,
bless you for making them agh
Reply
:iconkhushi-1428:
Khushi-1428 Featured By Owner Aug 2, 2017  Hobbyist Digital Artist
Using!
Reply
:iconemberwhale:
Emberwhale Featured By Owner May 28, 2017  Hobbyist Digital Artist
Is it possible to center them? ;v;' it doesn't seem to be working for me.
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 28, 2017   Digital Artist
No, they are always floating on the left. But you can try to use a column section and put the tooltip in the right  column so it will be moved kind of to the center :P
Reply
:iconchinny-flareysnowzz:
Chinny-FlareySnowzz Featured By Owner May 16, 2017  Student Digital Artist
hi can I make that fonts bigger?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 17, 2017   Digital Artist
That may vary for every option, but you should be able to simply add <font size ="X"> right after <sub> where X should be a number from 1 to 6 I think (you can try bigger :P )
Reply
:iconchinny-flareysnowzz:
Chinny-FlareySnowzz Featured By Owner May 17, 2017  Student Digital Artist
oh ok i'll try
Reply
:iconcodeinecocacola:
codeinecocacola Featured By Owner Jan 15, 2017  Hobbyist General Artist
is there any way to have the bubble by itself without the little pointer?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jan 16, 2017   Digital Artist
Not in the easy way, sorry... but for the most you can use simply button codes or other content boxes:

Red and Green Content-holder boxes (Rounded)
Normal Curvy buttons
Small wide Green buttons (With icons)
BLUE content-holder box

etc :)
Reply
:iconmeiluhn:
meiluhn Featured By Owner Jan 15, 2017  Professional Artist
can they be used for journals?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jan 15, 2017   Digital Artist
I'm not sure, but I guess if you're a Core user, the code should work :P
Reply
:iconmeiluhn:
meiluhn Featured By Owner Jan 15, 2017  Professional Artist
i tried, it doesn't. sadly ):
well, keep up the great work!
Reply
:iconvapesae:
vapesae Featured By Owner Nov 5, 2016  Hobbyist Digital Artist
Is it possible to add a link in it ? I really like the color yellow in this :]
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Nov 6, 2016   Digital Artist
I'm not sure, I have never used these... you may try to use a link for codes inside it, or overlapping the whole code though. :)
Reply
:iconworriorcataj:
WorriorCatAJ Featured By Owner Edited Oct 21, 2016  Hobbyist Digital Artist
Is there any way to get it bigger? 

(the bubble and font, or would i have to use codes to make the text bigger?)
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Oct 22, 2016   Digital Artist
I'm not sure, actually I never worked with these. Using bigger font may work but I'm not sure :B I don't have an idea for any pother way to do them bigger though.
Reply
:iconworriorcataj:
WorriorCatAJ Featured By Owner Oct 22, 2016  Hobbyist Digital Artist
i used the < h3 > </h3 > command and it made it bigger but changed the color of the font, it still looks good though
Reply
Add a Comment:
 
×




Details

Submitted on
January 17, 2016
Image Size
37.7 KB
Resolution
651×787
Link
Thumb

Stats

Views
15,392 (3 today)
Favourites
1,452 (who?)
Comments
83

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial 3.0 License.