HOME | DD
CypherVisor —
deviantID widget box customization tutorial
by-nc-nd
Published: 2012-06-13 19:29:45 +0000 UTC; Views: 190140; 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 removed the background after a bit, but I could add it again so that you could see
👍: 0 ⏩: 1
Seems like you have got it working now. Sorry for my late reply
👍: 0 ⏩: 1
Yeah, I got it working X3 And it's okie c:
👍: 0 ⏩: 1
Hello! I've tried that and works but I can't find the Interests bar anymore ;x
Please help~
👍: 0 ⏩: 1
You need to reduce the length of your bg to make it visible.
👍: 0 ⏩: 1
what if you wanted to add a scroll box? where would the CSS go into that?
👍: 0 ⏩: 1
Check this: simplysilent.deviantart.com/ar… and simplysilent.deviantart.com/ar…
👍: 0 ⏩: 1
Actually I`ve got around to use those as references before you linked that to me, oh god how ironic! haha!
Thank you for all the help friend
👍: 0 ⏩: 1
This works wonderfully on my screen resolution (1920x1080) but when viewed on other computers (in most cases for me, 1336x768) the embedded picture doesn't want to change size depending on the resolution. I just end up with a massive ugly thing stretched miles down the browser with only the side of it showing. Is there a way to get around this? Pictures/deviations uploaded with the widget itself resize, but images put in with just aren't co-operating.
👍: 0 ⏩: 1
No that doesn't work. You need to keep the image and the text content narrow.
👍: 0 ⏩: 0
Thankyou very much for that tutorial !! Because DA don´t let us use css on ID box that tutorial is neccesary and changing a little things on the code i could do something decent XDD
👍: 0 ⏩: 1
I am glad that I could be of your help! 
👍: 0 ⏩: 0
whaa, I need help
No matter what I do, the BG picture is above the ID-Picture...
look:oosheruoo.deviantart.com/art/s…
I dunno what I can do :c
👍: 0 ⏩: 1
Is the bg image long enough? It seems like the height of the bg image is not much because of which it is not covering it up.
👍: 0 ⏩: 1
hmm, ok thank's /:
I'll try it later c:
👍: 0 ⏩: 1
Um. No matter what I do it keeps covering my deviant ID picture. The box gets longer automatically but the background image keeps covering the ID picture. 8c
👍: 0 ⏩: 1
The code works like that. It covers the entire content in your box and comes in top of it. To solve it just you just need to copy the existing content and re-write your content in the "Lorem ipsum" part of the code.
👍: 0 ⏩: 1
well, I did that. I followed the tutorial but my deviantID picture won't show. I put the URL and the image link into the code you have provided. D=
👍: 0 ⏩: 1
Sorry, for my late reply. I see that you have got it working now right?
👍: 0 ⏩: 1
Yeah I did! I put the image URL of the background picture in both places instead of the link address and it worked fine. So sorry for the trouble. >w<
👍: 0 ⏩: 1
Thank you very much for sharing this! I'm going to try
👍: 0 ⏩: 1
When I right click, I don't get the option of 'copy link location'. I'm using firefox.
👍: 0 ⏩: 1
I need to update that in the tut. DA doesn't use a hyperlink for your devID no more. You can just use the image-URL or your profile page link to put it in your code.
👍: 0 ⏩: 1
ah, ok. Thank you very much~! Your tutorials are wonderful, and very helpful, and easy to understand.
👍: 0 ⏩: 1
You're welcome dear! And I am glad that you found my tuts helpful.
👍: 0 ⏩: 0
Not sure if dArt has changed something but this no longer seems to be working for me, I looked at my profile today and the background image (which had been fine for many months) suddenly seems to be broken. Will look into more to check I didn't cause it ^^
Oh and a belated thanks for this guide 
👍: 0 ⏩: 2
I can see it to perfectly fine when I view it in your page.
May be browser fault? Chrome is acting weird lately btw..
👍: 0 ⏩: 1
Yeah must be Chrome hah ^^ Thanks again
👍: 0 ⏩: 1
Alrighty, so recent tests seem to suggest it has something to do with Google Chrome. Not too sure what though - It would seem the align tag was depreciated in HTML 4.01, and flat out no longer supported in HTML5 but I'm not confident that's the problem. I'll keep tinkering and if I find a solution will post it as a reply here - in case someone else has a similar issue to me.
👍: 0 ⏩: 0
Aww, I'm so sorry if the question is going to be stupid, but I wasn't able to figure out why the ID image doesn't appear? Could you please take a look at my page? ≥≤ Everything is right, except the image being shown as an "icon", like if it was not suitable.
👍: 0 ⏩: 1
Uh, sorry, I've already solved the problem, before there was no actual ID image, only the stipped background. :3 Thank you very much for the reply!
👍: 0 ⏩: 1
Ahahaaaaha! I did everything, but I guess DA became, and only legs of my ID image left seen and it looks so funny and creative! XD Thanks anyway
👍: 0 ⏩: 1
Just take a look at my ID now XD it looks so completely awkward after I used your tutorial. Still, the tutorial itself is very good, thank you! ^^
👍: 0 ⏩: 1
Is it that your bg is not covering the content behind? If so just make a bg of higher width and use it.
👍: 0 ⏩: 1
<= Prev | | Next =>