Shop Mobile More Submit  Join Login
×




Details

Submitted on
June 15, 2010
Image Size
18.9 KB
Resolution
438×371
Link
Thumb
Embed

Stats

Views
40,434 (1 today)
Favourites
2,109 (who?)
Comments
216

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
EXTRUDED content-holder box by CypherVisor EXTRUDED content-holder box 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:



Box 1:
<div class="gr-box gr-headless"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-body"><div class="gr pp"><div align="center"><b>CONTENT HEADING HERE</b></div><br>Body text here..</div></div><i class="gr3"></i><i class="gr2"></i><i class="gr1"></i></div>


Box 2:
<div class="gr-box gr-headless"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-body"><div class="gr pp"><div align="center"><b>CONTENT HEADING HERE</b><div class="gr-top"></div></div><br>Body text here..</div></div><i class="gr3"></i><i class="gr2"></i><i class="gr1"></i></div>


Box 3:
<div class="gr-box gr-headless"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-body"><div class="gr pp">Body text here..</div></div><i class="gr3"></i><i class="gr2"></i><i class="gr1"></i></div>




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:
 
:iconhexfloog:
Hexfloog Featured By Owner Aug 16, 2014  Hobbyist General Artist
Hi!  Is there a reason this keeps happening? sta.sh/0j2q7j5m4vf  I know it's really minor, but it keeps bothering me.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 17, 2014
There should be a </div> tag missing after the "Body text here" part. Check it out.
Reply
:iconhexfloog:
Hexfloog Featured By Owner Aug 17, 2014  Hobbyist General Artist
Oh, got it!  Thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 17, 2014
yw :)
Reply
:iconraiinpaw:
Raiinpaw Featured By Owner Apr 11, 2014
That's a good explanation! But how can i do a normal white box?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 11, 2014
For other available content-holder boxes please check my gallery here: cyphervisor.deviantart.com/gal…
Reply
:iconraiinpaw:
Raiinpaw Featured By Owner Apr 12, 2014
Oh! Thanks so much dear, that helped a lot! ♥
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 12, 2014
yw :hug:
Reply
:iconraiinpaw:
Raiinpaw Featured By Owner Apr 11, 2014
Execuse me, can you give me the code to make a white box?
This box is green like the background of deviantart. Sweating a little... I think I've fainted. 
Reply
:iconweirdaholic:
Weirdaholic Featured By Owner Apr 10, 2014  Hobbyist General Artist
The boxes don't have a fix width. Is there an option how it could be fixed?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 11, 2014
It does have. But ofcourse, if you view in different screen resolutions it will change.
Reply
:iconweirdaholic:
Weirdaholic Featured By Owner Apr 11, 2014  Hobbyist General Artist
I found something better ^^
But thx! Your Tutorials are extremely helpful. The code of your customized profile, too! (to understand how the things are connected) xD
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 21, 2014
Cool! :love:
Reply
:iconweirdaholic:
Weirdaholic Featured By Owner Apr 10, 2014  Hobbyist General Artist
Found my Problem...
I had to put it into a custom widget... -.-
Reply
:iconxhavick-doptables:
xHavick-Doptables Featured By Owner Mar 5, 2014  Hobbyist Digital Artist
hum the boxes changed ^^ looks cool with yelllow
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Mar 15, 2014
hmm?
Reply
:iconxhavick-doptables:
xHavick-Doptables Featured By Owner Mar 15, 2014  Hobbyist Digital Artist
try use code box 2
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Mar 17, 2014
Oh okay I get it. :)
Reply
:iconkasuminightmare:
KasumiNightmare Featured By Owner Jan 11, 2014
do you now the size of the boxes? D:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 10, 2014
385px width I guess
Reply
:iconxserzus:
Xserzus Featured By Owner Dec 21, 2013  Hobbyist Digital Artist
Sir, I love you for all your hard work. So I shall donate some points :3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 22, 2013
Firstly, do not call me "Sir". And thanks you for your love and support! Much appreciated it! :thanks:
Reply
:iconxserzus:
Xserzus Featured By Owner Dec 22, 2013  Hobbyist Digital Artist
ok :D and no problem!
Reply
:iconstafree:
STAFREE Featured By Owner Nov 14, 2013  Hobbyist Digital Artist
I copied and pasted the Custombox  box 1 but I haven't got... and there is no text :c
maybe I'm doing something wrong?..
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 19, 2013
Just tested. And everything is working fine. Yes, please check your code again.

Thanks. :)
Reply
:iconstafree:
STAFREE Featured By Owner Nov 19, 2013  Hobbyist Digital Artist
Everything works, Yes.
wrong asked
I want to do this table against the background of .о.
Is it possible?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 20, 2013
Whaaa? Which table? and background of???
Reply
:iconfeligriffin:
Feligriffin Featured By Owner Oct 3, 2013  Student General Artist
Excuse me, I'm having some troubles with that... How are we able to change the font code?
Reply
:iconcorviids:
corviids Featured By Owner Sep 20, 2013  Hobbyist Digital Artist
This works great! But when I try adding my custom box background and save, then all the boxes disappear. I am trying to use them so I can use the semi-transparent content holder, But I cant get very far without the boxes there! xD
Any suggestions or anything?  
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 25, 2013
I think you can get your solution here: Custombox F.A.Q. + Tips and tricks

If you still have any problem then let me know. :thanks:
Reply
:iconcorviids:
corviids Featured By Owner Sep 25, 2013  Hobbyist Digital Artist
Oh, thank you! <33
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 26, 2013
yw :)
Reply
:iconftsarts:
FTSArts Featured By Owner Aug 27, 2013  Hobbyist General Artist
This is awesome, and I like the tutorial you made on putting an image for background of these. Two quick questions. 

1. Can I just dictate that the content holder box be transparent, or would that actually require me to make a transparent version of the current background for my custom box and link that into the content holder?  
2. Where would I change the width of the content holder box? I would like it to be half as wide as the custom box. 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 28, 2013
1) to make your box semi-transparent use this tut: cyphervisor.deviantart.com/art…

2) just insert an image inside the box which has larger width than the content holder box using the <img> tag. :) Please note that you cannot reduce the width..you can only increase it. :)
Reply
:iconftsarts:
FTSArts Featured By Owner Aug 28, 2013  Hobbyist General Artist
I see! thanks so much for your quick reply! :D 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 29, 2013

You're most welcome! :hug:

Reply
:iconyaitilia:
Yaitilia Featured By Owner Jul 22, 2013  Professional General Artist
Now I canmake an image for my custom box. 
How long I wished this.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 23, 2013
:hug:
Reply
:iconyaitilia:
Yaitilia Featured By Owner Jul 23, 2013  Professional General Artist
:highfive:
Reply
:iconmister-winchester:
Mister-Winchester Featured By Owner Jul 16, 2013  Hobbyist Traditional Artist
Can you change the background of the content holder boxes to something like this
Reply
:iconmister-winchester:
Mister-Winchester Featured By Owner Jul 17, 2013  Hobbyist Traditional Artist
oh thank you<3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 17, 2013
yw :)
Reply
:iconmorishizen:
MorisHizen Featured By Owner Jun 8, 2013  Hobbyist Digital Artist
lol,sorry.OO
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 10, 2013
it's k :)
Reply
:iconmorishizen:
MorisHizen Featured By Owner Jun 8, 2013  Hobbyist Digital Artist
Use

:thumb256727061: :thumb255663033: :thumb255849553:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 10, 2013
Haha...I see. But nah, I don't wana use them. :)
Reply
:iconberriebubbles:
berriebubbles Featured By Owner Apr 7, 2013  Student General Artist
Thank you so much for this tutorial! I've been looking for something like this for a while!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 8, 2013
You are most welcome! :hug:
Reply
Add a Comment: