HOME | DD

CypherVisordeviantID widget box customization tutorial by-nc-nd

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

ArTRefugiuM In reply to ??? [2013-02-06 16:21:08 +0000 UTC]

You mean the "lorem ipsum" - part? I've put in my content there but it still didn't work :/

👍: 0 ⏩: 1

CypherVisor In reply to ArTRefugiuM [2013-02-07 15:14:23 +0000 UTC]

yes the "lorem ipsum" - part sorry. Hmm..that's strange. Have you checked the codes again for any tag missing?

👍: 0 ⏩: 1

ArTRefugiuM In reply to CypherVisor [2013-02-07 15:35:15 +0000 UTC]

Yep, I checked it over and over again... I really have no idea anymore how I could make it work.

👍: 0 ⏩: 1

CypherVisor In reply to ArTRefugiuM [2013-02-10 08:39:51 +0000 UTC]

May be show me the code that you are using.

👍: 0 ⏩: 1

ArTRefugiuM In reply to CypherVisor [2013-02-10 16:02:43 +0000 UTC]

Ok, I will send you a note later

👍: 0 ⏩: 0

ehmurarld In reply to ??? [2013-02-02 23:24:48 +0000 UTC]

Hm... This is working perfectly for me (with a little bit of customization with the codes) but what is the normal font deviantART uses so that I can change it?? It looks a bit wacky, to me, with the weird font...
Thanks!

👍: 0 ⏩: 1

CypherVisor In reply to ehmurarld [2013-02-06 15:59:14 +0000 UTC]

That's great!

DA generally uses Verdana font.

👍: 0 ⏩: 1

ehmurarld In reply to CypherVisor [2013-02-07 04:13:46 +0000 UTC]

Thanks!!

👍: 0 ⏩: 1

CypherVisor In reply to ehmurarld [2013-02-07 15:00:40 +0000 UTC]

No problem!

👍: 0 ⏩: 0

zorarinn In reply to ??? [2013-01-29 15:37:04 +0000 UTC]

hello again!! <3 so what would you say the size limit should be for the ID image? I cannot get mine to show up for anything!

👍: 0 ⏩: 1

CypherVisor In reply to zorarinn [2013-01-30 18:33:44 +0000 UTC]

having an image of width 400-500px is safe to use.

👍: 0 ⏩: 1

zorarinn In reply to CypherVisor [2013-01-30 19:15:17 +0000 UTC]

thanks <3

👍: 0 ⏩: 1

CypherVisor In reply to zorarinn [2013-01-31 15:00:51 +0000 UTC]

You're welcome!

👍: 0 ⏩: 0

ArTRefugiuM In reply to ??? [2013-01-27 07:30:40 +0000 UTC]

:/ I tried that now but all I get is a square part image of my background url that covers a part of the box with the dA - standard username etc behind it... (I'm using no ID image so far) ... looks like this: [link]
I used the white text version. When I try to remove the code part for the ID image, the content (my likes and all the stuff) shows up in the box again but my background image covers it all (I now discovered that I made it too small but it still covers everything..)

👍: 0 ⏩: 2

CypherVisor In reply to ArTRefugiuM [2013-01-28 13:32:21 +0000 UTC]

It is perfectly normal. You just need to copy the existing content and re-write your content in the "Lorem Ipsum.." part of the code. The code puts the image as an overlay over the existing content.

👍: 0 ⏩: 1

ArTRefugiuM In reply to CypherVisor [2013-01-28 17:34:33 +0000 UTC]

I did exactly that, I copied my content and put it into the "lorem ipsum" - section ... what the widget also does is to shorten my background image down again as soon as it reaches the borders ... >.< I gave it up -.-°

👍: 0 ⏩: 1

CypherVisor In reply to ArTRefugiuM [2013-01-29 16:01:38 +0000 UTC]

Shorten your bg image?

You need to re-check you codes.

👍: 0 ⏩: 1

ArTRefugiuM In reply to CypherVisor [2013-01-29 16:28:35 +0000 UTC]

I made everything fit, I checked the code... nothing -.- I think my profile is cursed or something xD

👍: 0 ⏩: 1

CypherVisor In reply to ArTRefugiuM [2013-02-02 11:47:37 +0000 UTC]

Haha there's nothing like cursed profile!

There is something wrong with the code that you've entered for sure.

👍: 0 ⏩: 1

ArTRefugiuM In reply to CypherVisor [2013-02-02 14:24:10 +0000 UTC]

Hm maybe I'll try to make an ID pic and then try it again, I didn't use that with my first tries, maybe that was the reason...

👍: 0 ⏩: 1

CypherVisor In reply to ArTRefugiuM [2013-02-02 16:32:53 +0000 UTC]

Alright, sure!

👍: 0 ⏩: 0

ArTRefugiuM In reply to ArTRefugiuM [2013-01-27 07:33:29 +0000 UTC]

correcure - I had the right width of the background image..

👍: 0 ⏩: 0

The-Girlwith-Glasses In reply to ??? [2013-01-21 12:47:28 +0000 UTC]

I don't understand Deviation URL because when I right-click my DA ID picture, it just shows :
Save image as...
Copy image URL
Copy image
Open image in new tab.
There's no option for copy link location

👍: 0 ⏩: 1

CypherVisor In reply to The-Girlwith-Glasses [2013-01-21 16:09:53 +0000 UTC]

Choose "Copy image URL"

👍: 0 ⏩: 1

The-Girlwith-Glasses In reply to CypherVisor [2013-01-21 21:06:48 +0000 UTC]

Thank you ! It worked perfectly

👍: 0 ⏩: 1

CypherVisor In reply to The-Girlwith-Glasses [2013-01-22 09:48:14 +0000 UTC]

You're welcome!

👍: 0 ⏩: 0

maytel In reply to ??? [2013-01-12 17:47:43 +0000 UTC]

Thanks for this! I finally just customized mine

👍: 0 ⏩: 1

CypherVisor In reply to maytel [2013-01-12 22:17:50 +0000 UTC]

My pleasure! And that's great

👍: 0 ⏩: 0

RainbowColorDream In reply to ??? [2013-01-12 10:41:52 +0000 UTC]

Thanks~!!!
Its worked!!!!

👍: 0 ⏩: 1

CypherVisor In reply to RainbowColorDream [2013-01-12 12:39:12 +0000 UTC]

Great!

👍: 0 ⏩: 0

MistyGoldArt In reply to ??? [2013-01-10 01:00:49 +0000 UTC]

I can't copy the direct-image-link on my browser (google chrome) can you help me?

👍: 0 ⏩: 1

CypherVisor In reply to MistyGoldArt [2013-01-10 16:05:15 +0000 UTC]

have you tried with firefox for the same?

👍: 0 ⏩: 1

MistyGoldArt In reply to CypherVisor [2013-01-10 17:41:56 +0000 UTC]

no, I do not have firefox, internet explorer can do this?

👍: 0 ⏩: 1

CypherVisor In reply to MistyGoldArt [2013-01-10 18:29:37 +0000 UTC]

Nah. Google chrome should do just fine. The context menu link in chrome says "Copy Image URL"

👍: 0 ⏩: 1

MistyGoldArt In reply to CypherVisor [2013-01-10 22:48:12 +0000 UTC]

ok, I'll try again

👍: 0 ⏩: 1

CypherVisor In reply to MistyGoldArt [2013-01-11 11:02:23 +0000 UTC]

Sure thing!

👍: 0 ⏩: 0

HyliaBeilschmidt In reply to ??? [2013-01-08 21:21:18 +0000 UTC]

Thank you so much! It's so useful and easy! I changed my country to "Prussia"!

👍: 0 ⏩: 1

CypherVisor In reply to HyliaBeilschmidt [2013-01-10 16:05:55 +0000 UTC]

Haha..

And you're most welcome!

👍: 0 ⏩: 1

HyliaBeilschmidt In reply to CypherVisor [2013-01-10 17:06:39 +0000 UTC]

Also changed my artist status to "self proclaimed"

👍: 0 ⏩: 1

CypherVisor In reply to HyliaBeilschmidt [2013-01-10 18:29:51 +0000 UTC]

Haha.. Ok!

👍: 0 ⏩: 0

taivalsin In reply to ??? [2013-01-08 16:52:07 +0000 UTC]

Why does my text come white all the time, even if I use the black link?

👍: 0 ⏩: 1

CypherVisor In reply to taivalsin [2013-01-10 16:06:32 +0000 UTC]

Black link? You mean to say the black text code? It should work.

👍: 0 ⏩: 1

taivalsin In reply to CypherVisor [2013-01-10 16:09:42 +0000 UTC]

Yes. c: If I use it, it always shows the white text instead of black. -.-"

👍: 0 ⏩: 1

CypherVisor In reply to taivalsin [2013-01-10 16:21:54 +0000 UTC]

Oh I gotta check it then. I'll check it and if there's something wrong happening with the code then I'll update them.

👍: 0 ⏩: 0

taivalsin In reply to ??? [2013-01-08 15:51:14 +0000 UTC]

Arrrghh so hard! ;-;

👍: 0 ⏩: 1

CypherVisor In reply to taivalsin [2013-01-10 16:06:47 +0000 UTC]

Try to follow it step-by-step. It will work!

👍: 0 ⏩: 0

AnimeHurpDaDurp In reply to ??? [2013-01-06 03:56:57 +0000 UTC]

I have a problem. I simply cannot get my picture to fit the ID box! And my box isn't that large either! I've seriously tried enlarge my picture (like 9000x14400) but this causes my computer to crash due to the size. It just won't fit and I'm not sure what to do...

👍: 0 ⏩: 1

CypherVisor In reply to AnimeHurpDaDurp [2013-01-07 18:43:06 +0000 UTC]

Did you try using an image-link for your deviantID with a small image?

👍: 0 ⏩: 1

AnimeHurpDaDurp In reply to CypherVisor [2013-01-07 18:45:21 +0000 UTC]

Oh, I don't mean the ID, I mean the base background, and yes I did try using a small version of my Deviant ID, but to no avail ^ ^"

👍: 0 ⏩: 1

CypherVisor In reply to AnimeHurpDaDurp [2013-01-10 18:37:24 +0000 UTC]

You do not need such a huge resolution image like as you mentioned 9000x14400 just about 1200xsomthing is just fine. Btw, are you putting breaks in your text as mentioned in the tutorial?

👍: 0 ⏩: 1


<= Prev | | Next =>