HOME | DD

CypherVisor — Custom-box Background Tutorial by-nc-nd

Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573406; Favourites: 12565; 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 Custombox module in your profile or group page.




Spanish translation of this tutorial





SOURCE CODE:


Code to insert an image without stretching: (ORIGINAL CODE)



Body text here..



Code to stretch an image (It works as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :

Insert the width and height in the tag of the code as shown below:




EXAMPLE:

width="1000" height="1600" src="URL"/>

Body text here..





How to insert a content-holder box inside a custom box?
Simply copy a content-holder boxes from my gallery folder here: LINK and paste it where it says "Body text here.." in the above code.




My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://fc07.deviantart.net/fs70/f/2013/227/0/1/demo_by_cyphervisor-d6i84qo.jpg



Other tutorials
Custom background for DeviantID-box widget:


Custom background for New deviation-box widget:





The content holder box used in this tutorial





Want to customize your profile more?
Check all my free resources + tutorials: somrat.deviantart.com/gallery/…



Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.
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 Read-made Journal Skins . Send me a note to contact me.
Related content
Comments: 3487

ImagineMyStars In reply to ??? [2016-08-18 00:56:05 +0000 UTC]

Thank you very much!

👍: 0 ⏩: 1

Helnoustuck In reply to ImagineMyStars [2016-08-18 01:11:42 +0000 UTC]

C A W   You're welcome omg uwu/

👍: 0 ⏩: 0

FishKitti In reply to ??? [2016-08-11 18:01:05 +0000 UTC]

it doesnt show up for me

👍: 0 ⏩: 0

Pyrolf In reply to ??? [2016-08-03 13:58:54 +0000 UTC]

er this doesnt really work for me

my problem is that it puts the image as...well an image and not a full background(meaning that there are spaces around the bg image). I did however use that code to add another hand-drawn image, but i would really like to add a background. Lol, hope ya know what I'm talkin about....

👍: 0 ⏩: 1

Pyrolf In reply to Pyrolf [2016-08-11 15:52:52 +0000 UTC]

lol, nvm figured out the problemo

👍: 0 ⏩: 0

GoriIIa-z In reply to ??? [2016-07-09 05:27:41 +0000 UTC]

A can I do it on samsung android?

👍: 0 ⏩: 1

iambenjaminwild In reply to GoriIIa-z [2016-08-09 11:09:35 +0000 UTC]

you can try, but i don t think thats possible

👍: 0 ⏩: 0

Philanomic In reply to ??? [2016-07-04 14:52:34 +0000 UTC]

I figured out how to make the box bigger, if thats what you all are after,

just keep copying and pasting this in:




(but backspace the spaces in so there are *NO* spaces at all, or it won't work)

👍: 0 ⏩: 0

YamiBrooke In reply to ??? [2016-06-30 20:21:41 +0000 UTC]

I am trying to follow the instructions for the stretched version but it's not doing it. My text is still going past the image.

👍: 0 ⏩: 0

Fukushu-Makoto12 In reply to ??? [2016-06-29 11:46:33 +0000 UTC]

If you don't have photoshop, is it feasible to paint.net?

👍: 0 ⏩: 0

chocokiity In reply to ??? [2016-06-26 15:15:21 +0000 UTC]

this was soo helpful and simple!! tank ou <33

👍: 0 ⏩: 0

SdfanWolf In reply to ??? [2016-06-25 03:49:13 +0000 UTC]

Doesn't work for me

👍: 0 ⏩: 1

Lullivy In reply to SdfanWolf [2016-06-26 13:36:32 +0000 UTC]

whatdo you mean?

👍: 0 ⏩: 1

SdfanWolf In reply to Lullivy [2016-06-26 23:23:05 +0000 UTC]

Well it just puts the background on the side

👍: 0 ⏩: 0

XxCHARA In reply to ??? [2016-06-23 17:12:52 +0000 UTC]

I will give it a try

👍: 0 ⏩: 0

Sammieplier In reply to ??? [2016-06-17 05:42:18 +0000 UTC]

Thank you so much!

👍: 0 ⏩: 0

Lucifos In reply to ??? [2016-06-16 11:31:33 +0000 UTC]

Thank u.

👍: 0 ⏩: 0

ashenGemstone In reply to ??? [2016-06-16 10:27:48 +0000 UTC]

It doesn't work for me, I don't get why.

👍: 0 ⏩: 0

Dexialuciathesta In reply to ??? [2016-06-15 11:29:13 +0000 UTC]

Thanks! ^-^

👍: 0 ⏩: 0

Amy-Teh-Kitty In reply to ??? [2016-06-13 16:44:53 +0000 UTC]

^w^

👍: 0 ⏩: 0

0takuSamurott In reply to ??? [2016-06-12 15:31:23 +0000 UTC]

it turns into a content holder box .-.

👍: 0 ⏩: 0

ArtisticFlowers In reply to ??? [2016-06-10 01:10:24 +0000 UTC]

Its doesn't work

👍: 0 ⏩: 0

Audrey1tj In reply to ??? [2016-06-09 23:46:54 +0000 UTC]

these guys are fucking idiots

👍: 0 ⏩: 0

lilacmarii In reply to ??? [2016-06-07 21:24:02 +0000 UTC]

Whats the exact code for having an image as the background?

👍: 0 ⏩: 1

Philanomic In reply to lilacmarii [2016-07-04 14:49:32 +0000 UTC]

It;s in the desc

👍: 0 ⏩: 0

Aesthetic-Mistake In reply to ??? [2016-06-06 00:00:10 +0000 UTC]

would anyone mind helping me? im trying to do this one: pre04.deviantart.net/bf94/th/p… but sadly, i dont know how. it would really help if someone could make the whole box custom thing for me, and copy/paste it to this comment, ;v;

👍: 0 ⏩: 2

Lozocus In reply to Aesthetic-Mistake [2016-07-12 18:27:39 +0000 UTC]

lol how did I find you here

👍: 0 ⏩: 1

Aesthetic-Mistake In reply to Lozocus [2016-07-12 20:25:26 +0000 UTC]

R3IUTP X5T THIS WAS A LONG TIME AGO

👍: 0 ⏩: 1

Lozocus In reply to Aesthetic-Mistake [2016-07-12 20:58:07 +0000 UTC]

lol I used it to make this even tho im not core-
sta.sh/094evt4d349

👍: 0 ⏩: 1

Aesthetic-Mistake In reply to Lozocus [2016-07-12 21:09:28 +0000 UTC]

OMFG MAKE ME ONE

👍: 0 ⏩: 1

Lozocus In reply to Aesthetic-Mistake [2016-07-12 21:10:31 +0000 UTC]

I COULD TRY BUT IT TOOK ME 5 HOURS

👍: 0 ⏩: 1

Aesthetic-Mistake In reply to Lozocus [2016-07-12 22:18:51 +0000 UTC]

DO IT MAKE IT FRILLY AND EXO

👍: 0 ⏩: 1

Lozocus In reply to Aesthetic-Mistake [2016-07-12 22:43:22 +0000 UTC]

I could try but it isn't a journal skin. You can't edit it DB

👍: 0 ⏩: 1

Aesthetic-Mistake In reply to Lozocus [2016-07-12 23:05:09 +0000 UTC]

u gonna b doing it 4 me
  Lauren  ♦    15    ♦ Scotland
            ♦  Female  ♦INTP-T
    ⋘       ♦       ⋙
♦  Dark humoured - ♦ 
♦  Swears alot -butito ♦ 
♦  Pokemon Fangirl - lol I have pokemon go ;^))♦ 
♦  Carnivore- just a joke lol lol ♦ 
   ⋘       ♦       ⋙
    ♦❤ Likes ❤♦ 
       ♦  Cats  ♦  Gaming  ♦  Staying up late  ♦  Junk food  ♦   friends 24/7  ♦  Memes ♦  Rain  ♦  K-pop  ♦ pokemon go ♦

  ♦✖ Dislikes ✖♦ 
          ♦ Being ignored ♦  Being replaced ♦  Being Interrupted ♦  Getting up early  ♦  Losing  ♦ People who get offended too easily  ♦   
 ⋘       ♦       ⋙
 ♦ Feel free to talk to me at anytime! I love making new friends, especially people with the same interests and humor as me B). As you can tell, I really love gaming and I'm always up to adding more people to my friends list on Steam ;^) ♦
 ⋘       ♦       ⋙
  ♦☁ Other places you can find me ☁♦
lol everywhere;^))

im an ass i copied and edited lol call the cops on me ;^))

👍: 0 ⏩: 1

Lozocus In reply to Aesthetic-Mistake [2016-07-12 23:10:49 +0000 UTC]

I can make u one but ..you need to put your own info not mine u nutjob 

👍: 0 ⏩: 1

Aesthetic-Mistake In reply to Lozocus [2016-07-12 23:33:14 +0000 UTC]

kms im a ass get ur facts rite

👍: 0 ⏩: 1

Lozocus In reply to Aesthetic-Mistake [2016-07-12 23:34:44 +0000 UTC]

kys

👍: 0 ⏩: 1

Aesthetic-Mistake In reply to Lozocus [2016-07-12 23:49:14 +0000 UTC]

 

👍: 0 ⏩: 1

Lozocus In reply to Aesthetic-Mistake [2016-07-12 23:54:15 +0000 UTC]

yes

👍: 0 ⏩: 0

Philanomic In reply to Aesthetic-Mistake [2016-07-04 14:49:48 +0000 UTC]

It's all in the desc

👍: 0 ⏩: 0

buzzard--boy In reply to ??? [2016-06-04 02:35:54 +0000 UTC]

So how do I get to the "Custom Background" box where I paste the URL?

👍: 0 ⏩: 0

skye-hiigh In reply to ??? [2016-06-02 00:55:59 +0000 UTC]

It turns completely small instead when I make the background.

👍: 0 ⏩: 0

TeeVee1022 In reply to ??? [2016-05-31 15:56:00 +0000 UTC]

it just shows the top of it for some reason

👍: 0 ⏩: 1

Lullivy In reply to TeeVee1022 [2016-06-26 13:37:22 +0000 UTC]

you have to insert spaces and cotent to expand the box

👍: 0 ⏩: 1

TeeVee1022 In reply to Lullivy [2016-06-26 15:59:42 +0000 UTC]

Ok

👍: 0 ⏩: 0

Addicted2Electronics In reply to ??? [2016-05-28 21:17:50 +0000 UTC]

I'm trying to make it to where the entire image fill up the box, but it isn't working. 
Help?

👍: 0 ⏩: 1

shineful In reply to Addicted2Electronics [2016-06-10 17:14:51 +0000 UTC]

you'll have to make the image larger, sadly. it used to not be that way haha

👍: 0 ⏩: 1

Addicted2Electronics In reply to shineful [2016-06-10 18:43:50 +0000 UTC]

You can see on my profile that it works, but when I do the same on a group, it's like a picture and it doesn't take it up.

👍: 0 ⏩: 1

shineful In reply to Addicted2Electronics [2016-06-10 19:59:44 +0000 UTC]

is your group a super group? if it isn't, it won't work.

👍: 0 ⏩: 1

Addicted2Electronics In reply to shineful [2016-06-10 20:44:41 +0000 UTC]

yeah, that makes sense...

👍: 0 ⏩: 0


<= Prev | | Next =>