HOME | DD

CypherVisordeviantID widget box customization tutorial by-nc-nd

Published: 2012-06-13 19:29:45 +0000 UTC; Views: 189947; 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

Casthavian In reply to ??? [2015-02-01 18:08:05 +0000 UTC]

My text is just too long and I can't see half of it and it covers the "interest" area :/
Is there a text limit on this?

👍: 0 ⏩: 0

OpalArtz In reply to ??? [2015-01-31 14:41:17 +0000 UTC]

Never mind my old critique, here's my new one: this totally worked!!! Although your suggestion of tel words per
was a bit miscalculated (mine needed more) this was a brilliant and most helpful tutorial for those who have never coded in their life like me, and a majority of the population on earth. A lot of the other tutorials were trying to explain code to me but i don't wanna hear all that because it makes my head spin. You simply told me where to put stuff to make it work and it did. At first it didn't work but i think that's because i didn't put all the
in yet. So thank you for being a huge help.

👍: 0 ⏩: 0

MissJenRose In reply to ??? [2015-01-25 20:15:19 +0000 UTC]

This is amazing! Thank you, thank you, thank you!

👍: 0 ⏩: 0

Shi-Ryuu In reply to ??? [2015-01-25 02:03:29 +0000 UTC]

I have a question, how can I do for apply this using chrome? cause I can just copy the image URL of my deviant-ID, where is the other link?

👍: 0 ⏩: 0

psycopix In reply to ??? [2015-01-23 23:55:02 +0000 UTC]

If this is so hard, what's the point of having a Premium Membership?!?

👍: 0 ⏩: 0

Maukazz In reply to ??? [2015-01-18 16:44:38 +0000 UTC]

how i can hide my profile picture and my username in the deviant ID ????

👍: 0 ⏩: 0

Rascalby In reply to ??? [2015-01-11 05:52:25 +0000 UTC]

Did I do something wrong?
rascalby.deviantart.com/
I did what the tutorial said, but the DeviantID box won't go all the way. Is there a way to fix this?  
Also, thanks for the all the tutorials!! They've been very helpful!!

👍: 0 ⏩: 2

XeniaStar In reply to Rascalby [2015-03-14 15:36:42 +0000 UTC]

Hey there ^^"
I think Im having the same problem you had before. I would be really grateful if you could tell me what you did to solve it hehe 
The ´problem is both for the id and the featured devation xeniastar.deviantart.com/
Thanks

👍: 0 ⏩: 1

Rascalby In reply to XeniaStar [2015-03-18 20:06:18 +0000 UTC]

At the end, I just placed more rows of < br >'s. C: 

👍: 0 ⏩: 1

XeniaStar In reply to Rascalby [2015-03-19 02:50:45 +0000 UTC]

Hahaha, yep, thanks a lot ^^

👍: 0 ⏩: 1

Rascalby In reply to XeniaStar [2015-03-19 23:14:33 +0000 UTC]

You're welcome ^^ 

👍: 0 ⏩: 0

MokkaQuill In reply to Rascalby [2015-01-15 11:10:32 +0000 UTC]

Are < br > tags not having any effect on extending the length of the box? 

👍: 0 ⏩: 1

Rascalby In reply to MokkaQuill [2015-01-15 15:05:19 +0000 UTC]

They do now, thank you ^-^ 

👍: 0 ⏩: 0

MarisaSchatz In reply to ??? [2015-01-11 04:26:12 +0000 UTC]

Thanks so much for posting this.  It's fantastic and I've successfully utilized it after not -too- much trial and error  

👍: 0 ⏩: 0

black-jijel In reply to ??? [2015-01-07 22:11:02 +0000 UTC]

how to keep the original  deviantID icon !!

👍: 0 ⏩: 0

KutieKittyKandyKorn In reply to ??? [2015-01-01 00:12:45 +0000 UTC]

It's not working for me whatever I do

👍: 0 ⏩: 1

MokkaQuill In reply to KutieKittyKandyKorn [2015-01-15 11:11:42 +0000 UTC]

What was your problem? I had a lot of trouble but I was able to fix it so maybe I can help?

👍: 0 ⏩: 1

KutieKittyKandyKorn In reply to MokkaQuill [2015-01-15 15:27:22 +0000 UTC]

Oh, actually it's fine now ^^ I think it was just because I just 
got a PM and it still hadn't gone through the DA system.

Thank you for trying to help though :3

👍: 0 ⏩: 1

MokkaQuill In reply to KutieKittyKandyKorn [2015-01-15 18:43:54 +0000 UTC]

That's okay. I'm glad it worked out for you!

👍: 0 ⏩: 1

KutieKittyKandyKorn In reply to MokkaQuill [2015-01-15 21:28:49 +0000 UTC]

Yeah ^^

👍: 0 ⏩: 0

turtwig-z In reply to ??? [2014-12-29 07:37:36 +0000 UTC]

no matter what browser I use I don't have the copy link location option for the image-url and it's making me mad bc everything else works
gah

👍: 0 ⏩: 0

p4ntsu In reply to ??? [2014-12-29 03:14:52 +0000 UTC]

I'm having problems with my about me box. It's not supposed to be doing this!!!!
prntscr.com/5m2vhs
It's not extending all the way and I have no idea why.
I'll note you my code if you want to see

👍: 0 ⏩: 0

Kinteki In reply to ??? [2014-12-28 10:03:19 +0000 UTC]

Stupid question: if I installed a skin from deviantart how do I get it in my stash? O.o

👍: 0 ⏩: 1

MokkaQuill In reply to Kinteki [2015-01-15 11:12:53 +0000 UTC]

Depends, what are you trying to do?

👍: 0 ⏩: 1

Kinteki In reply to MokkaQuill [2015-01-15 17:37:32 +0000 UTC]

Well, to be honest I forgot X'D
its been some time since I asked and my pm will be over in a few days anyway, sorry
but thanks very much for asking!^^

👍: 0 ⏩: 1

MokkaQuill In reply to Kinteki [2015-01-15 18:43:32 +0000 UTC]

That's okay, sorry I couldn't help!

👍: 0 ⏩: 1

Kinteki In reply to MokkaQuill [2015-01-17 09:47:46 +0000 UTC]

No problem at all! ^^

👍: 0 ⏩: 0

ZoraTheTwilightDrake In reply to ??? [2014-12-23 20:53:09 +0000 UTC]

Why does it have to be so complicated?  

👍: 0 ⏩: 0

KiwiCocktail In reply to ??? [2014-12-11 16:32:58 +0000 UTC]

Amazingly useful! I had to change the code a bit to include everything I wanted, but this was absolutely helpful. Thanks for sharing!

👍: 0 ⏩: 0

RachWantsHerCupcake In reply to ??? [2014-11-19 02:23:42 +0000 UTC]

I have a question, and I did not find anything on it in you're F.A.Q. + Tips n Tricks.
the text in it is being cut off right after I get passed country (its only one line after that).
is there a way to fix this?

👍: 0 ⏩: 0

swag-QU33N In reply to ??? [2014-11-10 08:19:32 +0000 UTC]

How do I add in the background?

👍: 0 ⏩: 0

PhoenixDawnCreations In reply to ??? [2014-11-08 20:09:25 +0000 UTC]

Is there a way to work the code so that the text isn't all bolded? I'd like to bold things on my own inside the text (like how my devID is right now) to make my devID easier for visitors to read.

👍: 0 ⏩: 0

TenTennz In reply to ??? [2014-11-06 13:22:29 +0000 UTC]

I'm using firefox. 
When ever i right click it, there is no option of link location :C
I don't know what to do now

👍: 0 ⏩: 0

TheNeonPolygon In reply to ??? [2014-11-04 19:48:21 +0000 UTC]

Very cool! I'll give it my best shot (knowing me I'll probably mess it up somehow lol)

👍: 0 ⏩: 0

JeanneyLost In reply to ??? [2014-10-30 14:28:54 +0000 UTC]

I tried this tutorial and my laptop didn´t explore neither did I delete the internet.
First of all I´m proud of that and want to say thank you
But (dammit) it didn´t quite work out exactly as I wanted it to. My texts, bio, name etc, are hidden and can´t be seen. Even though I stretched the box. What can I do? I didn´t delete any of the text parts and inserted them as said in the description.

Edit: I think my ID itself was stretched and covers the texts now.

👍: 0 ⏩: 0

NavelColt In reply to ??? [2014-10-29 01:28:36 +0000 UTC]

x) Don't care so much about the background as I do the fact that uploaded ID images are in a fugly 300X300 box. You can only use full images by using the 'use deviation' feature. Problem is I don't draw, I commission stuff, so I have no artworks to upload from my gallery So I'm stuck using the fugly box. You don't happen to know if coding could be done to embed full images as an ID image instead of having to use the 300X300 box upload setting, would you Cypher?

👍: 0 ⏩: 0

ShelandryStudio In reply to ??? [2014-10-25 04:37:35 +0000 UTC]

quic question. it seems that my profile pic has vanished. all that i can see now is a little broken image box in its place. it used to be there and just noticed it gone a couple days ago and cannot figure out how to make it come back

👍: 0 ⏩: 0

FonFonBonArt In reply to ??? [2014-10-19 19:12:17 +0000 UTC]

I have a problem, my Deviantart ID picture is not in the center and only half the image is showing. also my text isn't showing up, you can see the problem on my profile. Please help me

👍: 0 ⏩: 0

Twitterful-Lumicity In reply to ??? [2014-10-18 00:10:47 +0000 UTC]

Amazing Tutorial!
I just tried it and it worked!! o3o

👍: 0 ⏩: 0

SylvieDB In reply to ??? [2014-10-05 18:46:07 +0000 UTC]

Thank you! this helped greatly!
However, is there a way to center the text ? it's so diffrent from css

👍: 0 ⏩: 1

CypherVisor In reply to SylvieDB [2014-10-06 17:38:03 +0000 UTC]

Please check this journal for Custombox F.A.Q. + Tips and tricks


Thanks

👍: 0 ⏩: 0

MarcelineVang In reply to ??? [2014-09-27 18:59:46 +0000 UTC]

I am having the same problem as a few others but I do not understand how to fix it. My profile image isn't showing up when I enter the code and save it.

👍: 0 ⏩: 1

CypherVisor In reply to MarcelineVang [2014-09-27 19:18:31 +0000 UTC]

Possibly it is due to incorrect image links. Check if you image links are correct.

👍: 0 ⏩: 1

MarcelineVang In reply to CypherVisor [2014-11-16 13:48:32 +0000 UTC]

I checked over it and I believe that they are all correct.

👍: 0 ⏩: 0

tempesterium In reply to ??? [2014-09-24 17:11:57 +0000 UTC]

Hm I would like to try it, just have one question:
Do you need a PM to do it?
Or does it work without?

👍: 0 ⏩: 1

CypherVisor In reply to tempesterium [2014-09-24 18:45:17 +0000 UTC]

I am afraid you need PM to use this code in your page.

👍: 0 ⏩: 1

tempesterium In reply to CypherVisor [2014-09-24 18:52:57 +0000 UTC]

ah damn, but thanks for making this, some day I'll get a PM and then I'll use this

👍: 0 ⏩: 1

CypherVisor In reply to tempesterium [2014-09-24 19:30:22 +0000 UTC]

Absolutely!

👍: 0 ⏩: 0

PawsTheKitty In reply to ??? [2014-09-21 00:17:18 +0000 UTC]

Too complicated for me x/

👍: 0 ⏩: 1

CypherVisor In reply to PawsTheKitty [2014-09-23 15:45:44 +0000 UTC]

👍: 0 ⏩: 1


<= Prev | | Next =>