HOME | DD

CypherVisor — Deviation-box background tutorial by-nc-nd

Published: 2010-06-27 21:20:30 +0000 UTC; Views: 327665; Favourites: 3177; Downloads: 0
Redirect to original
Description »»»»»»»»»»»»»»»»»»»»»»»»»»» 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:










DESCRIPTION TEXT HERE





Code to stretch image (It works also as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :---------------------------------------------------------------------------------------------------------------------------------------------
Insert the width and height in the tag of the code as shown below:

width="YOUR-WIDTH-SIZE" height="YOUR-HEIGHT-SIZE" src="URL"/>


EXAMPLE:

width="1000" height="1600” src="BACKGROUND-URL"/>








DESCRIPTION TEXT HERE





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:


For deviantID-box widget:





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 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
Related content
Comments: 1581

CypherVisor In reply to ??? [2013-04-11 17:02:52 +0000 UTC]

Firstly check whether the code is properly taken and implemented. Check the URLs again.

👍: 0 ⏩: 0

AG-sArt In reply to ??? [2013-04-09 13:43:47 +0000 UTC]

Oh, somehow now I understand how to make the image shown Sorry for the inconvenience I am kinda used to Norwegian words instead when it comes to the menu that shows Copy image link and so forth

👍: 0 ⏩: 0

Colby-Justus In reply to ??? [2013-03-30 05:41:06 +0000 UTC]

I am using safari and there is no copy link location or copy image location option Please help

👍: 0 ⏩: 1

CypherVisor In reply to Colby-Justus [2013-04-03 16:47:31 +0000 UTC]

Have you tried it in firefox or chrome?

👍: 0 ⏩: 1

Colby-Justus In reply to CypherVisor [2013-04-03 17:20:08 +0000 UTC]

i'll try^^

👍: 0 ⏩: 1

CypherVisor In reply to Colby-Justus [2013-04-09 09:53:19 +0000 UTC]

okay

👍: 0 ⏩: 0

SummerLyonesse In reply to ??? [2013-03-22 00:43:19 +0000 UTC]

Very helpful, thank you!!

👍: 0 ⏩: 1

CypherVisor In reply to SummerLyonesse [2013-04-03 16:46:58 +0000 UTC]

Thanks

👍: 0 ⏩: 0

Scutterland In reply to ??? [2013-03-21 11:20:29 +0000 UTC]

I am so grateful that you posted this, thank you!

👍: 0 ⏩: 1

CypherVisor In reply to Scutterland [2013-04-03 16:47:08 +0000 UTC]

You're most welcome!

👍: 0 ⏩: 0

Anniihilation In reply to ??? [2013-03-16 12:45:43 +0000 UTC]

This is confusing..I can't get it to work It just pops up with a small failed to load icon...I am confused now I am so doomed not knowing what to do..Can you help please?X.x

👍: 0 ⏩: 1

CypherVisor In reply to Anniihilation [2013-03-16 20:11:34 +0000 UTC]

Check the URLs whether you are insert properly. And also check if the images that you are using are valid.

👍: 0 ⏩: 2

Anniihilation In reply to CypherVisor [2013-03-16 23:53:31 +0000 UTC]

Weelll. I think I got it. But the image of the background is showing invisible ?O.O

👍: 0 ⏩: 1

CypherVisor In reply to Anniihilation [2013-03-17 15:16:44 +0000 UTC]

then check you background image URL.

👍: 0 ⏩: 1

Anniihilation In reply to CypherVisor [2013-03-17 23:51:54 +0000 UTC]

I tried that. Still showing invisible x.x

👍: 0 ⏩: 1

CypherVisor In reply to Anniihilation [2013-03-24 08:10:53 +0000 UTC]

Hmm. Probably i can give a peek at your codes if you show it to me.

👍: 0 ⏩: 1

Anniihilation In reply to CypherVisor [2013-03-24 11:57:10 +0000 UTC]

Alrighty, I will send in note the code :3

👍: 0 ⏩: 0

Anniihilation In reply to CypherVisor [2013-03-16 23:33:44 +0000 UTC]

Well, I've made my own image for my background but I'll try again.

👍: 0 ⏩: 1

CypherVisor In reply to Anniihilation [2013-03-17 15:16:48 +0000 UTC]

ok

👍: 0 ⏩: 0

Astrikos In reply to ??? [2013-03-12 21:46:45 +0000 UTC]

How useful!

👍: 0 ⏩: 1

CypherVisor In reply to Astrikos [2013-03-14 16:37:13 +0000 UTC]

👍: 0 ⏩: 1

Astrikos In reply to CypherVisor [2013-03-15 17:09:47 +0000 UTC]

👍: 0 ⏩: 0

IndigoSparkles In reply to ??? [2013-03-11 12:30:23 +0000 UTC]

It worked but my deviation came out huge with the bottom half cut off!!!! Can u help???

👍: 0 ⏩: 1

CypherVisor In reply to IndigoSparkles [2013-03-14 16:38:53 +0000 UTC]

Probably you've taken the image link from the deviation page. Take the image-link when it normally displayed in your da-ID widget and it should solve the problem of getting huge pic.

And to make the bottom part expand. use br tags as explained in the tutorial.

👍: 0 ⏩: 1

IndigoSparkles In reply to CypherVisor [2013-03-16 07:45:18 +0000 UTC]

ok thank you xxx

👍: 0 ⏩: 1

CypherVisor In reply to IndigoSparkles [2013-03-16 07:46:01 +0000 UTC]

you're welcome!

👍: 0 ⏩: 0

ETrujillo In reply to ??? [2013-03-05 10:30:50 +0000 UTC]

It worked, but my deviation came out extremely tiny. Any solutions?

👍: 0 ⏩: 3

ClassicallyOrnate In reply to ETrujillo [2013-04-06 08:34:17 +0000 UTC]

i see we have the same icon, hello again brother. its been awhile.

👍: 0 ⏩: 1

ETrujillo In reply to ClassicallyOrnate [2013-04-07 08:08:52 +0000 UTC]

Well hello there, indeed it has.

👍: 0 ⏩: 1

ClassicallyOrnate In reply to ETrujillo [2013-04-07 08:26:34 +0000 UTC]

are you the evil one or am i?

👍: 0 ⏩: 1

ETrujillo In reply to ClassicallyOrnate [2013-04-07 23:43:51 +0000 UTC]

Pretty sure you are

Did you get yours from ?

👍: 0 ⏩: 1

ClassicallyOrnate In reply to ETrujillo [2013-04-08 00:03:36 +0000 UTC]

mwahahahahahaha!!!!!!!!!!!!!!! i will defeat you!!!!





and yes i did :3

👍: 0 ⏩: 1

ETrujillo In reply to ClassicallyOrnate [2013-04-08 02:00:20 +0000 UTC]

The goodness of my heart will overwhelm your evil XD

👍: 0 ⏩: 1

ClassicallyOrnate In reply to ETrujillo [2013-04-08 02:02:15 +0000 UTC]

nevah brother!!! mummy always liked you better but ill show her!!!!

👍: 0 ⏩: 0

CypherVisor In reply to ETrujillo [2013-03-09 15:58:33 +0000 UTC]

you should get the deviation image URL when its not in the editing mode...

👍: 0 ⏩: 1

ETrujillo In reply to CypherVisor [2013-03-09 20:25:04 +0000 UTC]

Alright, thank you!

👍: 0 ⏩: 1

CypherVisor In reply to ETrujillo [2013-03-10 05:45:44 +0000 UTC]

np

👍: 0 ⏩: 0

ETrujillo In reply to ETrujillo [2013-03-05 10:36:38 +0000 UTC]

Ah! Never mind. I accidentally overlooked the solution in the description! Thanks for the awesome tutorial.

👍: 0 ⏩: 0

p-l-u-m-b-u-m In reply to ??? [2013-03-04 09:11:49 +0000 UTC]

What if there is no 'copy lick location' and 'copy image location'??
I right-clicked, but it's not the same. Is it changed or something?

👍: 0 ⏩: 2

CypherVisor In reply to p-l-u-m-b-u-m [2013-03-09 15:59:09 +0000 UTC]

It depends from browser to browser. Please just do a google on it and you'll get your answers immediately.

👍: 0 ⏩: 0

p-l-u-m-b-u-m In reply to p-l-u-m-b-u-m [2013-03-06 06:09:21 +0000 UTC]

Nvm! Figured it out! THANK YOU SOO MUCH FOR THESE AMAZING TUTORIALS!!

👍: 0 ⏩: 0

serafina-rose In reply to ??? [2013-03-03 17:13:43 +0000 UTC]

Thanks heaps for your wonderful tutorials

👍: 0 ⏩: 1

CypherVisor In reply to serafina-rose [2013-03-09 15:59:17 +0000 UTC]

👍: 0 ⏩: 0

rainbowx1994 In reply to ??? [2013-02-15 22:41:24 +0000 UTC]

THANK YOU!!! I went through HELL just to try and figure out how to customize my stuff. Was confusing at first but I got the hang of it lol :3

THANK YOU (hug) ^-^

👍: 0 ⏩: 1

CypherVisor In reply to rainbowx1994 [2013-02-19 14:33:22 +0000 UTC]

You're most welcome!

And that's great! I am glad that you've got it by yourself.

👍: 0 ⏩: 1

rainbowx1994 In reply to CypherVisor [2013-02-19 15:32:23 +0000 UTC]

I most certainly do :3

👍: 0 ⏩: 0

MSK-Danish-Artist In reply to ??? [2013-02-04 22:41:31 +0000 UTC]

The piccture gets very small so its all blurred.. how do I get the original size???

👍: 0 ⏩: 1

CypherVisor In reply to MSK-Danish-Artist [2013-02-05 16:44:45 +0000 UTC]

you should get the deviation image URL when its not in the editing mode...

👍: 0 ⏩: 1

MSK-Danish-Artist In reply to CypherVisor [2013-02-05 17:20:59 +0000 UTC]

ahh oky...Thank you so much..XDXDXD

👍: 0 ⏩: 1

CypherVisor In reply to MSK-Danish-Artist [2013-02-06 15:32:45 +0000 UTC]

yw!

👍: 0 ⏩: 0


<= Prev | | Next =>