Shop Mobile More Submit  Join Login
Red and Green content-holder boxes by CypherVisor Red and Green 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 or group page.



SOURCE CODE:



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"><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription"><div align="left">Body text here.</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"><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"><div align="left">Body text here.</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 i7"></i><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch no_subscription"><div align="left">Body text here.</div></div>


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"><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription"><div align="left">Body text here.</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"><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"><div align="left">Body text here.</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 i17"></i><div align="left"><div class="thumb-holder cc-name">Title heading here</div></div></div></div><div class="subscription_pitch has_subscription"><div align="left">Body text here.</div></div>




How to customize icons?


Check this tutorial: fav.me/d2rxgqr




Other variants







Get the BLUE version here






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:
 
:iconpassion-aesthete:
passion-aesthete Featured By Owner May 25, 2014  Hobbyist General Artist
oh :( this is not working on my custom box. Only the heading is appearing and instead of the body text, there is nothing :(
I didn't post it on my main page, I discovered it with the preview while checking before posting...
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 25, 2014
It should work after saving it...also try after installing the commission widget too
Reply
:icontiakaneko:
tiakaneko Featured By Owner Aug 24, 2013  Professional Digital Artist
What is the CSS needed for this feature? The reason I'm asking is because I need to use it in a custom journal skin, not dA's official one, so I think that's why it doesn't work with custom skins.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 24, 2013
The following:

.has_subscription{background-color:#97c061;} .no_subscription{background-color:#B73E62;}
Reply
:icontiakaneko:
tiakaneko Featured By Owner Aug 24, 2013  Professional Digital Artist
Thank you!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 26, 2013

You're welcome! :hug:

Reply
:iconraindiederichtw:
RainDiederichTW Featured By Owner Aug 1, 2013  Hobbyist Digital Artist
When i try to put body text in on the second red/pink colour, the header stays but the box isnt there :s ??
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 6, 2013
It happens due to non-availability of some widget in your profile. Try matching up the widgets that I have currently installed in my page with yours and the ones that are missing in your page just install it and see if it works. :)
Reply
:iconmossfire365:
Mossfire365 Featured By Owner Jul 22, 2013  Hobbyist Digital Artist
Sorry to bother you! The boxes won't come up in my custom box. Do you know why??
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 23, 2013
It happens due to some missing widgets in your profile page. Try to match up the installed widgets in my page with yours to see if that gets it to work. :thanks:
Reply
:iconmossfire365:
Mossfire365 Featured By Owner Jul 23, 2013  Hobbyist Digital Artist
Thanks! Figured it out! ^^

I also wanted to ask if you knew the codes to make a picture float over the custom box, on all four sides. ^^;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 23, 2013

Have you checked this? Custombox F.A.Q. + Tips and tricks

Reply
:iconmossfire365:
Mossfire365 Featured By Owner Jul 23, 2013  Hobbyist Digital Artist
Thanks! ^^
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 23, 2013
yw :)
Reply
:iconjenny96ist:
jenny96ist Featured By Owner May 18, 2013  Student Digital Artist
i want a box like these but in green how can i change the colour?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 18, 2013
You can't. :(
Reply
:iconjenny96ist:
jenny96ist Featured By Owner May 19, 2013  Student Digital Artist
aww to bad :c thanks for awnsering on my question though youre tutorals are amazing and really help full c:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 19, 2013
NP and thanks! :hug:
Reply
:iconjenny96ist:
jenny96ist Featured By Owner May 19, 2013  Student Digital Artist
keep up the good work btw do you have any toturals on how to make journal skins cause i want to improve my coding ^^;
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 19, 2013
Thanks. And nah, I did not make any skin tutorial coz there are already made by many others in DA. :)
Reply
:iconjenny96ist:
jenny96ist Featured By Owner May 19, 2013  Student Digital Artist
okay thanks :)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 19, 2013
YW :)
Reply
(1 Reply)
:iconnil:
nil Featured By Owner Apr 30, 2013  Student Digital Artist
Why arent the bottoms rounded? :c
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 1, 2013
because it is not possible. :(
Reply
:iconartbeginshere:
ArtBeginsHere Featured By Owner Feb 19, 2013  Hobbyist Digital Artist
I'm trying to get a background behind the box, but it covers it.

Where would I place the code in the custom box that won't make it go in front of everything :c
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 20, 2013
It is perfectly normal. You just need to copy the existing content and re-write your content in the "body text here.." part of the code.

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

Thanks :)
Reply
:iconartbeginshere:
ArtBeginsHere Featured By Owner Feb 20, 2013  Hobbyist Digital Artist
Thank you! :heart:

Have a great day! :tighthug:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 20, 2013
u too! :)
Reply
:iconnovie-kenari:
Novie-Kenari Featured By Owner Nov 23, 2012  Student General Artist
hey im trying to get green box number two to work but all i get from that code is the header without the green box.... clueless on what to do with it
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 24, 2012
Ohk. That is one problems faced by some other people too. It happens for some reason that I don't know. Some of them got it working by installing all the widgets in the profile. No particular solution for this though. :(

It is something strange. Can you please try it and see if you get it working and let me know what you did and have you get it working. If yes, how??
Reply
:iconbananamau5:
Bananamau5 Featured By Owner Nov 17, 2012
Is there a red Content Holder without the Title heading?
Just like this: [link] ( The bottom one. )
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Nov 24, 2012
No. Though you can use the red button code as a content-holder boxes from here [link]
Reply
:icontheduckster:
TheDuckster Featured By Owner Sep 5, 2012  Student Digital Artist
is there a way to make the red a bit more ruby/blood red? if not that's cool, just curious
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 30, 2012
Ah, no that's not possible. :)
Reply
:icontheduckster:
TheDuckster Featured By Owner Sep 30, 2012  Student Digital Artist
Okay thanks for letting me know ^^
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 30, 2012
It's my pleasure. You're most welcome! :hug:
Reply
:iconh-leao:
h-leao Featured By Owner Aug 28, 2012  Professional Digital Artist
Can you help me to make an Sta.writer skin, using your blue version?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 30, 2012
You want to get a journal skin with that blue color? Is that what you mean? :)
Reply
:iconh-leao:
h-leao Featured By Owner Aug 30, 2012  Professional Digital Artist
yes, is there any possibility?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 1, 2012
Its very very simple actually! :XD:
Reply
:iconh-leao:
h-leao Featured By Owner Sep 6, 2012  Professional Digital Artist
How much points you ask to make a journal?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 30, 2012
You can find that details in my profile page itself. Here's the direct link to the journal [link]
Reply
:icongallopingfreedom:
GallopingFreedom Featured By Owner Aug 21, 2012  Hobbyist Photographer
I would like the green one without a header thing, is it possible?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 21, 2012
I've updated the description of this deviation with the links to non-header version of the same. :) Please have a look at the description. :hug:
Reply
:iconmagicallymonique:
MagicallyMonique Featured By Owner Aug 20, 2012  Student General Artist
Is it possible to have the pink one without a header???
just wondering ^^ its fine if not ! Thank you so much for all of your resources ! :heart:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 21, 2012
I've updated the description of this deviation with the links to non-header version of the same. :) Please have a look at the description. :hug:
Reply
:iconmagicallymonique:
MagicallyMonique Featured By Owner Aug 23, 2012  Student General Artist
OH sorry !!! DX But thank you very much ! :iconredbullglompplz:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 30, 2012
No problem at all! You're most welcome! :hug:
Reply
:iconforty-fathoms:
Forty-Fathoms Featured By Owner Aug 19, 2012  Professional General Artist
These ones won't come up either. And all I did was copy and paste.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 19, 2012
as said in your other comment just try installing all widgets in your profile and trying using these codes again. :aww:
Reply
Add a Comment:
 
×




Details

Submitted on
July 20, 2012
Image Size
65.7 KB
Resolution
512×1175
Link
Thumb
Embed

Stats

Views
10,661 (1 today)
Favourites
416 (who?)
Comments
124

License

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