Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
June 30, 2013
Image Size
45.5 KB
Resolution
694×879
Link
Thumb
Embed

Stats

Views
4,502 (1 today)
Favourites
217 (who?)
Comments
20

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Non-Shadow Content-holder box (With buttons) by CypherVisor Non-Shadow Content-holder box (With buttons) 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 or group page.



SOURCE CODE:




STYLE 1:

Box with 2 Buttons:
<div class="ccexpanded"><div class="inputs modal modal-rounded"><br><h3 align="center">CONTENT HEADING HERE</h3><br><div class="phone-modal"><div class="pp" align="left">Body text here...</div></div><div class="modal-button-holder"><div class="thumb-holder" align="center"><a href="URL" class="smbutton smbutton-normal smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-green smbutton-small"><span class="post">Button</span></a></div></div></div></div>


Box with 3 Buttons:
<div class="ccexpanded"><div class="inputs modal modal-rounded" align="center"><br><h3 align="center">CONTENT HEADING HERE</h3><br><div class="phone-modal"><div class="pp" align="left">Body text here...</div></div><div class="modal-button-holder"><div class="thumb-holder" align="center"><a href="URL" class="smbutton smbutton-blue smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-green smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-red smbutton-small"><span class="post">Button</span></a></div></div></div></div>



STYLE 2:

Box with 2 Buttons:
<div class="ccexpanded"><div class="inputs modal modal-rounded modal-dialog"><div class="modal-dialog-header roundedTop"><h2>CONTENT HEADING HERE</h2></div><div class="modal-dialog-body pp" align="left"><br>Body text here...<br><br></div><div class="modal-dialog-footer rounded"><div class="thumb-holder" align="center"><a href="URL" class="smbutton smbutton-normal smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-green smbutton-small"><span class="post">Button</span></a></div></div></div></div>


Box with 3 Buttons:
<div class="ccexpanded"><div class="inputs modal modal-rounded modal-dialog"><div class="modal-dialog-header roundedTop"><h2>CONTENT HEADING HERE</h2></div><div class="modal-dialog-body pp" align="left"><br>Body text here...<br><br></div><div class="modal-dialog-footer rounded"><div class="thumb-holder" align="center"><a href="URL" class="smbutton smbutton-blue smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-green smbutton-small"><span class="post">Button</span></a> <a href="URL" class="smbutton smbutton-red smbutton-small"><span class="post">Button</span></a></div></div></div></div>


----------------------------------------------------------------------------------------------
*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">

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

*You can change the color of your buttons by changing the "smbutton-red" to other colors from here: cyphervisor.deviantart.com/art.....

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



These were originally founded by =LabLayers I have resubmitted these by making modification to his original codes with his consent knowledge.


Other similar boxes







Want to customize your profile more?


Check all my free resources + tutorials: somrat.deviantart.com/gallery/...



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:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconkara-storm:
Kara-Storm Featured By Owner Jun 17, 2014  Hobbyist Traditional Artist
This is fantastic! Thankyou very much for making it :dalove:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 27, 2014
my pleasure. :hug:
Reply
:icontropical-sunset:
Tropical-Sunset Featured By Owner Apr 6, 2014  Hobbyist Digital Artist
Thank you for this. is their a way to add custom backgrounds to this or no?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 6, 2014
I haven't tried yet so I can't confirm about it.
Reply
:icontropical-sunset:
Tropical-Sunset Featured By Owner Apr 6, 2014  Hobbyist Digital Artist
Okay
Reply
:icondarkskyblue:
DarkSkyBlue Featured By Owner Feb 4, 2014  Hobbyist General Artist
I'm trying to set this up with spaces between the buttons like you have, but when i do it they're directly next to each other. Am i doing something wrong?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 5, 2014
It works fine if you just copy paste the code from the description doesn't it? Can you show me the code that you using perhaps?
Reply
:icondarkskyblue:
DarkSkyBlue Featured By Owner Feb 6, 2014  Hobbyist General Artist
Nevermind. I think I'm just not going to use this, but thanks anyway.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 6, 2014
Okay
Reply
:icontruucey:
Truucey Featured By Owner Jan 5, 2014  Hobbyist General Artist
Is there a buttonless version?
Reply
Add a Comment: