HOME | DD

CypherVisordeviantID widget box customization tutorial by-nc-nd

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

Dragon-Silhouette In reply to ??? [2012-08-08 12:35:56 +0000 UTC]

hmm it doesn't change it at all it add another one below Do I have to delete everything else to?

👍: 0 ⏩: 1

CypherVisor In reply to Dragon-Silhouette [2012-08-11 19:24:34 +0000 UTC]

It's better to remove the content. But you can keep it also. You are getting errors may be because the links are not placed properly.

👍: 0 ⏩: 1

Dragon-Silhouette In reply to CypherVisor [2012-08-12 00:38:08 +0000 UTC]

Thanks! I'll try again

👍: 0 ⏩: 1

CypherVisor In reply to Dragon-Silhouette [2012-08-12 14:44:54 +0000 UTC]

Okay, sure thing!

👍: 0 ⏩: 0

Angel-Souls In reply to ??? [2012-08-08 01:34:10 +0000 UTC]

okay well i did everything and it came out alright until i added myown text for some reason its getting cut of and i dont know why.... like its okay and when i add my own text in the lorem..... the box where the info is just cuts my info out...

👍: 0 ⏩: 3

CypherVisor In reply to Angel-Souls [2012-08-11 19:22:39 +0000 UTC]

the
tags between the the lines is what you should look at. Check the tutorial closely for more details.

👍: 0 ⏩: 0

cintillate In reply to Angel-Souls [2012-08-08 08:53:10 +0000 UTC]

try adding
in same spots as show in the example. Or at the end of the sentence. Hope it helps

👍: 0 ⏩: 1

cintillate In reply to cintillate [2012-08-08 08:53:38 +0000 UTC]

I mean < br > without spaces

👍: 0 ⏩: 0

CutieNova In reply to Angel-Souls [2012-08-08 04:51:15 +0000 UTC]

D: im having the Very same Problem

👍: 0 ⏩: 0

MikityMackers In reply to ??? [2012-08-07 17:31:39 +0000 UTC]

So...many....words!
D:
OH well! *goes back to reading*

👍: 0 ⏩: 1

CypherVisor In reply to MikityMackers [2012-08-11 19:21:42 +0000 UTC]



Well, it needs explanation can't help it.

👍: 0 ⏩: 0

Official-Crown-Clown In reply to ??? [2012-08-07 13:53:19 +0000 UTC]

OMG! Thanks so much! <3 ~
:')

👍: 0 ⏩: 1

CypherVisor In reply to Official-Crown-Clown [2012-08-11 19:21:13 +0000 UTC]

You're most welcome!

👍: 0 ⏩: 0

SNOWELDS In reply to ??? [2012-08-07 10:26:06 +0000 UTC]

thanks!!!

👍: 0 ⏩: 1

CypherVisor In reply to SNOWELDS [2012-08-11 19:19:46 +0000 UTC]

You're most welcome!

👍: 0 ⏩: 0

ArtsunDmei In reply to ??? [2012-08-07 09:02:36 +0000 UTC]

Okay, I have some questions >.<
1. My deviant ID picture wont show up, I don't know why, because I'm sure that I did everything right, and I use firefox all the time too.?
2. If I want my text to be centered, how should I do it?

👍: 0 ⏩: 1

CypherVisor In reply to ArtsunDmei [2012-08-11 19:21:04 +0000 UTC]

1) You might have misplaced the image link in the code which is a very common mistake.

2) use the

...
tag to center you text.

👍: 0 ⏩: 1

ArtsunDmei In reply to CypherVisor [2012-08-12 09:40:49 +0000 UTC]

1) yeah, I found out that I did do a mistake >.<
2) Ok! Thank you very much

👍: 0 ⏩: 1

CypherVisor In reply to ArtsunDmei [2012-08-12 14:51:52 +0000 UTC]

👍: 0 ⏩: 0

xXJadetheWolfXx In reply to ??? [2012-08-06 09:07:52 +0000 UTC]

I got confused at the
part......What do you mean by in between the lines?

👍: 0 ⏩: 1

CypherVisor In reply to xXJadetheWolfXx [2012-08-07 04:41:22 +0000 UTC]

You can see I've put
tags in the code where the Lorem Ipsum para is written. That is what I mean that you need to put
tags in between lines!

👍: 0 ⏩: 1

xXJadetheWolfXx In reply to CypherVisor [2012-08-07 20:07:40 +0000 UTC]

Ok I did that now.But now I can't get my profile picture to come up even though I followed the steps

👍: 0 ⏩: 1

CypherVisor In reply to xXJadetheWolfXx [2012-08-11 18:38:21 +0000 UTC]

Probably you are not taking the image link of the deviation properly. Check the link again.

👍: 0 ⏩: 1

xXJadetheWolfXx In reply to CypherVisor [2012-08-11 19:15:29 +0000 UTC]

Ok thanks....now I'll have to wait for the free pm day ^^"

👍: 0 ⏩: 1

CypherVisor In reply to xXJadetheWolfXx [2012-08-11 19:45:32 +0000 UTC]

👍: 0 ⏩: 0

RaVeNtHeTiTaN In reply to ??? [2012-08-01 22:12:52 +0000 UTC]

do you have to have a premium membership for this??

👍: 0 ⏩: 1

CypherVisor In reply to RaVeNtHeTiTaN [2012-08-02 18:32:27 +0000 UTC]

Yes!

👍: 0 ⏩: 1

RaVeNtHeTiTaN In reply to CypherVisor [2012-08-03 04:08:59 +0000 UTC]

damn!!!!! D:

👍: 0 ⏩: 1

CypherVisor In reply to RaVeNtHeTiTaN [2012-08-10 18:39:42 +0000 UTC]

👍: 0 ⏩: 1

RaVeNtHeTiTaN In reply to CypherVisor [2012-08-14 20:14:07 +0000 UTC]

.... oh well

👍: 0 ⏩: 0

Daisukee-kun In reply to ??? [2012-07-31 21:11:40 +0000 UTC]

I'm using Firefox too. But I can only get Image Location. There is no Link Location. or something that is like image location D':

👍: 0 ⏩: 1

CypherVisor In reply to Daisukee-kun [2012-08-02 18:33:29 +0000 UTC]

No you shall get an option which says "Copy Link location" if you are using FF.

👍: 0 ⏩: 0

Zutaki In reply to ??? [2012-07-28 05:18:47 +0000 UTC]

Okay.. so I am having a huge problem... uplaoding my background picture...

My DA ID picture get's covered..
and the black texts overlays my DA ID (when I remove the background picture)

but when I just have the background with all the things... basically all the texts is at the very top.. left..

👍: 0 ⏩: 1

CypherVisor In reply to Zutaki [2012-07-28 06:08:26 +0000 UTC]

The background image is like a sandwich in the box. It comes over the actual content and then you gotta write all your stuffs above it.

👍: 0 ⏩: 1

Zutaki In reply to CypherVisor [2012-07-28 07:20:52 +0000 UTC]

I know.. what another problem is that.. My id pixel is 500 to 600... or 488x542 if I remember correctly...

It isn't showing.. and the
I've but it in... after 3 icons I use.. and at least 6 words...

👍: 0 ⏩: 1

CypherVisor In reply to Zutaki [2012-07-28 16:26:25 +0000 UTC]

Hmm.. that is another problem!

btw, the bg that you've used is not fuzzy i can hardly see the text in it!

👍: 0 ⏩: 1

Zutaki In reply to CypherVisor [2012-07-28 18:20:32 +0000 UTC]

It's alright.. I figured everything, xD

👍: 0 ⏩: 1

CypherVisor In reply to Zutaki [2012-07-29 11:57:25 +0000 UTC]

That's great!

👍: 0 ⏩: 1

Zutaki In reply to CypherVisor [2012-08-01 08:00:40 +0000 UTC]

I did it a lot differently though. But thank you anyways<3

👍: 0 ⏩: 1

CypherVisor In reply to Zutaki [2012-08-02 18:50:55 +0000 UTC]

Okay. Great to hear that you've got it working!

👍: 0 ⏩: 0

ColurMidna In reply to ??? [2012-07-22 04:00:11 +0000 UTC]

I Did all of this. and It works pretty well. My only problem is that my ID Picture isnt there...
Its on my profile. it doesn't look too back without it.. but I really rather have it there.
Please help!

👍: 0 ⏩: 1

CypherVisor In reply to ColurMidna [2012-07-22 19:02:25 +0000 UTC]

Are you putting the "deviation-image-link/URL" in the code properly?

👍: 0 ⏩: 1

ColurMidna In reply to CypherVisor [2012-07-23 04:19:17 +0000 UTC]

Yeah, I redid it like twice,
and switched it just in case, and it all hadn't worked.

👍: 0 ⏩: 1

CypherVisor In reply to ColurMidna [2012-07-23 11:12:35 +0000 UTC]

May be you can show me the code that you are using.

👍: 0 ⏩: 1

ColurMidna In reply to CypherVisor [2012-07-23 11:41:46 +0000 UTC]

[link]

👍: 0 ⏩: 1

CypherVisor In reply to ColurMidna [2012-07-23 12:05:33 +0000 UTC]

you've interchanged the links here... [link]

👍: 0 ⏩: 1

ColurMidna In reply to CypherVisor [2012-07-23 13:47:57 +0000 UTC]

It.. sorta worked.. D:

the des.. isnt there..

👍: 0 ⏩: 1

CypherVisor In reply to ColurMidna [2012-07-23 17:19:58 +0000 UTC]

Please refer to the tutorial. It's mentioned that to extend the box more you need to insert
tags at the end.

👍: 0 ⏩: 1

ColurMidna In reply to CypherVisor [2012-07-24 03:45:33 +0000 UTC]

oh.. thank you
sorry for the trouble.

👍: 0 ⏩: 1

CypherVisor In reply to ColurMidna [2012-07-24 15:01:39 +0000 UTC]

np

👍: 0 ⏩: 0


<= Prev | | Next =>