Shop Mobile More Submit  Join Login
×




Details

Submitted on
May 19, 2013
Image Size
181 KB
Resolution
694×1555
Link
Thumb
Embed

Stats

Views
23,467 (4 today)
Favourites
1,049 (who?)
Comments
138

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Buttons as Content-Holder boxes by CypherVisor Buttons as Content-Holder boxes by CypherVisor

Exclusively for Premium members and Super groups only




How to use ?


Just copy the source code(s) below and paste it in your Custombox module in your profile.



SOURCE CODE:



<div class="smbutton smbutton-normal"><span class="post"><div align="justify">Content Goes here.</div></span></div>

<div class="smbutton smbutton-blue"><span class="post"><div align="justify">Content Goes here.</div></span></div>

<div class="smbutton smbutton-deepgreen"><span class="post"><div align="justify">Content Goes here.</div></span></div>

<div class="smbutton smbutton-white"><span class="post"><div align="justify">Content Goes here.</div></span></div>

<div class="smbutton smbutton-red"><span class="post"><div align="justify">Content Goes here.</div></span></div>

<div class="smbutton smbutton-purple"><span class="post"><div align="justify">Content Goes here.</div></span></div>

<div class="smbutton smbutton-green"><span class="post"><div align="justify">Content Goes here.</div></span></div>




NOTE:



1)This content-holder box unlike others is not of static size. It changes its size with the amount of content inside it!
2)You will get a Hand-Cursor when you hover over this box! There is no URL associated with it.



----------------------------------------------------------------------------------------------
*You can change the alignment of your text inside the box by changing the following..

Change "left" with "center", "right" or "justify"


<div align="left">


<div align="center">


<div align="right">


<div align="justify">

----------------------------------------------------------------------------------------------



Other similar boxes






Want to customize your profile more?


Check all my free resources + tutorials: [link]



Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks before writing a comment below.



I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points :points: to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or send me a note for more details

Add a Comment:
 
:iconleadheart787:
LeadHeart787 Featured By Owner Jan 22, 2015  Hobbyist General Artist
Heyo,

I'm not sure why, but my group here is using the purple and blue buttons pretty sure-- and not sure why, but in Firefox and Internet Explorer, the boxes are aligned oddly to the right from the smack middle. Dunno why. Looks fine on Chrome, however.
Reply
:iconkerlasia:
Kerlasia Featured By Owner Feb 4, 2015  Student General Artist
I have problems with things being oddly displayed in firefox and IE as well. Have no idea why or how to fix it.
Reply
:iconstefichii:
StefiChii Featured By Owner Jan 1, 2015  Hobbyist Filmographer
That helped me a lot was regarded as :D 
stefichii.deviantart.com/
Reply
:iconstarlightdragons:
StarlightDragons Featured By Owner Dec 27, 2014  Hobbyist General Artist
Can this be used with the floating image? Or have a url to lead to?
Reply
:iconpixel-shy:
Pixel-Shy Featured By Owner Nov 16, 2014  Student Digital Artist
I'm using.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 28, 2014
Cool! :thumbsup:
Reply
:iconxxnotthisgirlxx:
I'm a bit new to this, can you please tell me what to do? I'd really appreciate it! :D
Reply
:iconnatakiro:
Natakiro Featured By Owner Edited Oct 9, 2014  Hobbyist General Artist
Thank you for making the coding available! :D 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 10, 2014
My pleasure! :hug:
Reply
:iconfoxypika:
FoxyPika Featured By Owner Sep 12, 2014  Hobbyist General Artist
Is there no way to get my own custom content holder box? :c
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 16, 2014
Nah, I am afraid not. :(
Reply
:iconcaroline-sama:
Caroline-sama Featured By Owner Aug 29, 2014
I try to put it inside the background but i can't only appears the image but no the buttom look prntscr.com/4hw3ft someone can tell me how fixed ? thanks 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 16, 2014
You need to copy the content holder box code and paste it in the "body text here" part of the custom box code from here: cyphervisor.deviantart.com/art…
Reply
:iconthetriforcebearer:
thetriforcebearer Featured By Owner Sep 1, 2014  Student Digital Artist
I'm having the same issue, You're trying to put down a button with a background and nothing else right?
Reply
:iconcaroline-sama:
Caroline-sama Featured By Owner Sep 1, 2014
yes darling, I think that know what is the mistake,
you need copy the code of this button and paste it after
the code of background, try it and tell me c:

Have a good night
Reply
:iconthetriforcebearer:
thetriforcebearer Featured By Owner Sep 1, 2014  Student Digital Artist
I tried a different method but I got what I wanted gyazo.com/fcaec0c8d66f29da0120…

Also that Icon lol
Reply
:iconcaroline-sama:
Caroline-sama Featured By Owner Sep 1, 2014
omg omg omg ! you can put  song in your custom ! I tried but appear the video too, and i want only the music like you,  and have a button too TT_TT can you pass me the code please? !

look in my profile looks in this form prntscr.com/4iuomj :( button and song for apart
Reply
:iconpuqpaws:
puqpaws Featured By Owner Jun 15, 2014  Student General Artist
i tried puTting the bg with the box in a custom, but it only appears the box i dont know what to do
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 27, 2014
Umm...the bg link is perhaps faulty?
Reply
:iconpuqpaws:
puqpaws Featured By Owner Jul 27, 2014  Student General Artist
I already fixed it, thanks!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 16, 2014
cool :)
Reply
:iconkaitomo:
Kaitomo Featured By Owner Jun 3, 2014  Student Digital Artist
How do you put an image in a custom box?
Reply
:iconkaitomo:
Kaitomo Featured By Owner Jun 4, 2014  Student Digital Artist
Okay thanks
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 14, 2014
yw :)
Reply
:iconcassy007:
Cassy007 Featured By Owner May 31, 2014  Hobbyist Digital Artist
is it possible to make them into scrolling content holder boxes?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 4, 2014
Yes. Use this tut: lablayers.deviantart.com/art/S…

or you can include the "freeform-fullpreview" class in your first div tag of your content holder box..for example:

<<spa>div class="smbutton smbutton-normal freeform-fullpreview">......
Reply
:iconcassy007:
Cassy007 Featured By Owner Jun 8, 2014  Hobbyist Digital Artist
oh really! thx so much for the helpful reply^//^ (im really sorry for the late reply ^^;)

ohhhh ok >u< thx so much, this was very helpful thank you :3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 14, 2014
yw :)
Reply
:iconcassy007:
Cassy007 Featured By Owner Jun 14, 2014  Hobbyist Digital Artist
^^
Reply
:iconuglypenguin:
Uglypenguin Featured By Owner May 3, 2014  Hobbyist Digital Artist
Is there a black one?
Reply
:iconkianathehybrid:
KianaTheHybrid Featured By Owner Apr 9, 2014  Hobbyist Digital Artist
I'm having a difficult time using this.
I've put the code into my profile, but all it does is only show the background image I've set for the custom box. The content box doesn't even show up at all.
I've looked through the Tricks and tips FAQ you have, but couldn't quite find a solution to the problem. Any help with this would be much appreciated.

Thank you~
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 11, 2014
You should try the code from my tutorial here: cyphervisor.deviantart.com/art…

And put the content-holder box code in the "body text here' part of the code. It should work.
Reply
:icondarkskyblue:
DarkSkyBlue Featured By Owner Jan 15, 2014  Hobbyist General Artist
Do these come in a version that has headers?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 10, 2014
Nah.

But you can easy get that by using

<h3>YOUR HEADER TEXT</h3>
<hr></hr>
Reply
:icondarkskyblue:
DarkSkyBlue Featured By Owner Feb 10, 2014  Hobbyist General Artist
Alright thanks
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 10, 2014
np :)
Reply
:iconvoyager168:
Voyager168 Featured By Owner Jan 11, 2014  Hobbyist General Artist
I was wondering whether I can increase the font size and center the box on my DeviantID Box?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 10, 2014
Yep.

Please check this journal for Custombox F.A.Q. + Tips and tricks


Thanks :)
Reply
:iconvoyager168:
Voyager168 Featured By Owner Feb 11, 2014  Hobbyist General Artist
Will definitely check it out :aww:
Reply
:iconpetilii:
petiliI Featured By Owner Nov 28, 2013  Hobbyist Digital Artist
it wont show up ;o;
it is just a big blank space X_X
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 2, 2013
Where are you using it?
Reply
:iconpetilii:
petiliI Featured By Owner Dec 2, 2013  Hobbyist Digital Artist
i am not using it anymore .0.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 3, 2013
okay
Reply
:iconpetilii:
petiliI Featured By Owner Dec 22, 2013  Hobbyist Digital Artist
now i am using it again :3 lol how i love to bug you i am so sorry man ;A;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 23, 2013
:O
Reply
:iconsunrise-lonewolf:
Sunrise-LoneWolf Featured By Owner Nov 5, 2013  Student Traditional Artist
Is there possible to make the font color of the boxes with white font (as purple and blue boxes) black?
Reply
:iconsunrise-lonewolf:
Sunrise-LoneWolf Featured By Owner Nov 11, 2013  Student Traditional Artist
Yay,thank you! :)
Reply
Add a Comment: