Shop Mobile More Submit  Join Login
×




Details

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

Stats

Views
201,075 (130 today)
Favourites
2,516 (who?)
Comments
1,414

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:
 
:icontheshiranja:
TheShiranja Featured By Owner Dec 7, 2014  Hobbyist Traditional Artist
I tried your tutorial here and I must say, it was my first time doing codes but I managed and even learned something new :D
Thanks very much for doing this.
However I used the Favourite Deviation widget to do this, but there is a huge space between the picture and the first box. I tried removing all breaks but I didn't change. What could cause this? (you'll see what I mean when you look on my profile)
Reply
:iconxxetienettexx:
xXEtienetteXx Featured By Owner Nov 10, 2014
To anyone who is having issues with their image being too big for the box:

Go to your desired deviation, hit the Edit button, and copy the URL from the thumbnail of the deviation.
This in a way, will 'resize' the image to a suitable standard.
Reply
:iconfloyddowel:
FloydDowel Featured By Owner Nov 3, 2014  New member
Its to big for me also for my box with no room
Reply
:iconnovember-wishes:
November-Wishes Featured By Owner Oct 27, 2014  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 Oct 26, 2014  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 Oct 25, 2014  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
Add a Comment: