Shop More Submit  Join Login
×




Details

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

Stats

Views
190,167 (150 today)
Favourites
2,455 (who?)
Comments
1,408

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:
 
:iconpuffcatsart:
PuffCatsArt Featured By Owner 7 hours ago  Student Digital Artist
I just have one question what do do you do when it's on sitback and theres no one picture to take the URL from
Reply
:iconr35tart:
R35TART Featured By Owner Edited Oct 16, 2014  Hobbyist General Artist
Is there a way to make images repeat so I don't have to stretch them?
I have a pattern and it stretches to fit but looks ugly when I do that, how would I fix that?
Reply
:iconr35tart:
R35TART Featured By Owner Oct 18, 2014  Hobbyist General Artist
Actually change the question,

I added a background but it keeps removing/overlapping my content box leaving behind my scrollbox.
How can I fix this?
Reply
:iconshina-k:
Shina-K Featured By Owner Oct 16, 2014  Student General Artist
Will this work with featured Journals?
Reply
:iconsafeyah-raiwbow:
Safeyah-Raiwbow Featured By Owner Oct 15, 2014  New member Hobbyist Artist
Not background (Featured Deviation) :( , how to Featured Deviation background ?
Reply
:icontriplet99c:
triplet99c Featured By Owner Oct 15, 2014
I am having a lot of trouble with this... All the backgrounds I pick are too short, the background covers up my writings below and the image is too big...
Reply
:iconrazska:
Razska Featured By Owner Oct 15, 2014  Hobbyist General Artist
I'm having the same issue as GamingGoru....the image is just slightly too big for the box with no room for the description, what went wrong?
Reply
:iconrabenfeder:
Rabenfeder Featured By Owner Oct 13, 2014  Hobbyist General Artist
Hey, first off, thanks for he tutorial!
I however have a problem with adding a background to my "Newest Deviations" because whenever I try to add a text, it just gives me the background image without my actual art @@
Do I have to make thumbs for every single one of them (like I did for my 3 current deviations) or is there a way to only edit the background? :s
Reply
:icongaminggoru:
GamingGoru Featured By Owner Oct 11, 2014  Student Digital Artist
It's not working right for me. I copied my featured deviation's image URL without being in editing mode, added it to my code, and the image gets too big and it doesn't fit the widget box. It ends up looking like this: Problem with Proportion <-- (Click to view)
Am I doing something wrong?
Reply
:iconurging:
urging Featured By Owner Oct 5, 2014
daaaaaaaaaang you are devoted to these commenters. props to you for all the work you put into your uploads!!
and thanks a bunch for doing them in the first place, because i hella appreciate these.
Reply
Add a Comment: