Shop Forum More Submit  Join Login
Tooltips by LabLayers Tooltips by LabLayers
Use this on any custombox. You can put formatting and anything you can imagine inside it!

Without further ado, here is the code:



Standard


<div class="commission-rating-total-container purchasable-tooltip">Hello</div>

Button-Based


Red:
<div class="smbutton-red commission-rating-total-container purchasable-tooltip">Hello</div>
Orange:
<div class="smbutton-orange commission-rating-total-container purchasable-tooltip">Hello</div>
Lightgreen:
<div class="smbutton-lightgreen commission-rating-total-container purchasable-tooltip">Hello</div>
Green:
<div class="smbutton-green commission-rating-total-container purchasable-tooltip">Hello</div>
White:
<div class="smbutton-white commission-rating-total-container purchasable-tooltip">Hello</div>
Purple:
<div class="smbutton-purple commission-rating-total-container purchasable-tooltip">Hello</div>

Link Versions


<div class="thumb-holder"><a class="smbutton smbutton-lightgreen smbutton-size-large commission-rating-total-container purchasable-tooltip">Hello</a></div>
<div class="thumb-holder"><a class="smbutton smbutton-white smbutton-size-large commission-rating-total-container purchasable-tooltip">Hello</a></div>
<div class="thumb-holder"><a class="smbutton smbutton-orange smbutton-size-large commission-rating-total-container purchasable-tooltip">Hello</a></div>
<div class="thumb-holder"><a class="smbutton smbutton-red smbutton-size-large commission-rating-total-container purchasable-tooltip"><span class="smbutton-purple popup2-clear">Hello</span></a></div>
<div class="thumb-holder"><a class="smbutton smbutton-lightgreen smbutton-size-large commission-rating-total-container purchasable-tooltip"><span class="smbutton-purple popup2-clear">Hello</span></a></div>
<div class="thumb-holder"><a class="smbutton smbutton-purple smbutton-size-large commission-rating-total-container purchasable-tooltip"><span class="smbutton-purple popup2-clear">Hello</span></a></div>

Text Sizes


Use the <font> tag to change fonts and text sizes. Learn more: lablayers.deviantart.com/art/d…
<font size="3">Medium</font>
<font size="5">Large</font>


Bonus Icons


White: (Next, Play)
<img src="http://i.imgur.com/mlyzfiY.png" height="10"> <img src="http://i.imgur.com/h94GGiD.png" height="10">
Black: (Next, Play)
<img src="http://i.imgur.com/Oifvhhu.png" height="10"> <img src="http://i.imgur.com/glPqPMb.png" height="10">
Blue: (Next, Play)
<img src="http://i.imgur.com/1XmNFHt.png" height="10"> <img src="http://i.imgur.com/P16P38v.png" height="10">


Buy This Print


<a class="smbutton smbutton-holidize commission-rating-total-container purchasable-tooltip"></a>


For more custombox tutorials, check out #CustomizeYourProfile: customizeyourprofile.deviantar…

***A PREMIUM MEMBERSHIP IS REQUIRED IS REQUIRED TO FULLY CUSTOMIZE YOUR PROFILE WIDGETS!***


Need Help? Go read `CypherVisor's custombox guide before commenting!


Feel free to share/republish/modify this with everyone else! Credit is optional, but appreciated. Enjoy! :D
Add a Comment:
 
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Edited Jun 20, 2018  Hobbyist Artist
None of it works at all
Reply
:iconbloodywaifu:
BloodyWaifu Featured By Owner Feb 22, 2018  Student Digital Artist
used
Reply
:iconnightymewo:
NightyMewo Featured By Owner Jan 16, 2018  Professional Digital Artist
Using!
Reply
:iconkhushi-1428:
Khushi-1428 Featured By Owner Nov 17, 2017  Hobbyist Digital Artist
Will use it. :)
Reply
:iconsprinkledashyt:
SprinkleDashYT Featured By Owner Edited Sep 15, 2017  Hobbyist Digital Artist
How do i put custom links in? whenever i use, it just takes me to my own profile
Reply
:iconsprinkledashyt:
SprinkleDashYT Featured By Owner Oct 5, 2017  Hobbyist Digital Artist
Thanks for your help!

but i've figured out a alternate way to get what i want

however, im totally gonna bookmark that journal for the future!
Reply
:iconservaal:
servaal Featured By Owner Oct 5, 2017  Hobbyist General Artist
Alrighty, glad I could at least help a little. :'o
Reply
:iconpuppsicles:
Puppsicles Featured By Owner Aug 3, 2017
is there any way to make them custom colors? like can you customize them somehow?? 
Reply
:iconinstarsa:
instarsa Featured By Owner Aug 23, 2017  Hobbyist Interface Designer
Unfortunately not... the way this code is possible is by hijacking CSS properties already built into Deviantart itself, and inserting them via HTML; basically how these codes exist is taking Deviantart's sources they use to build their website, and using them somewhere else! That's why administrators don't have support for this kind of customization...~

If custom colors were to exist, they'd have to make it into CSS properties... so theoretically there will be no more available colors until someone finds more lurking in the CSS~

I hope that makes sense!! ># o #<
Reply
:iconpuppsicles:
Puppsicles Featured By Owner Aug 23, 2017
oh thanks dude!
Reply
:iconinstarsa:
instarsa Featured By Owner Aug 23, 2017  Hobbyist Interface Designer
You're very welcome!! Glad I could help one way or another~ uvu
Reply
:icondeneco:
Deneco Featured By Owner Jul 9, 2017  Hobbyist Digital Artist
Is there a way to put them side by side? Im trying to use the div align but they just keep stacking on top of each other. Is this possible to achieve?
Reply
:iconbunnyfears:
bunnyfears Featured By Owner Jun 10, 2017
hello !! is there anyway to put this on the right side of my page instead of the default left?
Reply
:iconvegeebs:
Vegeebs Featured By Owner Edited Jul 12, 2017  Hobbyist
you just add <///div align="right"> without the slashes uvu
Reply
:iconruxree:
Ruxree Featured By Owner Edited Jul 12, 2017  Student General Artist
It doesn't work for me ><
No matter where in the code I put the <///div align="right"> (without the slashes), it still stays on the left
I like html codes so I'm not a beginner and I know how codes work on this site, but for some reason I can't put this on the right side, and I definitely didn't make any mistakes with the coding ;-;
Reply
:iconvegeebs:
Vegeebs Featured By Owner Jul 12, 2017  Hobbyist
hmm...try this! ;w;

CustomBox Columns tutorial by CypherVisor
Reply
:iconruxree:
Ruxree Featured By Owner Jul 12, 2017  Student General Artist
Ok it worked XDD
thank you <3
Reply
:iconvegeebs:
Vegeebs Featured By Owner Jul 12, 2017  Hobbyist
really??yay!
aww youre so welcome! Im glad I could help out u v u
Reply
:iconruxree:
Ruxree Featured By Owner Jul 12, 2017  Student General Artist
Oh god XD
I'm actually not familiar with the columns //
But thanks for help ^^
Reply
:icontroll--cat:
Troll--cat Featured By Owner May 20, 2017  Hobbyist General Artist
for the link ones where do i put the link?
Reply
:iconsmash-the-wolfthing:
smash-the-wolfthing Featured By Owner Mar 14, 2017  Hobbyist Traditional Artist
Hey! Can you use this without a core?
Reply
:iconk3npal:
K3NPAl Featured By Owner Apr 2, 2017  Hobbyist General Artist
I dont think so..
Reply
:iconniqm:
niqm Featured By Owner Jan 26, 2017  Hobbyist Traditional Artist
my isn't working???
i think i might be doing something wrong...
Reply
:iconshamshl:
Shamshl Featured By Owner Mar 5, 2017  Student Digital Artist
what are you having trouble on?
Reply
:iconniqm:
niqm Featured By Owner Mar 5, 2017  Hobbyist Traditional Artist
I figured it out lol
Reply
:iconshamshl:
Shamshl Featured By Owner Mar 6, 2017  Student Digital Artist
oh XD
Reply
:iconpasteloween:
pasteloween Featured By Owner Jan 19, 2016  Hobbyist Digital Artist
sad is sad :(
Reply
:iconanisahspryd:
anisahspryd Featured By Owner Jul 24, 2015  Hobbyist Writer
I'm using the link versions (the green ones) on my page. Thank you very much for sharing this! :D
Reply
:iconbillynikoll:
BillyNikoll Featured By Owner Jul 17, 2015  Hobbyist General Artist
Thanks for sharing 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Jul 6, 2015   Digital Artist
There is a lot more color versions of these, if you want to add them to this deviation I can send you the codes :nod:
I was about to do a deviation about them but there is no use to double the codes when someone else posted them :P
Reply
:iconrirai27:
rirai27 Featured By Owner Aug 22, 2016
same here please, could i have the codes? ;;
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Aug 22, 2016   Digital Artist
It's already in my gallery, you can check it out here:
Fancy speech bubbles / tooltips - more colors by UszatyArbuz
Reply
:iconrirai27:
rirai27 Featured By Owner Aug 22, 2016
thank you!
Reply
:icon7acearcade:
7AceArcade Featured By Owner Dec 29, 2015  Student Digital Artist
Hello! I wonder if I could get blue ones?
If you got light blue w/ possibly white letters?

Thank you for your attention! n u n
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Dec 30, 2015   Digital Artist
Hi, there is only dark blue that works but it's with white text. I checked light blue and it didn't work when I was making these. But I've got no time now to check it again :P

<div class="ch-ctrl indifade commission-rating-total-container purchasable-tooltip"><sub>A fancy bubble</sub></div>
Reply
:iconcinnamon-drip:
Cinnamon-Drip Featured By Owner May 15, 2016  Professional Digital Artist
Wait, in the link you put there if you wanted to link something where would you put it?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 16, 2016   Digital Artist
I... don't understand :B Can you say it in other words?
Reply
:iconcinnamon-drip:
Cinnamon-Drip Featured By Owner May 16, 2016  Professional Digital Artist
If I used a link button where would I put the link?
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner May 16, 2016   Digital Artist
Depending of the color, but usually right where it says 'Button' :B
Reply
:iconcinnamon-drip:
Cinnamon-Drip Featured By Owner May 17, 2016  Professional Digital Artist
could you give me an example of a code
Reply
(1 Reply)
:iconfilthbug:
filthbug Featured By Owner Aug 22, 2015
do u think you could note me them??
Unless u uploaded them o: 
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Aug 23, 2015   Digital Artist
Sure, I'll note you since I don't know where I will upload it to my gallery :D
Reply
:iconprince-yano:
Prince-Yano Featured By Owner Aug 7, 2015
I feel weird just popping in like this but do you think you could send me the codes too? ; v ; If you want.
Reply
:iconuszatyarbuz:
UszatyArbuz Featured By Owner Aug 7, 2015   Digital Artist
Actually I never sent them codes because I got no answer. 
Just note me and I will send you the codes :) I think I will upload them to my gallery anyway as well :P
Reply
:iconprince-yano:
Prince-Yano Featured By Owner Aug 7, 2015
Oh I see. ;v;||
and okay!
Reply
:iconkaecherie:
kaecherie Featured By Owner Edited Feb 23, 2015
Thank YOU so very much for providing these resources to public usage, they are very useful for "pretty-ing" up my page ;;
I've been searching ever since December for these little chat bubbles! :) Thank you so much once again. :heart:
Reply
Add a Comment:
 
×

:iconlablayers: More from LabLayers





Details

Submitted on
August 6, 2013
Image Size
151 KB
Resolution
750×1220
Link
Thumb

Stats

Views
43,492 (5 today)
Favourites
2,704 (who?)
Comments
76
Downloads
98
×