Shop Mobile More Submit  Join Login
deviantID widget box customization tutorial by CypherVisor deviantID widget box customization tutorial by CypherVisor
______________________________________________________________________________________________________
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
-----------------------------------------
<div class="popup2-moremenu"><br/><div class="floaty-boat"><img align="center" src="Background-image-url"/></div></div><div class="popup2-moremenu"><br/><div class="floaty-boat"><br><br><br><a href="Deviation-URL"><img align="center" src="Deviation-image-link"/></a><div align="left" class="pppp"><font size="5">
<b>:devYOUR_USERNAME:</b></font>

<h3>YOUR NAME
<font size="3">Artist | Professional | Design & Interfaces</font>
<font size="2">YOUR_COUNTRY_NAME

Lorem Ipsum is simply dummy text of the printing and typesetting<br> industry. Lorem Ipsum has been the industry's standard dummy<br> text ever since the 1500s, when an unknown printer took a galley of type<br> and scrambled it to make a type specimen book. It has survived not only five<br> centuries, but also the leap into electronic typesetting, remaining essentially<br> unchanged. It was popularised in the 1960s with the release of Letraset sheets<br> containing Lorem Ipsum passages, and more recently with desktop publishing<br> software like Aldus PageMaker including versions of Lorem Ipsum.
</font></h3></div>
</div></div>

<br><br><br><br><br><br><br><br><br><br><br>



WHITE TEXT version
-----------------------------------------
<div class="popup2-moremenu"><br/><div class="floaty-boat"><img align="center" src="Background-image-url"/></div></div><div class="popup2-moremenu"><br/><div class="floaty-boat"><br><br><br><a href="Deviation-URL"><img align="center" src="Deviation-image-link"/></a><div align="left" class="pppp"><span class="smbutton-purple popup2-clear"><font size="5">
<b>:devYOUR_USERNAME:</b></font>

<font size="3">YOUR NAME</font>
<font size="3">Artist | Professional | Design & Interfaces</font>
<font size="2">YOUR_COUNTRY_NAME

Lorem Ipsum is simply dummy text of the printing and typesetting<br> industry. Lorem Ipsum has been the industry's standard dummy<br> text ever since the 1500s, when an unknown printer took a galley of type<br> and scrambled it to make a type specimen book. It has survived not only five<br> centuries, but also the leap into electronic typesetting, remaining essentially<br> unchanged. It was popularised in the 1960s with the release of Letraset sheets<br> containing Lorem Ipsum passages, and more recently with desktop publishing<br> software like Aldus PageMaker including versions of Lorem Ipsum.
</font></span></div>
</div></div>

<br><br><br><br><br><br><br><br><br><br><br>




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 :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.
______________________________________________________________________________________________________
Add a Comment:
 

Daily Deviation

Given 2012-06-19
Ever wanted to customize your ID even more? Well deviantID widget box customization tutorial by =CypherVisor can help you with that. This is an easy-to-follow tutorial that will leave your ID looking fabulous.

Resources & Stock Images / Tutorials / deviantART Tutorials / Miscellaneous Tutorials ( Suggested by Mod-a-holic and Featured by bradleysays )
:iconraventhetitan:
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 :) its really great qualitiy too, not blurry like some of the other things i looked at :) you my good sir have done an excellent job! XD
What do you think?
The Artist thought this was FAIR
274 out of 285 deviants thought this was fair.

:iconstephiphotography:
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.
What do you think?
The Artist thought this was FAIR
253 out of 268 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconocchiolism:
occhiolism Featured By Owner 2 days ago  Hobbyist Digital Artist
used on my page, which looks great now so thank you <3
Reply
:iconsilverli0n1:
SilverLi0n1 Featured By Owner Jan 29, 2016  Hobbyist Digital Artist
WOW! THANK HOU SO MUCH!! I NEEDED THIS HELP! Now I can do it! :) thanks again!
Reply
:iconmars714:
mars714 Featured By Owner Jan 18, 2016  Hobbyist General Artist
Hi! Love your codes. Been using them for a while. But, when I updated my ID, now it doesn't show the full bio, it just cuts off after a point... any tips?
Reply
:iconfunwari-kyojin:
Funwari-Kyojin Featured By Owner Jan 18, 2016  Student Digital Artist
For me, there's no ''Copy Link Location'' :(
So, it's not working.
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 18, 2016  Hobbyist General Artist
What browser did you use?
Reply
:iconfunwari-kyojin:
Funwari-Kyojin Featured By Owner Jan 19, 2016  Student Digital Artist
Oh, sorry. I figured it out already. no need to worry. :D
Reply
:iconghostygoat:
ghostygoat Featured By Owner Jan 2, 2016  Student Digital Artist
this no longer works ):
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Edited Jan 18, 2016  Hobbyist General Artist
So far it's not working for me either.. :hmm:

It worked last year 'cause I was Core then too and actually managed to set this up then, but it doesn't seem to work now!
Reply
:iconcerise-cristalline:
Cerise-Cristalline Featured By Owner Jan 6, 2016  New Deviant
It worked for me.
Reply
:iconepickeenan:
EpicKeenan Featured By Owner Jan 4, 2016
srsly :(
Reply
:icongreystar2000:
Greystar2000 Featured By Owner Edited Dec 29, 2015  Hobbyist Digital Artist
Nevermind, Figured it out!
I had to remove "<img align="center" src="Deviation-image-link"/></a>" for it to work on google chrome!
Reply
:iconepickeenan:
EpicKeenan Featured By Owner Edited Jan 4, 2016
What about changing the opacity of the main username
Reply
:icongreystar2000:
Greystar2000 Featured By Owner Jan 5, 2016  Hobbyist Digital Artist
No idea, I decided to go with the custom widget though. I combined some aspects from this one and a "how to edit custom boxes" tutorial.
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 18, 2016  Hobbyist General Artist
Can you please give me the links to what you used instead of this?
Reply
:icongreystar2000:
Greystar2000 Featured By Owner Jan 18, 2016  Hobbyist Digital Artist
tana-jo.deviantart.com/art/Cus… Just a side note, this is for the custom box, like I did on my page, I turned it into something similar to the deviant ID.
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 19, 2016  Hobbyist General Artist
Ah okay, I thought so. I also thought about doing that instead too, and am now in the process of doing so 'cause I tried this one again and it didn't work again and that one just seems easier. Thank you, though!
Reply
:icongreystar2000:
Greystar2000 Featured By Owner Jan 19, 2016  Hobbyist Digital Artist
Yep! No Problem!
Reply
:icongreystar2000:
Greystar2000 Featured By Owner Jan 18, 2016  Hobbyist Digital Artist
if I can find it, it was two weeks ago and I didn't bookmark/fav it.
Reply
:iconepickeenan:
EpicKeenan Featured By Owner Jan 5, 2016
Thanks anyway :D I ended up finding another route you should take a look B)
Reply
:icongreystar2000:
Greystar2000 Featured By Owner Jan 5, 2016  Hobbyist Digital Artist
Eh, I have it all sorted out I think. I just have to work on the mobile appearance.
Reply
:iconcheif-yvenuz:
Cheif-YVenuz Featured By Owner Dec 29, 2015  Hobbyist Digital Artist
It's... confusing..
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 18, 2016  Hobbyist General Artist
Tell me about it!! I know some things about CSS and where to put links in these "custom box" code thingys, but this is really confusing! Not to mention the creator doesn't answer questions submitted in the comments of this, and other people rarely answer them too. :no: :roll:
Reply
:iconcheif-yvenuz:
Cheif-YVenuz Featured By Owner Jan 24, 2016  Hobbyist Digital Artist
PPPSH YEAH.
Reply
:iconixuti:
Ixuti Featured By Owner Edited Dec 27, 2015  Hobbyist Digital Artist
What I've done wrong?
 Pls Help by Ixuti  
I can't fix it but I've read faq
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 18, 2016  Hobbyist General Artist
Do you still need help on this? If so, what does the code you have in there look like?
Reply
:iconixuti:
Ixuti Featured By Owner Jan 18, 2016  Hobbyist Digital Artist
I finally resigned and did everything custom and this works well now :')
Thanks for good intentions :heart: :heart: 
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 19, 2016  Hobbyist General Artist
Ah okay! Np. :) :heart:
If you need help with anything else CSS related, ask me, 'cause I might be able to help!
Reply
:iconixuti:
Ixuti Featured By Owner Jan 19, 2016  Hobbyist Digital Artist
Thank you <3
Reply
:iconpukingpastels:
Pukingpastels Featured By Owner Edited Dec 26, 2015  Hobbyist General Artist
^^ Hey, so I'm tyring to use this currently, but when I right click I only get the option to "Copy image" and "Copy image location" but I don't get the "Copy link location"...I'm using Firefox... What do I do?

Also, I can't get rid of the Core star that shows up prntscr.com/9imy4w
Reply
:iconsunnybunny1199:
sunnybunny1199 Featured By Owner Jan 18, 2016  Hobbyist General Artist
Go to the link of the image and copy the site url by going to where the url is, paste the url into where it says "copy link location" and it should be good.. although I'm also having a difficult time with these, but I think it's just the url's themselves for me. :lol:
Reply
:iconmelzurai:
Melzurai Featured By Owner Edited Dec 23, 2015   General Artist
DeviantID Widget Box Customization:

Adding a background unfortunately doesn't cover up the CORE star, but covers everything else. Is there any way to cover that star too?
Or a way to make the content below pop out, because that star has some way of doing it.
Reply
:iconsuperwonderland:
superwonderland Featured By Owner Dec 13, 2015
Hi CypherVisor could you help me out?
I tried to center my deviantID box but it won't center.
I've use <-div align="center"->
(without the -)
but still no work :(
Reply
:iconarecee924:
arecee924 Featured By Owner Dec 11, 2015  Hobbyist Digital Artist
So i see those little other widgets inside the widget that says stuff like "FNAF 4" and "Toy Bonnie Fan" how do i do that.
Reply
:iconpukingpastels:
Pukingpastels Featured By Owner Dec 25, 2015  Hobbyist General Artist
I think those are buttons, can you link to show what you mean?
Reply
:iconarecee924:
arecee924 Featured By Owner Dec 26, 2015  Hobbyist Digital Artist
I figured it out
Reply
:iconcynpanda:
CynPanda Featured By Owner Nov 28, 2015  Hobbyist General Artist
I have no option for direct image link.... just urls.... O_O wtf do I do???????????????
Reply
:iconpaka-kun:
Paka-kun Featured By Owner Dec 5, 2015  Hobbyist Traditional Artist
Ah, same here! :O Did you figure it out? :O 
Reply
:iconcynpanda:
CynPanda Featured By Owner Dec 5, 2015  Hobbyist General Artist
no I just gave up :x  Panda Emoji-23 (Cry) [V2] 
Reply
:iconpaka-kun:
Paka-kun Featured By Owner Dec 5, 2015  Hobbyist Traditional Artist
Oh, great... No hope for the noobs in this harsh world! :( XD
Reply
:iconmckitty200:
McKitty200 Featured By Owner Dec 18, 2015  Hobbyist Digital Artist
"Copy Image URL" is the same as "Copy Image Link" it's just Chrome's version
I'm not sure if you figured it out yet, though
Reply
:iconpaka-kun:
Paka-kun Featured By Owner Dec 19, 2015  Hobbyist Traditional Artist
Thank you for your help! Indeed, I discovered that after a loooot of attempts (and fails XD). I am currently trying to find a fitting background for my profile, in general. Thanks for your comment, McKitty! :D ^_^ Say.... If I ever again get stuck in something, can I keep you in mind to help me? (as far as you can, of course ) Akio Crying Icon 
Reply
:iconmckitty200:
McKitty200 Featured By Owner Dec 19, 2015  Hobbyist Digital Artist
Oh, sure! Just ask if you need help, I'll see if I can do anything!
Reply
:iconpaka-kun:
Paka-kun Featured By Owner Dec 20, 2015  Hobbyist Traditional Artist
Thanks in advance! :D ^_^
Reply
:iconcynpanda:
CynPanda Featured By Owner Dec 5, 2015  Hobbyist General Artist
well maybe chrome shouldn't be a butt >.<;
Reply
:iconartistic-ember:
Artistic-Ember Featured By Owner Dec 16, 2015  Student Digital Artist
I have the exact same problem o: I have de option for copy image adress, but not the link ;_;
Reply
:iconmckitty200:
McKitty200 Featured By Owner Dec 18, 2015  Hobbyist Digital Artist
I'm pretty sure that's the same thing...
Reply
:iconcynpanda:
CynPanda Featured By Owner Dec 16, 2015  Hobbyist General Artist
Yeaaaaahhh I gave up on it
Reply
:iconmckitty200:
McKitty200 Featured By Owner Dec 18, 2015  Hobbyist Digital Artist
Doesn't it say "Copy Image URL" though?
You need to click that option
Reply
(1 Reply)
:iconnao-yan:
Nao-Yan Featured By Owner Nov 28, 2015  Hobbyist General Artist
Seems to be outdated since that star won't be hidden? :<
Reply
:icondyanova:
Dyanova Featured By Owner Nov 21, 2015  Hobbyist Digital Artist
Does it needs core membership?
Reply
Add a Comment:
 
×




Details

Submitted on
June 13, 2012
Image Size
1,010 KB
Resolution
800×5000
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
119,741 (54 today)
Favourites
4,564 (who?)
Comments
1,486

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×