89
1.6K
21
Fancy speech bubbles / tooltips - more colors
18.3K Views|2 Today

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
Image size
651x787px 37.73 KB
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Comments (80)
Loki-Lo's avatar
Loki-Lo|Hobbyist Digital Artist
Using! Thanks!!!<з
Reply  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
^^
Reply  ·  
Loryzuky's avatar
I love these so much uwuu , would there be any way to make a pink one? I would really love to have a pink one in my profile <33 ; v ;
Reply  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
Only colors that are here, sorry.
Reply  ·  
LoveBeautySparkle's avatar
LoveBeautySparkle|Professional General Artist
Using on my group! Thanks! :D
Reply  ·  
wolf-alchemy's avatar
wolf-alchemy|Hobbyist Digital Artist
using! tysm
Reply  ·  
Alukoe's avatar
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  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
Add some enters right after the tiiltip code, and before teh box
Reply  ·  
Alukoe's avatar
AAA it worked thanks so much!
Reply  ·  
CedarPaws's avatar
CedarPaws|Student General Artist
Is there any way to make the fixed width black?
Reply  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
I don't think so ^^; Maybe try to include a transparent image of long width?
Reply  ·  
Cublx's avatar
CublxEdited |Hobbyist Digital 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  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
I'm not sure what you mean, in CSS you can make any color you want? :B
Reply  ·  
Cublx's avatar
Cublx|Hobbyist Digital 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  ·  
plumqpillows's avatar
plumqpillows|Hobbyist General Artist
is there a way to make it on the right??
Reply  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
None that I can think of, sorry ^^;
Reply  ·  
plumqpillows's avatar
plumqpillows|Hobbyist General Artist
Its ok, i found another code where you can
Reply  ·  
PoppyseedMuffiin's avatar
PoppyseedMuffiin|Student Traditional Artist
this is really cool! using, should i credit? i will absolutely if if you would like ^v^
Reply  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
Nah it's okay, it's not my code anyway I just discovered it xD
Reply  ·  
i-zz-y's avatar
i-zz-y|Student Artist
used in a page code. hope thats ok. 
Reply  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
Sure :nod:
Reply  ·  
KestrelKit's avatar
KestrelKit|Hobbyist General Artist
nice^^ using along with the non-core bg (credited you) : )
Reply  ·  
UszatyArbuz's avatar
UszatyArbuz| Digital Artist
Sure :)
Reply  ·  
TheNikksters's avatar
Is there anyway to center them? I tried but couldn't do it. 
Reply  ·  
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
© 2019 DeviantArt
All Rights reserved