Shop Mobile More Submit  Join Login
×




Details

Submitted on
July 7, 2012
Image Size
32.5 KB
Resolution
482×1094
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
24,212 (2 today)
Favourites
300 (who?)
Comments
55

License

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



Green Box 1:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i41"></i><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


Green Box 2:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


Green Box 3:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i52"></i><div align="center"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>



Red Box 1:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i19"></i><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


Red Box 2:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


Red Box 3:

<i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i52"></i><div align="center"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription">Header text here..</div><div class="gr-body"><div align="center" class="blues-bar"><div class="blues-bar-ctrl p"><div class="thumb-holder alink">
Body text here.
<br /><br /></div></div></div></div>


How to customize icons?


Check this tutorial: [link]



Shiny content-holder boxes v1 (Default GREY color)






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:
 
:iconcute-heart:
Cute-Heart Featured By Owner Jun 14, 2013  Student General Artist
nice :D
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jun 14, 2013
ty! :hug:
Reply
:iconstrawberry-bamboo:
Strawberry-Bamboo Featured By Owner May 5, 2013
I just tried to use this and another custom box tutorial with the links and neither work in a non-premium group (and placed in a custom-box) is there a reason?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 8, 2013
Non-premium group do not have special html and css enabled in their page to use these codes that's why.
Reply
:iconstrawberry-bamboo:
Strawberry-Bamboo Featured By Owner May 9, 2013
Yeah just realised after I posted it lol.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 9, 2013
Okay :)
Reply
:iconstrawberry-bamboo:
Strawberry-Bamboo Featured By Owner May 5, 2013
Think I figured why. Was pasting into a non-premium group. ^^
Reply
:iconallergria:
Allergria Featured By Owner Nov 4, 2012
Do you have a tutorial on how to get a scroller box in a custom box? I keep trying to find one but there all about journals Q.Q and theres literally only one tutorial i can find on it, and it dont make sence
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 5, 2012
As far as I've tried (long back) you can't have scroll box in a custom box. Where did you find this tutorial on the scroll box btw?
Reply
:iconallergria:
Allergria Featured By Owner Nov 5, 2012
[link] That was the tutorial, it didnt make scence to me, apparently the scroll boxes are only for journals, this tutorial is where you need to download stuff, and i downloaded it and it was all saying its only for journals.. I tryed the code and it didnt work, but before ive seen people with scroll boxes in there custom boxes, so im confused D: . (I hope this made scence x'D)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 8, 2012
Yes, this tutorial is for journals. I will check it out for custom box today.
Reply
:iconallergria:
Allergria Featured By Owner Dec 8, 2012
ok thank you so much! <3 c:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 9, 2012
yw! :hug:
Reply
:iconayee-san:
Ayee-San Featured By Owner Oct 29, 2012  Student Digital Artist
why is it happening? [link] [link]
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 3, 2012
Do not put space between the codes </div><i class="gr1"....
Reply
:iconayee-san:
Ayee-San Featured By Owner Nov 3, 2012  Student Digital Artist
Oh, okay, thank u!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 3, 2012
It's my pleasure. You're most welcome! :hug:
Reply
:icontsunadeshirahime:
TsunadeShirahime Featured By Owner Oct 7, 2012  Student
Hello, is there a way to remove that default "custom" header? I mean, I see a box in the box. XD
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 3, 2012
Ah...NO. :giggle:

You can't do anything to the outer box. :XD:
Reply
:icontsunadeshirahime:
TsunadeShirahime Featured By Owner Nov 4, 2012  Student
I couldn't explain myself better, sorry T_T
I see, thanks for answering! ♥
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 8, 2012
No problem! :hug:
Reply
:iconmyc-chan:
MyC-chan Featured By Owner Aug 20, 2012  Hobbyist Digital Artist
Thank you this looks great and i am working on customizing my profile so its really handy,thank you for posting this =3
I do have a question thought XD
how do you change the color? Are only those possible or can you turn it into any other color? If so how do you do that.
What exactly is the thumb-holder cc-name in the

im sorry if you may have explained this before i did not find it =3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 30, 2012
There aren't other colors available. And the thumb-holder cc-name are classes defined in dA to use for writing custom box title heading. :)
Reply
:iconmyc-chan:
MyC-chan Featured By Owner Aug 30, 2012  Hobbyist Digital Artist
ah i see
and how do you know which class uses which code/ how many classes are there
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 30, 2012
I fiddle around with DA a lot. Well, there may be thousands of classes in dA :O
Reply
:icontouc:
touc Featured By Owner Jul 17, 2012
oh hey I have a question
so there's a little icon on the side, like "icon i41" etc
how can I change the icon, and is there a list or something for this? :)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 17, 2012
Please check the description properly. You'll understand the rest! :hug:
Reply
:icontouc:
touc Featured By Owner Jul 17, 2012
ooh, now I see it!
thanks a lot :hug:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 17, 2012
Np :)
Reply
:iconsarah-bk:
Sarah-BK Featured By Owner Jul 16, 2012  Hobbyist Photographer
Trying to use them now but for some reason the green/red header text part is not showing up for me - including the text :/ Just like that header part never existed! Even if I just copy and paste the code straight as it is... Can't understand why :/

Other then that, they look lovely! (It's why I'm trying to apply them after all :P)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 17, 2012
Sure you're using the codes provided here? Or are you using the code from this one... [link]
Reply
:iconsarah-bk:
Sarah-BK Featured By Owner Jul 17, 2012  Hobbyist Photographer
Nono... code is from the right one :) Even the code - has the "Header text here" in the code yet the text doesn't show...
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 18, 2012
Now, that's weird! :confused:

I've cross checked in my profile and its working fine. Don't know what is wrong in your side.. :hmm:
Reply
:iconsarah-bk:
Sarah-BK Featured By Owner Jul 18, 2012  Hobbyist Photographer
I just re-checked and it's still not showing up! I don't think it's got anything to do with the codes... maybe there's something wrong from dA's side?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 19, 2012
I don't know. Its working fine in my profile. Don't know why it isn't working in your profile. :(
Reply
:iconsarah-bk:
Sarah-BK Featured By Owner Jul 21, 2012  Hobbyist Photographer
Can't understand either :/ Oh well... ^^;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 21, 2012
:confused:
Reply
:iconbananamau5:
Bananamau5 Featured By Owner Jul 14, 2012
Is there a way to change the gray colour to another colour? c:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 15, 2012
Nope. :no:
Reply
:iconfactitioustruth:
FactitiousTruth Featured By Owner Jul 10, 2012  Hobbyist General Artist
Thank you very much for letting everyone use these nice boxes! :heart::heart:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 13, 2012
No problem at all! :hug:

Just enjoy! :D
Reply
:iconfactitioustruth:
FactitiousTruth Featured By Owner Jul 15, 2012  Hobbyist General Artist
:heart:
Reply
:iconjazzilady:
jazzilady Featured By Owner Jul 9, 2012  Hobbyist Digital Artist
What a great idea! Thank you for sharing these! :iconbugplz:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 13, 2012
No problem hun! :hug:
Reply
:iconlunurwolf:
lunurwolf Featured By Owner Jul 8, 2012  Student Traditional Artist
How do I change the icons? I mean I know to change them out but where do I get the new one?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 8, 2012
Please read the description of the deviation. Its clearly written there. :)
Reply
:iconlunurwolf:
lunurwolf Featured By Owner Jul 8, 2012  Student Traditional Artist
wow I feel like an idoit.....Thank you and sorry for the misunderstanding
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 8, 2012
That's okay. :hug:
Reply
:iconlunurwolf:
lunurwolf Featured By Owner Jul 9, 2012  Student Traditional Artist
:D
Reply
:iconsingingflames:
SingingFlames Featured By Owner Jul 8, 2012  Hobbyist Writer
:w00t: Thanks for posting these!
Reply
Add a Comment: