HOME | DD

CypherVisordeviantID widget box customization tutorial by-nc-nd

Published: 2012-06-13 19:29:45 +0000 UTC; Views: 189931; Favourites: 4832; Downloads: 0
Redirect to original
Description ______________________________________________________________________________________________________
»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
How to use ?
Just copy the source code(s) below and paste it in your deviantID-widget box in your profile page.



Video tutorial for this: www.youtube.com/watch?v=Jwj8mb...
Tutorial courtesy: *AllAmericanArtist



SOURCE CODE:

BLACK TEXT version
-----------------------------------------






:devYOUR_USERNAME:


YOUR NAME
Artist | Professional | Design & Interfaces
YOUR_COUNTRY_NAME

Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s, when an unknown printer took a galley of type
and scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more recently with desktop publishing
software like Aldus PageMaker including versions of Lorem Ipsum.


















WHITE TEXT version
-----------------------------------------






:devYOUR_USERNAME:


YOUR NAME
Artist | Professional | Design & Interfaces
YOUR_COUNTRY_NAME

Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s, when an unknown printer took a galley of type
and scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more recently with desktop publishing
software like Aldus PageMaker including versions of Lorem Ipsum.


















My background image link (the background that I've used for demo in this tutorial)
-----------------------------------------
http://fc05.deviantart.net/fs70/f/2012/155/a/d/bg2_by_cyphervisor-d529kxh.png


Other tutorials

For custom-box widget:


For New deviation-box widget:



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: 1688

Chokuletu In reply to ??? [2016-09-25 11:56:46 +0000 UTC]

I somehow managed to fix it... somehow >>;
Idk what I did lol

👍: 0 ⏩: 1

Zimoshi In reply to Chokuletu [2016-09-26 16:33:03 +0000 UTC]

I know how you did it,you didn't use an id widget you used a custom box widget,they're not same thing.;v;

👍: 0 ⏩: 1

Chokuletu In reply to Zimoshi [2016-09-26 16:36:06 +0000 UTC]

Oh yeah x'D
I gave up on the id box >.>;

👍: 0 ⏩: 0

ArtWeazel In reply to ??? [2016-08-03 13:04:49 +0000 UTC]

whats the code for the interests bar cus its behind the background?

👍: 0 ⏩: 0

Saru-Kami In reply to ??? [2016-07-25 17:34:38 +0000 UTC]

Hello I just tried to use your amazing code to re create my DA ID box. I followed everything to a "T" and I used the white text version to go with my dark background.

So the issue I'm currently having... The image and background image work great! Sadly the white text will not show under my image? I've tried re-entering all the code more then twice to make sure I have it correct, but it still wont work.. I hope you can assist me in what I can do to correct the issue.. I have left my DA Id box active in case you care to take a look, all of my info is typed in and used as you stated.. I thank you for your assistance.

👍: 0 ⏩: 0

ZGVhZA In reply to ??? [2016-07-17 03:24:16 +0000 UTC]

This Isn't working, so I think I might make a da Id with a custom box (a much easier process)

👍: 0 ⏩: 0

Xiaooyu In reply to ??? [2016-07-11 18:27:20 +0000 UTC]

Thank you so much!! It worked out for you! Especially adding
to every 10 words really fixed things up, I don't know how it works, but i'm glad it worked out!!! 
It was really hard to get everything down but thanks so much for this tutorial!!!

@ EVERYONE 
PLEASE DON'T GIVE UP!!!

👍: 0 ⏩: 0

Firefliy In reply to ??? [2016-07-05 14:13:45 +0000 UTC]

Nothing works. This tutorial is so confusing and there isn't enough pictures so I know exactly what I'm doing. I tried, but oh well. I'm glad I'm not the only one with this problem.

👍: 0 ⏩: 1

zerushw In reply to Firefliy [2016-08-05 22:30:42 +0000 UTC]

me too rip

👍: 0 ⏩: 0

WorriorCatAJ In reply to ??? [2016-06-27 05:00:23 +0000 UTC]

Thank you! This works, however, i ended up getting a second Core icon, covering my info.
Also my Profile Picture doesn't show up.

But this works!

👍: 0 ⏩: 1

Xiaooyu In reply to WorriorCatAJ [2016-07-11 18:27:47 +0000 UTC]

same here! i don't think the core icon can be deleted though

👍: 0 ⏩: 0

Alexisrules14 In reply to ??? [2016-06-20 23:16:02 +0000 UTC]

how come when i went to edit my little icons aka " requests are closed" it completely messed up my deviantation ID widget box???

👍: 0 ⏩: 0

EE-Vermilion In reply to ??? [2016-06-20 18:40:35 +0000 UTC]

I'm trying to figure out how to get rid of this extra Core icon above my username....

👍: 0 ⏩: 1

Triangle-Bleu In reply to EE-Vermilion [2016-06-26 20:48:00 +0000 UTC]

The same...o:

👍: 0 ⏩: 0

Username-91 In reply to ??? [2016-06-19 19:27:28 +0000 UTC]

Spent over 1.5 hours trying to modify my profile. However no use, the tutorial is so complicated and confusing. The worse thing of all is, it's not even working.

👍: 0 ⏩: 0

coffee-pup In reply to ??? [2016-06-17 18:40:13 +0000 UTC]

This ALMOST works for me.. for some reason, the core symbol from underneath appears above the background, covering the font. Is there a way to cover this symbol?

👍: 0 ⏩: 0

WorriorCatAJ In reply to ??? [2016-06-15 17:16:25 +0000 UTC]

This is kinda confusing... is there a working video that i could watch?

(because the link in the description isn't working)

👍: 0 ⏩: 0

Takiashii [2016-06-11 05:35:51 +0000 UTC]

why is my text grey? orz

👍: 0 ⏩: 0

KimikoGlaciem In reply to ??? [2016-06-08 16:54:28 +0000 UTC]

Tried and the picture didnt work and the text was all chopped off on the right side too, regardless of it have center alignment :/ seems core was a waste of money

👍: 0 ⏩: 1

milkcart0nangel In reply to KimikoGlaciem [2016-06-08 22:13:10 +0000 UTC]

just keep trying around, you'll eventually get it

👍: 0 ⏩: 1

KimikoGlaciem In reply to milkcart0nangel [2016-06-08 22:54:55 +0000 UTC]

Spent 4 hours trying to no avail whatsoever so ditched the idea for now. Really disappointed but maybe I can find someone who understands HTML to help

👍: 0 ⏩: 1

milkcart0nangel In reply to KimikoGlaciem [2016-06-10 16:50:45 +0000 UTC]

yeah that's a good idea! There are people who you can commission to do page coding if you have the points too~

👍: 0 ⏩: 1

KimikoGlaciem In reply to milkcart0nangel [2016-06-10 18:25:49 +0000 UTC]

I wish I was in a possition to commision someone but luckily I have a family member who is a web designer and knows HTML so hopefully I can at least get some tips

👍: 0 ⏩: 1

milkcart0nangel In reply to KimikoGlaciem [2016-06-10 21:03:02 +0000 UTC]

wow that's awesome! sounds really good ^v^! if you get told any good tips, id like to hear them X3

👍: 0 ⏩: 0

skye-hiigh In reply to ??? [2016-06-01 21:34:28 +0000 UTC]

It doesn't work, and now my bio is completely gone.

👍: 0 ⏩: 0

RobotOverIord In reply to ??? [2016-05-29 17:45:37 +0000 UTC]

I don't know what I did wrong. I did everything that I was supposed to and the image doesn't cover the whole box. cosmicfate.deviantart.com/

👍: 0 ⏩: 0

jinx--jinx In reply to ??? [2016-05-15 19:58:07 +0000 UTC]

I just want to make the background of my page black, I'm so confused hhhhh

👍: 0 ⏩: 0

Lawleighette In reply to ??? [2016-05-14 09:11:00 +0000 UTC]

Is it possible to use a different colour for the text?

👍: 0 ⏩: 1

illyuu In reply to Lawleighette [2016-05-21 17:48:43 +0000 UTC]

Yes, you go to-  , and then you select [Change text Color]. It gives you some color options, and badda bam!   

👍: 0 ⏩: 1

Lawleighette In reply to illyuu [2016-05-22 14:09:00 +0000 UTC]

Ah, thank you! ^^

👍: 0 ⏩: 1

illyuu In reply to Lawleighette [2016-05-22 16:00:18 +0000 UTC]

👍: 0 ⏩: 0

PixelPancakee In reply to ??? [2016-05-12 00:44:54 +0000 UTC]

Hey! this really helped but when i put it in it doesnt show the whole box instead it just shows a little bit of it
 

^^^^
that is what it happening
any tips?

👍: 0 ⏩: 1

Nefepants In reply to PixelPancakee [2016-05-12 05:29:08 +0000 UTC]

You have to add a LOT of < br > tags at the end of the code, I was struggling with this for a while too.

👍: 0 ⏩: 1

PixelPancakee In reply to Nefepants [2016-05-12 11:53:49 +0000 UTC]

hehe, i just found that out, thanks though!

👍: 0 ⏩: 0

PaMonk In reply to ??? [2016-05-09 10:04:12 +0000 UTC]

Congratulations and many Thanks  again I used this.

👍: 0 ⏩: 0

One-Killer-Queen In reply to ??? [2016-04-25 05:21:16 +0000 UTC]

For some reason, whenever I minimize my window, the backgrounds get all off-whack... So unless my browser is in full-screen, my backgrounds wont fit properly or rescale along with the page... is there a way to fix this?
Someone please help~ ; ^;

👍: 0 ⏩: 1

SnowfireTheWarrior In reply to One-Killer-Queen [2016-05-03 23:17:47 +0000 UTC]

Just copy paste it but by bit. Don't all out copy paste the whole thing or it goes off scale 👍🏼

👍: 0 ⏩: 0

SkeleScribbles In reply to ??? [2016-04-10 00:14:43 +0000 UTC]

SkeleScribbles

👍: 0 ⏩: 0

dawnchi In reply to ??? [2016-04-08 06:39:13 +0000 UTC]

I've nearly done but I can't figure out what the image URL and image link are >~>

👍: 0 ⏩: 0

Alexisrules14 In reply to ??? [2016-03-30 01:20:43 +0000 UTC]

WHERE IN THE WORLD IS THAT LOREM PART????? I CANT FIND IT ANYWHERE

👍: 0 ⏩: 1

occhiolism In reply to Alexisrules14 [2016-03-30 15:01:00 +0000 UTC]

it's in the description

👍: 0 ⏩: 1

Alexisrules14 In reply to occhiolism [2016-03-30 19:28:17 +0000 UTC]

I'm not good at all with coding QwQ 

👍: 0 ⏩: 0

Satur9ine [2016-03-03 18:18:33 +0000 UTC]

my core symbol shows through how do i get it behind the layer?

👍: 0 ⏩: 0

Jasper-19 [2016-03-02 15:20:09 +0000 UTC]

Hello there!! I have used many of your tutorials and find them very helpful. I just have a problem with the ID box. I dont want too many info to be there, but it is still way too high and I dont want it to be like that. Is there any chance I can get it smaller? Thank you very much (and yes, I have gone through the FAQ first, but didnt find it)

👍: 0 ⏩: 0

a-kid-at-heart In reply to ??? [2016-02-26 04:50:04 +0000 UTC]

Took a bit to tweak, but this tutorial helped produce a great result! (Still working on the rest of the page)
I only had one odd issue. The symbol for "Beta Tester" appears just above my name, as well as the normal position next to it. Anyone have suggestions?

👍: 0 ⏩: 0

CanelaRose In reply to ??? [2016-02-21 01:31:17 +0000 UTC]

Will you ever get a new video tutorial? I'm a visual learner, and the first time I tried this I messed something up and the whole code didn't work xD

[edit]
AH! I finally figure it out,nvm! xP
Thanks for the tutorial!

👍: 0 ⏩: 0

Cicala-Kid [2016-02-15 14:34:19 +0000 UTC]

Too long to read, I give up.
I just wanted to have no pic and no blank space either.

👍: 0 ⏩: 0

Melissia-Scorpio In reply to ??? [2016-02-11 18:46:18 +0000 UTC]

So cool! I was looking for something like this for ages Thanks a lot for your help!

👍: 0 ⏩: 0

SonaLover [2016-02-10 23:36:01 +0000 UTC]

i'm sorry if the answer is here already but i need help with my code
the words are on the faaarrr left
 

the code i used is there too 

👍: 0 ⏩: 1

Alexisrules14 In reply to SonaLover [2016-03-29 22:33:14 +0000 UTC]

How did you get your deviantart I'd to go over the background, I can't see my name or my id but I can see everything else 

👍: 0 ⏩: 1


<= Prev | | Next =>