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
174,490 (28 today)
Favourites
2,338 (who?)
Comments
1,284

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:
 
:icongoldendragonart:
GoldenDragonART Featured By Owner 1 hour ago  Hobbyist Digital Artist
i have tried to do this a lot of times now, but i keep getting this prntscr.com/483a1z result.
and the text dissapears completly
Reply
:iconpokemonspriter11:
PokemonSpriter11 Featured By Owner Jul 12, 2014  Hobbyist Digital Artist
My Image doesn't show up at all, But no one replies to these comments anyway
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
Possibly, your image link is incorrect. :) Just check if your image link is opening in the browser.
Reply
:iconelshima:
ElShima Featured By Owner Jul 14, 2014  Hobbyist General Artist
if it doesn't work, make sure you have the links in the right spot. Like for example, the Background URL (basically click download on the picture you want for you BG) goes in the background slot, the LINK TO THE PAGE WITH THE DEVIATION (not the pictures actual downloaded URL) goes in the "deviation URL" and the ACTUAL DOWNLOADED FULL SIZE URL goes in the "deviation-image-url"
I had those last two mixed up but once I switched they worked! Now the issue i'm having is how big the picture is that I want to display D:
Hope that helps!
Reply
:iconpokemonspriter11:
PokemonSpriter11 Featured By Owner Jul 16, 2014  Hobbyist Digital Artist
Honestly had no clue what this was about :P But It (Sort of) Fixed
Reply
:iconelshima:
ElShima Featured By Owner Jul 16, 2014  Hobbyist General Artist
hahaha omg sorry xD I saw it and was like "omg i know how to fix it -must help." but good!!
Reply
:icontienala:
Tienala Featured By Owner Jul 10, 2014  Hobbyist
these stuff NEVER work with me :nuu: :(
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 2 days ago
Hmm.. :hmm:

Well, what do I say? Please follow each step thoroughly.
Reply
:iconelshima:
ElShima Featured By Owner Jul 14, 2014  Hobbyist General Artist
if it doesn't work, make sure you have the links in the right spot. Like for example, the Background URL (basically click download on the picture you want for you BG) goes in the background slot, the LINK TO THE PAGE WITH THE DEVIATION (not the pictures actual downloaded URL) goes in the "deviation URL" and the ACTUAL DOWNLOADED FULL SIZE URL goes in the "deviation-image-url"
I had those last two mixed up but once I switched they worked! Now the issue i'm having is how big the picture is that I want to display D:
Hope that helps!
Reply
:iconthewickedwordsmith:
TheWickedWordsmith Featured By Owner Jul 7, 2014  Hobbyist General Artist
What if the featured deviation is not an image? What then?
Reply
Add a Comment: