HOME | DD
CypherVisor —
deviantID widget box customization tutorial
by-nc-nd
Published: 2012-06-13 19:29:45 +0000 UTC; Views: 190139; Favourites: 4831; 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
-----------------------------------------
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
I know but it is not really a full-proof way to customize the donation pool.
👍: 0 ⏩: 1
I can't figure out how to make it show my ENTIRE deviantID....
IT doesn't show, and I had a LOT of stuff on it.... what do I do??
👍: 0 ⏩: 1
Check your links once again and paste your previous content in the Lorem ipsum part of the code.
👍: 0 ⏩: 1
I did exactly what you told me to, but it's just not showing all the ID.
Like, I pasted all my content in the right spot, but it's acting like I didn't post all of it there.
It's okay, though, thanks for trying to help~!! ^ o ^
👍: 0 ⏩: 1
Okay. I am currently very very busy. Otherwise, I would have told you to send me the codes that you are using. But please follow each step mentioned in the tut thoroughly and I am sure you'll get it done. Just don't get hasty!
👍: 0 ⏩: 1
IT's very fine, I don't mind~ x'DD
I can deal without it, I got the custom widget to work, but I think my dA ID is too big for it to work
👍: 0 ⏩: 1
Ok...not trying to be a pain, but no matter what I do, the BG covers ALL the content, the username and everything. 
👍: 0 ⏩: 1
You need to cust and paste your entire content in "Lorem ipsum.." part of the code.
👍: 0 ⏩: 1
But that's what I did, I even checked to make sure I did and redid it to double-check that's what I did
👍: 0 ⏩: 1
Isn't it coming up still?
👍: 0 ⏩: 1
Uhm, sorry to bother you again, but I have a new problem with the result of this code: I've seen that if I change pc the bakground has got different sizes, so if the screen is wide the picture looks smaller, while on little screens the whole widget is big and it's impossible to read the lorem ipsum thing. How can I fix that?
👍: 0 ⏩: 1
Unfortunately, that cannot be fixed as such. Difference in screen resolutions creates problems. The only thing that you can do is to optimize it in such a way that the box doesn't get cut-off in small resolution and (by compromising the content size) make it display in larger resolution.
👍: 0 ⏩: 1
Uhm, and what should I write? Because I see your blue box in the deviant ID is always centered, even if I make my internet window smaller. In my profile it is translated to left so that it is cut...
👍: 0 ⏩: 1
I believe your content is not centered somehow. Send me the code that you are using and I can give a quick peek on it.
👍: 0 ⏩: 0
I can't figure out why the everything is fine, all the sizes etc but the text goes out of the box and down over the interests.
👍: 0 ⏩: 1
You need to put
tags correctly in your text as explained in the tut to make it right.
👍: 0 ⏩: 1
Turns out I just needed to add a line of them after the text. Anyway I got it thanks!
Great tutorial by the way,
Complicated but doable
👍: 0 ⏩: 1
hi, i just got my pm and now work on make my page looks nice.
thx for the tutorial first of all.
but....i am mac user, in safari..i dont see where is copy image location?
👍: 0 ⏩: 1
Oh that's great! Congrats!
Perhaps you should try with other browsers. I believe you have Chrome and Firefox available for Mac that you can use.
👍: 0 ⏩: 1
Hi~Okay, I think I know that.
That part resolve.
but....
the text is not just shift to the left side and no show the background.
The original, which is the default still there.
...even I am select all and place all...
👍: 0 ⏩: 1
Are you inserting breaks in text content as explained in the tut? And if the background is not showing up then check your background-image-link
👍: 0 ⏩: 1
I know I must have bother you a lot already.
But....Okay not I can make the background and the text work, even my text is all bold .... which I just copy the code without adding though...anyway,
the problem with the ID image, the image is big in height more than width, but anyway, I have make it smaller, 300 width with 500 width, it only make it pixelate instead of work. And yes, the thing is still not working.
Oh, I use a pattern kind of background as trail.
See my page now...it's just...disaster...
I know...I am so bad at coding ><
👍: 0 ⏩: 0
Guess like it is working fine now.
Sorry for my delayed reply btw.
👍: 0 ⏩: 0
i am having trouble with the stupid bio detail which stinking code do we use?!
👍: 0 ⏩: 1
Paste all your bio content by replacing the "Lorem Ipsum..." text.
And please mind your language, if you do not like the codes that are provided then you can stop using them. I have tried to make all my codes and tuts easier to use as much as possible.
Thanks.
👍: 0 ⏩: 1
Im sorry about that ! I did not mean it I could not figure it out and I was getting very flustered again very sorry
👍: 0 ⏩: 1
That's alright. So, is your problem solved now?
👍: 0 ⏩: 0
I tried.. The background shows and so but the ID box won't lengthen with the text.. now a part of my "bio" text wont show up D:
Any help?
👍: 0 ⏩: 2
You need to use
tags at the bottom to push the length of your box as mentioned in the FAQ of the tutorial.
Thanks.
👍: 0 ⏩: 1
I know, I saw that and so I tried ( a bunch of those
's ) .. but it didn't seem to work sadly which is why I tried asking instead
👍: 0 ⏩: 1
Then perhaps you can send me the codes that you are using to see what's wrong.
👍: 0 ⏩: 0
Eep, putting in a deviation in the caps text makes the image way too big ?
👍: 0 ⏩: 0
Awesome! Thanks a lot for making this!^^not easy, but a great tutorial. you should probably fix the thing with the deviantID, though, the "Deviation-URL" and "Deviation-image-link" both are the direct-image link, actually 'D
👍: 0 ⏩: 1
It is my pleasure!
And I tried to make it as simpler as possible
Actually there is a difference between the two, "Deviation-URL" is the URL address of your deviation, however "Deviation-image-link" is the URL address of your deviation image.
👍: 0 ⏩: 1
Yes, yes I figured, but it didn't work for me 'D I think I've fixed it now, so it's no problem anymore^^
👍: 0 ⏩: 1
I've made everything work down to the right background image size... my only problem is getting my "interests" drop down to work. How do you think I can fix this? Thank you for your time.
👍: 0 ⏩: 1
That is a hit-n-trial. You need to adjust the bg image and the content to make it visible as well as clickable.
👍: 0 ⏩: 1
Oh, it's visible but I still can't click it. I guess the bg image is just too near the interests button!
Thank you very much! I think I should be able to fix it.
👍: 0 ⏩: 1
Yeah, you gotta adjust the height so that it is clickable. (Tip: there is a transparent image which blocks the click so you need to adjust that basically)
👍: 0 ⏩: 1
Oh! Hahaha so that's what's wrong! Thanks, now I get it. I'll be fixing it when I have the time!
👍: 0 ⏩: 1
<= Prev | | Next =>