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
18,266 (1 today)
Favourites
595 (who?)
Comments
107

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:
 
: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 6 days ago  New member Hobbyist Digital Artist
Eeee it works! Thanks a lot! <3
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 6 days ago
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
:icona-p-p-l-e-j-u-i-c-e:
A-p-p-l-e-j-u-i-c-e Featured By Owner Jul 28, 2014  Hobbyist Traditional Artist
thanks
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jul 28, 2014
yw :)
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 Jul 27, 2014
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
Add a Comment: