HOME | DD
CypherVisor —
deviantID widget box customization tutorial
by-nc-nd
Published: 2012-06-13 19:29:45 +0000 UTC; Views: 195136; Favourites: 4813; 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 dun know whats with mine ;n; look at my id idk whats happening
👍: 0 ⏩: 0
Than you very much! I have done everything
the only hard part is "< br >" 
THANKS A MILLION!
👍: 0 ⏩: 1
I am glad that you could do it by yourself!
👍: 0 ⏩: 0
When I right click on my DeviantID image, it only gives me the option to copy Image address location, and not the link address location :/ I'm using Firefox...
👍: 0 ⏩: 1
use "copy image address" for the direct image link and "link address location" for direct URL link!
👍: 0 ⏩: 1
But it only gives me the first option... :/ Thanks anyway
👍: 0 ⏩: 1
Simply just google it you'll get your answers!
👍: 0 ⏩: 0
Do you HAVE to be a premium member? I've seen other deviants without a premium membership do this...
👍: 0 ⏩: 2
yes you have to have a premium membership, although when you create it whilst you are a premium member and then your membership runs out, the image remains the same until you edit it in any way, which is why you have seen some around without memberships
👍: 0 ⏩: 1
Okay cool, hopefully I can get a premium soon-- I don't think I will, but if I do I think it'll be cool ^^
👍: 0 ⏩: 1
Thanks a MILLION times for making this tutorial!
👍: 0 ⏩: 1
It's my pleasure. You're most welcome!
👍: 0 ⏩: 0
Hello I seem to have a problem, my ID picture is only shown but not the other details?
Like my name, artist info etc..
As you can see here [link]
It looks like the deviant ID widget aint long enough or something?
Do you know any ways to solve this problem?
👍: 0 ⏩: 1
Insert
tags at the bottom as mentioned in the tutorial.
👍: 0 ⏩: 1
I did that but it still didnt seem to work? It cuts off
👍: 0 ⏩: 1
Have you tried inserting a lot of them?
👍: 0 ⏩: 0
what if i want the profile pic to be smaller?
👍: 0 ⏩: 1
You mean to say your avatar?
👍: 0 ⏩: 1
never mind i figured it out thanks anyway! and thanks for your tutorials! O_O omg a life saver!
👍: 0 ⏩: 1
Cool! And you're welcome!
👍: 0 ⏩: 1
Out of curiosity, is there a way to extend the deviant ID box itself? I've plugged in the code and it all looks right, just the box doesn't seem to stretch with the rest of the text that is supposed to show up. It just seems to stop and cut off the rest of the bio text. Ideas on why?
👍: 0 ⏩: 1
That's because most of the content are positioned as absolute in the code. The way is to insert
tags at the bottom of the codes as many times you want to stretch the box.
👍: 0 ⏩: 1
Ah, there we go! Thanks, that worked perfectly! C:
👍: 0 ⏩: 1
Um, I'm pretty sure that I did whatever you did here.. but then when I pasted it into the DeviantART ID Bio section and saved it, nothing appeared for what I wrote on the bio. Well, my name, profile pic, country and the artist thing is there, but the bio isn't. Help?
👍: 0 ⏩: 1
Are you closing any
👍: 0 ⏩: 1
Sorry but I don't get what you mean..
👍: 0 ⏩: 1
Well, umm.. check that if you have not misplaced or deleted any code in between!
👍: 0 ⏩: 2
I'm pretty sure that I haven't misplaced or deleted any code in between, I've been trying to do this like 3 times already.. it won't work for some reason..
👍: 0 ⏩: 1
May be you can send me the code you are using. I give a quick glance over it when I have time.
👍: 0 ⏩: 1
Okay, I'll note you then! 
👍: 0 ⏩: 1
Hi sugar, I would like to make a question... I tried through the way you explained at your FAQ, but it didn't worked with me...
I would like to know how to put images this huge [link] on a custom box, and even make them clickable...
I tried using your FAQ one, but it didn't got any bigger than the 800x600 size.
I also tried to ask to this girl, but she didn't wanted to explain...
👍: 0 ⏩: 1
They all seem to be clickable.
👍: 0 ⏩: 1
Yes, but I would like to know how to put the pictures that huge on the Custom Widget, because when I tried the way you showed on the FAQ, the pictures didn't got that big...
👍: 0 ⏩: 1
I am confused now. What is it exactly that you want to do with that image?
👍: 0 ⏩: 1
That image? Nothing... o_o I want to know how she menaged to put a image that big on the custom box. The HTML she used.
When I try, the image always get small.
I even tried using the code you showed on the FAQ, but still not working like that...
The images that she uses on the custom box are all big. I want to learn how to put a image with similar dimensions on my custom box too...
👍: 0 ⏩: 1
Specify the size of the image by using this tag in the code by replacing the
Example
👍: 0 ⏩: 0
Okay. Just wanted to be sure before I tried this out. XD
👍: 0 ⏩: 1
Ok, now tried it with a fresh code and inserting all the pics again, but the result is no other, still the content is covered by the background image and doesn't show up... I'm clueless what the problem could be...
👍: 0 ⏩: 1
It is perfectly normal. You just need to copy the existing content and re-write your content in the "body text here.." part of the code.
👍: 0 ⏩: 1
<= Prev | | Next =>