Shop More Submit  Join Login
×




Details

Submitted on
March 10, 2013
Image Size
650 KB
Resolution
800×2100
Link
Thumb
Embed

Stats

Views
19,189 (19 today)
Favourites
613 (who?)
Comments
111

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Content-Holder Background tutorial by CypherVisor Content-Holder Background tutorial 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:



Version 1:
<div class="cctextarea"><div class="gr-body pp"><div class="popup2-moremenu"><div class="floaty-boat"><br><img src="DIRECT-IMAGE-URL"/></div></div><div class="gr-box gr-genericbox"><br>Body Text Here</div></div></div>

Version 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 pp"><div class="popup2-moremenu"><div class="floaty-boat"><br><img src="DIRECT-IMAGE-URL"/></div></div><div class="gr-box gr-genericbox"><br>Body Text Here</div></div><i class="gr3"></i><i class="gr2"></i><i class="gr1"></i></div>




My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://img208.imageshack.us/img208/5306/demogg.jpg



Other tutorials


Content-Holder Box Floating Image Tutorial:


Custom Box background tutorial:


Custom background for DeviantID-box widget:


Custom background for New deviation-box widget:




Want to customize your profile more?


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



Having any doubt? 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 Read-made Journal Skins. Send me a note to contact me.
Add a Comment:
 
:iconxavs-pixels:
xavs-pixels Featured By Owner Oct 5, 2014  Hobbyist Digital Artist
I'm thinking of trying to make my content holder boxes, what would be the size you would suggest to make them?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 5, 2014
Hmm? You can't make content holder boxes of your own. :hmm: The stuff that I upload are predefined things from the DA website.
Reply
:iconxavs-pixels:
xavs-pixels Featured By Owner Oct 5, 2014  Hobbyist Digital Artist
Alright, well thought ask since I don't really know much about these things, and not a lot of tutorials that are helpful on thise.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 6, 2014
No problem at all. :)
Reply
:iconchocoberrylollipop:
ChocoberryLollipop Featured By Owner Sep 13, 2014  New member Hobbyist Digital Artist
Hello! I wanted to know if it's possible putting a background image in these pretty boxes of yours:
Content-holder with SUB-LINKS1 by CypherVisor
And if yes, what would the code be? (I'm pretty dumb about coding ahah xD; )
Thanks a lot for all the time you use to give us such amazing resourches <3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 14, 2014
Copy the code from here:
Custom-box Background Tutorial by CypherVisor

And paste in the "body text here." part of the code of this content-holder box and it should work. :nod:
Reply
:iconchocoberrylollipop:
ChocoberryLollipop Featured By Owner Sep 14, 2014  New member Hobbyist Digital Artist
Eeee it works! Thanks a lot! <3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Sep 14, 2014
You're welcome. :)
Reply
:icona-p-p-l-e-j-u-i-c-e:
A-p-p-l-e-j-u-i-c-e Featured By Owner Jul 1, 2014  Hobbyist Traditional Artist
i;ve been trying to use a transparent image for my background but when i hit save its not see through at all
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 27, 2014
For transparent box use this: cyphervisor.deviantart.com/art…
Reply
Add a Comment: