Shop More Submit  Join Login
×




Details

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

Stats

Views
191,435 (34 today)
Favourites
2,455 (who?)
Comments
1,410

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:
 
:iconnovember-wishes:
November-Wishes Featured By Owner 4 days ago  New member Hobbyist Digital Artist
I can get the picture to show up just fine, (Thank you very much for these tutorials!), but for some reason the image is doubled..? 
november-wishes.deviantart.com… (The welcome picture)
Reply
:iconjanda9963:
janda9963 Featured By Owner 5 days ago  New member
the image is just slightly too big for the box with no room for the description pie susu dhian , what went wrong?
Reply
:iconpuffcatsart:
PuffCatsArt Featured By Owner 6 days 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
Add a Comment: