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
185,110 (39 today)
Favourites
2,408 (who?)
Comments
1,337

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:
 
:iconxkawaii-sparta:
xkawaii-sparta Featured By Owner 17 hours ago  Student Digital Artist
hey i have a question! whhen i try this, a little box with a black x in it shows up and i cant seen to figure out why. if you go to my page you will see it, do you have any idea why this is happening??
Reply
:iconchampionx91:
Championx91 Featured By Owner 18 hours ago
I have a question, how can this person "muzzlemutt" have a longer featured Deviation "bliss"?
Reply
:icond-e-l-e-t-e-d:
d-e-l-e-t-e-d Featured By Owner 2 days ago  New member Hobbyist Writer
Will this ever be available for literature deviations?
Reply
:iconfoxypika:
FoxyPika Featured By Owner Edited 6 days ago  Hobbyist General Artist
I got it messed up ;n;

it looked either like this: sta.sh/01rzyvxdihuq or the image was so big that only about 1/4 of it could be seen on the widget..
Reply
:iconatomicbubbles101:
AtomicBubbles101 Featured By Owner 6 days ago  Hobbyist Digital Artist
Okay, is this for the "newest deviations" widget or the "featured deviation" widget?
Reply
:icontonystarks-girl:
TonyStarks-Girl Featured By Owner Sep 10, 2014  Hobbyist Writer
Does this only work for actual images, not literature? 
Reply
:iconwilczyca117:
wilczyca117 Featured By Owner Sep 1, 2014  Student Digital Artist
hi, I did it and I got this sta.sh/0222o8h99fxy why is my pic on the right side and not in the middle? :(
Reply
:iconspringgalaxy:
SpringGalaxy Featured By Owner Aug 30, 2014  Student Artist
Can u plz make this downloadable? A little blurry for me, thx
Reply
:icongalagya:
Galagya Featured By Owner Aug 28, 2014  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 Aug 25, 2014  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
Add a Comment: