Shop Mobile More Submit  Join Login
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.

:iconprince-kuroha:
prince-kuroha Featured By Owner Feb 8, 2015
hello !
is there a way where you can make boxes go to the side ?
like one box on the left and the other on the right just like these buttons ?
Reply
:iconshadow-charmer:
Shadow-charmer Featured By Owner Dec 28, 2014  Hobbyist Interface Designer
hey there, these are excellently designed and I really want to use them but i realise that it isn't possible to add a line break in the body text area..
the lines go all funny D:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 28, 2014
Yeah, you are right. :hmm:

May be use Underscores instead like this: ________________
Reply
:iconshadow-charmer:
Shadow-charmer Featured By Owner Dec 29, 2014  Hobbyist Interface Designer
oh well i've found another way to bypass it though c:
Reply
:iconkara-storm:
Kara-Storm Featured By Owner Jun 17, 2014   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
:iconp-b-o-f:
P-B-O-F 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
:iconp-b-o-f:
P-B-O-F Featured By Owner Apr 6, 2014  Hobbyist Digital Artist
Okay
Reply
:icondarkskyblue:
DarkSkyBlue Featured By Owner Feb 4, 2014
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
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
:icona-p-p-l-e-j-u-i-c-e:
A-p-p-l-e-j-u-i-c-e Featured By Owner Sep 4, 2013  Hobbyist Traditional Artist
i cant rename my buttons
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 12, 2013
You should be...

Change the text where it says "Button" at the bottom of the code

span class="post">Button</span
Reply
:icona-p-p-l-e-j-u-i-c-e:
A-p-p-l-e-j-u-i-c-e Featured By Owner Sep 12, 2013  Hobbyist Traditional Artist
Okai
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 13, 2013
:)
Reply
:icona-p-p-l-e-j-u-i-c-e:
A-p-p-l-e-j-u-i-c-e Featured By Owner Sep 4, 2013  Hobbyist Traditional Artist
like its stuck as button
Reply
:iconkaji-koneko:
Kaji-Koneko Featured By Owner Jul 1, 2013  Hobbyist Digital Artist
Will you be making a white one of these? o:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 2, 2013
I am afraid that is not available. :(
Reply
:iconkaji-koneko:
Kaji-Koneko Featured By Owner Jul 2, 2013  Hobbyist Digital Artist
oh oki ;u; still great work, I love using your boxes and buttons :la:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 2, 2013
Thanks! :hug: Enjoy! :love:
Reply
Add a Comment:
 
×




Details

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

Stats

Views
6,672
Favourites
296 (who?)
Comments
25

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×