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
181,597 (142 today)
Favourites
2,379 (who?)
Comments
1,330

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:
 
:iconspringgalaxy:
SpringGalaxy Featured By Owner 7 hours ago  Student Artist
Can u plz make this downloadable? A little blurry for me, thx
Reply
:icongalagya:
Galagya Featured By Owner 1 day ago  Professional General Artist
definitely didn't work for me. trying again though - maybe I did something wrong? I hate how da allows some code but not most of it. ugh!
Reply
:iconprincessembracemlp:
PrincessEmbraceMLP Featured By Owner 5 days ago  Hobbyist Digital Artist
I got it wrong at first lol. But I got it now, thank you so much! This was very helpful, like your other tutorials! 
Reply
:iconodddisease:
OddDisease Featured By Owner Aug 23, 2014  Hobbyist General Artist
My picture is a thumbnail instead of a proper Feature preview. Could you help/explain? odddisease.deviantart.com/
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 6 days ago
It will work as it is if you follow the tutorial.

However, please note that this code works in a premium member's account only. :nod:
Reply
:iconstrawberry-turtles:
Strawberry-Turtles Featured By Owner Aug 22, 2014  Hobbyist Digital Artist
THANK YOU so much! This is so helpful!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 23, 2014
It's my pleasure. :hug:
Reply
:iconpokimagicallyraxd:
PokiMagicalLyraXD Featured By Owner Aug 18, 2014  Student Traditional Artist
May I ask? Is there is one for the Donation Widget background tutorial? Thank you!! ^^ 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 20, 2014
I'll make one for it soon (as soon as I have time) :)
Reply
:iconpokimagicallyraxd:
PokiMagicalLyraXD Featured By Owner Aug 20, 2014  Student Traditional Artist
Okay thank you! ^u^ Don't rush there's still a lots of chance to make one X3 ;P 
Reply
Add a Comment: