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
Is there a way to elongate the background image? *is a beginner with css and stuffs*
👍: 0 ⏩: 1
You can stretch the background image either by creating an image that has a larger height or by using the "height" property of img tag.
👍: 0 ⏩: 0
I tried to follow this and my background image is showing up fine, but it's not acting as a background image; it's simply an image inserted above the rest of my bio info. Your tutorial seems perfectly straight forward, so I'm not sure what I'm doing wrong. Did I perhaps copy the wrong image URL?
👍: 0 ⏩: 1
I think you have mixed up the image URL of your deviation with the background image.
👍: 0 ⏩: 0
i used to be able to get all of your tutorials to work but now i cant get any to and im so confused..
👍: 0 ⏩: 1
like idk !! No matter what I do the image wont show up. its poopis
👍: 0 ⏩: 1
If your image is not showing up then the problem should possibly lie in the deviation-image-link. Check that the link is correct.
👍: 0 ⏩: 1
Curious: Is there a way to put a custom box on the donation pool but NOT hide the donation button?
👍: 0 ⏩: 1
I do not understand what you exactly mean by custom box but if you are talking about the content-holder boxes then yes you can use them normally.
See my donation pool box and you'll understand what I mean.
👍: 0 ⏩: 1
No I mean, I want a background on my donation pool, but it covers my 'donate' button so people don't see it.
👍: 0 ⏩: 1
Okay, now that is problem there. I am still figuring a easy way to put a bg there. I have a process but that is little complex and not super effective. Hence, may be you gotta wait..
👍: 0 ⏩: 1
I do everything right but the back ground just covers everything.... Like nothing shows over top of it... how do I fix this?
👍: 0 ⏩: 1
You need to copy all your previous bio content in the "Lorem ipsum.." part of the code.
👍: 0 ⏩: 1
I figured it out XP
👍: 0 ⏩: 1
this is great but, I've noticed 800 is too big and my image doesn't show all the way ;n; I always have to resize it after looking at the tutorial 
👍: 0 ⏩: 1
There is no actual box size. Because everyone's screen resolution is different. Some on has 1920x1200, someone has 1280x800 etc. So, basically there is no fixed size.
👍: 0 ⏩: 0
So here's a question! Can you resize the Dev ID picture plugged into this code? You have this bit of code from but I can't quite get it to plug in correctly in the code above. For example, wouldn't it be able to go right into
somehow? Can it be done?
Also, I see this bit of code above that distinguishes white font color from black font color Are there any other code words that we could plug in for other font colors?
👍: 0 ⏩: 1
Yes, it can be done. You can use the "width" and "height" property in this tut.
For other font colors check: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
Thanks for the help! And those font colors, YAY!
👍: 0 ⏩: 1
This is sooo awesome. Thank you for sharing this with us all.
👍: 0 ⏩: 1
It's my pleasure. You're most welcome!
👍: 0 ⏩: 1
Umm, what do I say? Try again step-by-step and thoroughly?
👍: 0 ⏩: 1
is this only for the deviant ID or does it work with other widgets too?
👍: 0 ⏩: 1
This is only for the devID. For other boxes please check my gallery here: cyphervisor.deviantart.com/gal…
👍: 0 ⏩: 1
Ok so, i followed the tutorial, but my problem is that the background image is not showing up, and my bio is also not showing up. idk what to do ;m;
👍: 0 ⏩: 1
may be show me the code? Note me about it. I can give a peek on it when I have time.
👍: 0 ⏩: 1
i've sent the note!! sorry it's so long.
👍: 0 ⏩: 1
Will check it.
Sorry, for the really late reply.
👍: 0 ⏩: 1
it's fine!! thank you~
👍: 0 ⏩: 0
What if the white text is showing up black?
👍: 0 ⏩: 1
yeah, but its okay~ i just used a whiteish background so it shows up~
👍: 0 ⏩: 1
Thanks a bunch for this! That DD is totally earned! Looks great on my page now!
👍: 0 ⏩: 1
You're welcome my friend!
And thanks..
👍: 0 ⏩: 0
one additionnal question, everything works just fine on that one but I'd like to put im deviant nickname in white as well, in the journal body it would be .gr-body (color: solid white) but in the format 👍: 0 ⏩: 1
Answer: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
<= Prev | | Next =>