HOME | DD
CypherVisor —
deviantID widget box customization tutorial
by-nc-nd
Published: 2012-06-13 19:29:45 +0000 UTC; Views: 189908; 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
-----------------------------------------
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
👍: 0 ⏩: 0
AYOOOOOO, IT WORKS!!! I just tried it (lol after about 7 years of being on this site) And I did it! I'm not even "tech-savy" but I managed to figure this out on my own. It only looks intimidating because of the amount of text and the fact that it involves coding but it can be done e.deviantart.net/emoticons/b/b… " width="15" height="15" alt="
👍: 0 ⏩: 0
This is by far one on the easiest how to I've found! The instructions are simple and easy to follow and the results are absolutely amazing! I had no problem trying to figure out what to do! This and your other tutorials have helped me so much! My account looks better than ever and it looks so customized and different!! Absolutely amazing!! I had a bit of trouble with the size of the background at first but that was easily fixed and my profile looks great! Thank you so much for the help and every tutorial that you do helps!
👍: 0 ⏩: 0
This tutorial works perfectly fine if you do it correctly. It is written in simple and clear instructions. I would definitely recomend to anyone that wants to learn to do this specific thing. Personally, I was a bit confused at first, but after careful reading and following, it posed little problem. Thank you so much for making this amazing tutorial, I look forward to seeing much more!
I am so sorry, but this has a 100 word minimum (and I am more of a "to the point" kind of person) so I'm just going to use these last words writing nonsense. Sorry again.
👍: 0 ⏩: 0
Here is my first critique. Since I've became a premium member this post..I think it helped me a lot even though I failed at this a few times since I'm new to this BUT.....this person has a well an amazing little tutorial right here and I believe everyone will thank this artist right here. Thank you very much for this!
OH! and again, to everyone! If you stumble upon this mini tutorial, for my opinion I believe this will help you all a LOT! Good luck to everyone and have a wonderful day! ~Corey Jackson (c). est 2006-2014
Sul sul
👍: 0 ⏩: 0
Wonderful tutorial! The print-screens helped a great deal with the fluidity of the tutorial as well as the text that went with the images, giving a good view of how to do each step easily and simply! I was utterly pleased to see it worked, it was fluid and easy to follow, the layout is superb, making it easy for even those who aren't too familiar with code to understand!
I did read through the comments about the option menu trouble, so I have left a comment with a brief solution to that issue which seemed to work for me!
Absolutely fantastic tutorial! 5* all round! <3
👍: 0 ⏩: 0
This is something I had been trying (and failing) to achieve on my page for a long time! So when I saw this I was very pleased. The layout is effective with simple steps to follow making it possible for anyone who wants to achieve this customization of their Id page. The only difficulty is that the IMG URL and Direct link are so confusing to get the correct way round (maybe just me) But I think the use of print screens is what makes this even easier to understand. Overall thanks for an amazing job! I think that it couldn't have been done any better personally.
👍: 0 ⏩: 1
may I ask what u did for the direct link? I don't have that option when I right click.... just url... I am running on chrome with windows 8
👍: 0 ⏩: 0
i found this to be very helpful!! i just wanted to thank you for this, i had been wondering for some time how exactly i was supposed to do the backgrounds, and you have awnsered that question very clearly! i give you 5 stars on everything, because this was probably the most help i've gotten on anything about the backgrounds and such. its nice to know that there are people that like to help e.deviantart.net/emoticons/s/s… " width="15" height="15" alt="
e.deviantart.net/emoticons/s/s… " width="15" height="15" alt="
👍: 0 ⏩: 0
Hi, thank you for the tutorial. I've followed most steps, but removed some aspects I didn't want to show (just trial and error as I have no concept of coding...lol). Anyway, all is fine, but the Core Membership star stays right in the middle of my bio page as it was before any changes were made. Kindly advise how I can get rid of it? Much appreciated.
👍: 0 ⏩: 0
The background picture shows up above the text rather than letting the text overlay it!?!?! HALP!!!
👍: 0 ⏩: 0
I don't have a link location for my deviantid picture because i use my own drawn artwork for it from my computer
what do i do ;-;
👍: 0 ⏩: 1
Upload that image to your sta.sh: sta.sh/
then get the url from there
👍: 0 ⏩: 1
I have extra space at the bottom of my profile, and an extra "core" symbol randomly placed there too.
👍: 0 ⏩: 0
I have a... problem. My core star is still visible and I don't know how to get rid of it. I did everything right. I only made the text centered and wrote my username without the dev because I wanted it to be white. The star is visible with and without any code alterations.
👍: 0 ⏩: 0
I tried. Didn't work. Then I realized it was meant for premium members and super groups.
👍: 0 ⏩: 0
Ahhh! I'm completely new to all of this coding stuff and this is super helpful! Thank you so much!
I do have a question, however. Is the only text colors available black and white?
👍: 0 ⏩: 1
And I can't seem to get the core symbol to disappear in the box too, ahhh.... any help would be appreciated
👍: 0 ⏩: 1
I've got the same problem. I've tried around for a while but it wouldn't disappear.
👍: 0 ⏩: 1
Yeah....
I just gave up and made my own custom box.
👍: 0 ⏩: 1
I see. That's why there's no core symbol on your profile.
👍: 0 ⏩: 1
Yeah X'D
There is one person, Aurora something who has a code somewhere. Maybe, if you find her comment and code you could make it work.
👍: 0 ⏩: 1
Yes, I found it. It works. Thank you very much!
👍: 0 ⏩: 2
Could you link me to that code? My core dot is bugging the daylights out of me.
👍: 0 ⏩: 1
Here you go
comments.deviantart.com/1/3081…
👍: 0 ⏩: 1
MY interest drop down box disappeared, how do I get it to show?
👍: 0 ⏩: 0
what are the
direct image link and image URL
for apple?
👍: 0 ⏩: 1
It should be "copy Image Address"
👍: 0 ⏩: 1
My pleasure >w<
Happy coding!
👍: 0 ⏩: 0
I just placed the code in a custom box and renamed the custom box and used br tags to fix the length of the box. I had issues with double core and I tried troubleshooting and doing what others said to, to no avail.
👍: 0 ⏩: 0
Your video tutorial is stating it no longer exists on YouTube. Might want to fix that. Thanks!
👍: 0 ⏩: 0
It doesn't show up very well on mobile devices. Everything gets cut off and shifted unless I view it on my 22 inch monitor. Any work around?
👍: 0 ⏩: 1
Whats getting cut off?
👍: 0 ⏩: 0
everything worked out find but I just have one problem my deviation is displaying as a thumb link.
👍: 0 ⏩: 0
i cant find the link location of the image..Im so confused.
i tried out 3 different browers.
👍: 0 ⏩: 0
Everything seems to work perfectly for me but I do have a couple questions if that is okay:
1) I don't want to display my real name and country name, what do I do?
2) I added to the top of the code like one of the commenters said, but now my box has a scrollbar, is there any way to remove that?
3) The ID box is perfectly readable in full screen but once I start to make the Chrome window smaller the text shifts behind other boxes, thus making it unreadable, how do I fix this?
👍: 0 ⏩: 0
| Next =>