Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
June 27, 2010
Image Size
1.1 MB
Resolution
900×4016
Link
Thumb
Embed

Stats

Views
186,669 (121 today)
Favourites
2,424 (who?)
Comments
1,394

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Deviation-box background tutorial by CypherVisor Deviation-box background tutorial by CypherVisor

»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««





Updated: 23-Feb-2014





How to use ?


Just copy the source code(s) below and paste it in your Featured Deviation widget in your profile or group page.



Source Code:


<div class="popup2-moremenu"><br><div class="floaty-boat"><img align="center" src="BACKGROUND-URL"/><br></div></div><br><div class="popup2-moremenu"><br><div class="floaty-boat"><br><div align="center"><br><br><a href="DEVIATION-URL"><img src="DEVIATION-IMAGE-URL"/></a><br><br><br>DESCRIPTION TEXT HERE</div></div>




Code to stretch image (It works also as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :

---------------------------------------------------------------------------------------------------------------------------------------------
Insert the width and height in the <img> tag of the code as shown below:

<img width="YOUR-WIDTH-SIZE" height="YOUR-HEIGHT-SIZE" src="URL"/>


EXAMPLE:
<div class="popup2-moremenu"><br><div class="floaty-boat"><img align="center" width="1000" height="1600” src="BACKGROUND-URL"/><br></div></div><br><div class="popup2-moremenu"><br><div class="floaty-boat"><br><div align="center"><br><br><a href="DEVIATION-URL"><img src="DEVIATION-IMAGE-URL"/></a><br><br><br>DESCRIPTION TEXT HERE</div></div>




My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://fc04.deviantart.net/fs70/f/2014/053/8/a/deviationboxdemo_by_cyphervisor-d77jeon.jpg



Other tutorials

For custom-box widget:
Custom-box Background Tutorial by CypherVisor

For deviantID-box widget:
deviantID widget box customization tutorial by CypherVisor




Want to customize your profile page?


Check all my free resources + tutorials: [LINK]



Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks



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

Add a Comment:
 
:iconrms-olympic:
RMS-OLYMPIC Featured By Owner 2 days ago  Hobbyist General Artist
This is lovely...will it work for a none-premium member?
Sorry if I missed something!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
Nah, it won't work in a non-PM profile. :hmm:
Reply
:iconrms-olympic:
RMS-OLYMPIC Featured By Owner 2 days ago  Hobbyist General Artist
Oh, okay. Thanks. :D
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 1 day ago
yw :)
Reply
:iconelyio:
elyio Featured By Owner 3 days ago  Hobbyist Digital Artist
is this possible to put a background on a gallery folder from my profile?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 3 days ago
Yep. But you need to code the CSS of it though..

you can simply add this code:

body
{
background:url(YOUR_IMAGE_LINK);
}
Reply
:iconsuasite:
Suasite Featured By Owner 4 days ago  Hobbyist Digital Artist
Hi! I was wondering can I put a background on gallery folder vidget when it's put on sitback slideshow?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 4 days ago
With slideshow you can't use the current code. It doesn't work. :no:
Reply
:iconsuasite:
Suasite Featured By Owner 4 days ago  Hobbyist Digital Artist
Is there any other code for that or is it just impossible?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
I didn't find any working code for it as such (yet). So, yeah, it is not possible (as of now).
Reply
Add a Comment: