Deviant Login Shop
 Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
15,780 (28 today)
Favourites
564 (who?)
Comments
100

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:
 
:iconsydkitty13:
Sydkitty13 Featured By Owner Jul 1, 2014  Hobbyist Digital 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 18 hours ago
For transparent box use this: cyphervisor.deviantart.com/art…
Reply
:iconmamaelm:
MamaELM Featured By Owner Jun 20, 2014  Professional General Artist
I'm trying to use version two, but inside this content box, White Content-Holder Boxes by CypherVisor
I just want the white content box instead, so the top and bottom gaps are white instead of the dA green.

Is there a way to do that? I've tried putting the two codes together, but they either overlap, or mess up... :(
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 18 hours ago
Actually, what you want is the version 1 because that's the same white content holder box. You just need to have space before and after the image in it.

You may try using <br> tags at the top and bottom of the img codes and see if works.
Reply
:iconmamaelm:
MamaELM Featured By Owner 18 hours ago  Professional General Artist
Thanks!
Reply
:iconk0shii:
K0SHII Featured By Owner May 12, 2014
I cant get it >3<..
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 18, 2014
Hmm :hmm:

What do i do in this case? Read the tutorial thoroughly again?
Reply
:iconmochifiish:
MochiFiish Featured By Owner Feb 22, 2014   Traditional Artist
how do you get it with a shadow? o3o
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Feb 22, 2014
Where shadow? :hmm:
Reply
:iconmochifiish:
MochiFiish Featured By Owner Feb 22, 2014   Traditional Artist
how do you get the content holder to have a shadow?
Reply
Add a Comment: