LabLayers's avatar
Tooltips
By LabLayers   |   Watch
2K 71 48K (5 Today)
Published: August 6, 2013
© 2013 - 2019 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
Image size
750x1220px 150.97 KB
Comments71
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Sukia-chan's avatar
Sukia-chanHobbyist Digital Artist
You're amazing
BrankaArts's avatar
BrankaArtsHobbyist Digital Artist
Thanks, using it on my group :iconda-morgue: :hug:
Shamanly's avatar
ShamanlyHobbyist General Artist
Hey, I'm having trouble with the alignments? 
I try to change it with < div align="center > but it doesn't seem to work. Whenever I insert it into the code it stretches out and hides everything. 
Do you know how to fix this?
BrankaArts's avatar
BrankaArtsHobbyist Digital Artist
I've tried center alignment too with no avail :(
I've added
in a new line a few times and it doesn't
hide anything now :)
Check it out on my group :iconda-morgue:
NightFuryTerritory's avatar
NightFuryTerritoryHobbyist Artist
None of it works at all
SSSpring's avatar
SSSpringHobbyist Digital Artist
You have to be core. 
NightFuryTerritory's avatar
NightFuryTerritoryHobbyist Artist
goddammit
i-zz-y's avatar
i-zz-yStudent Artist
used
NightyMewo's avatar
NightyMewoHobbyist Digital Artist
Using!
Khushi-1428's avatar
Khushi-1428Hobbyist Digital Artist
Will use it. :)
sugarsprink's avatar
sugarsprinkHobbyist Digital Artist
How do i put custom links in? whenever i use, it just takes me to my own profile
sugarsprink's avatar
sugarsprinkHobbyist 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!
kyethir's avatar
kyethirHobbyist General Artist
Alrighty, glad I could at least help a little. :'o
Puppsicles's avatar
is there any way to make them custom colors? like can you customize them somehow?? 
instarsa's avatar
instarsaHobbyist 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 #<
instarsa's avatar
instarsaHobbyist Interface Designer
You're very welcome!! Glad I could help one way or another~ uvu
Deneco's avatar
DenecoHobbyist 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?
bunnyfears's avatar
hello !! is there anyway to put this on the right side of my page instead of the default left?
Vegeebs's avatar
VegeebsHobbyist
you just add <///div align="right"> without the slashes uvu
Ruxree's avatar
RuxreeStudent 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 ;-;
Vegeebs's avatar
VegeebsHobbyist
hmm...try this! ;w;

CustomBox Columns tutorial by CypherVisor
Ruxree's avatar
RuxreeStudent General Artist
Ok it worked XDD
thank you <3
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved