HOME | DD

CypherVisordeviantID widget box customization tutorial by-nc-nd

Published: 2012-06-13 19:29:45 +0000 UTC; Views: 190143; 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
-----------------------------------------






: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.


















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

CypherVisor In reply to ??? [2013-07-23 15:07:41 +0000 UTC]

I am glad that you have fixed it yourself. At least you have learned something.

👍: 0 ⏩: 1

jwaily12 In reply to CypherVisor [2013-07-23 17:00:11 +0000 UTC]

OMG your tutorials are kinda confusing... no offense lol but they are very nice!

👍: 0 ⏩: 1

CypherVisor In reply to jwaily12 [2013-07-25 05:44:17 +0000 UTC]

I try my best to keep them simple, but I am sorry if they are confusing to you.

👍: 0 ⏩: 0

jwaily12 In reply to ??? [2013-07-20 03:57:11 +0000 UTC]

Help me please look at my ID what should I do?

👍: 0 ⏩: 1

CypherVisor In reply to jwaily12 [2013-07-20 10:49:14 +0000 UTC]

You have not properly inserted your background-image-url most probably. Just check the image link if it is working fine.

👍: 0 ⏩: 1

jwaily12 In reply to CypherVisor [2013-07-20 15:40:28 +0000 UTC]

It is perfectly fine.

👍: 0 ⏩: 1

CypherVisor In reply to jwaily12 [2013-07-20 18:10:32 +0000 UTC]

I do not think so. Are you putting the deviation-image-url and background-image-url correctly?

👍: 0 ⏩: 1

jwaily12 In reply to CypherVisor [2013-07-20 22:52:29 +0000 UTC]

Yes... Can I give you the pic I want and you give me the code?

👍: 0 ⏩: 1

CypherVisor In reply to jwaily12 [2013-07-21 12:43:20 +0000 UTC]

sure

👍: 0 ⏩: 1

jwaily12 In reply to CypherVisor [2013-07-21 15:35:00 +0000 UTC]

waily12.deviantart.com/art/Not...

👍: 0 ⏩: 1

CypherVisor In reply to jwaily12 [2013-07-21 17:01:02 +0000 UTC]

http://fc06.deviantart.net/fs71/i/2012/195/2/9/not_art__by_waily12-d578l7f.jpg

👍: 0 ⏩: 0

Kaiidumb In reply to ??? [2013-07-17 21:38:56 +0000 UTC]

this tutorial is great ^^


ok but i have one problem. so the dropdown box, in my opinion i dont really care about it and could care less if it shows up or not. so i just slapped the background image url in there without thinking twice. so i go to save it, and only the top half of my text shows up. is the little dropdown box actually more important then i think? cause if so, then i will just edit the background and i will be good to go ^^


it would also help if you could look at my ID ;u;

👍: 0 ⏩: 1

CypherVisor In reply to Kaiidumb [2013-07-19 19:52:59 +0000 UTC]

Sorry, I couldn't find your ID box.

And just to answer your question, it depends upon you. I do not want my own, so I hid it. If you want the dropdown sliding box then reduce the height of your background to make it visible. And if your text is getting cut out at the bottom then as explained in the tut add the
tags at the bottom.

👍: 0 ⏩: 1

Kaiidumb In reply to CypherVisor [2013-07-19 21:47:36 +0000 UTC]

ooooooh ok thanks ^^ 


ya sorry i removed my Id cause it looked ugly while i didn't have it fixed XD but i totally forgot about the br tags at the bottom! i only had it in the text! thanks so so much

👍: 0 ⏩: 1

CypherVisor In reply to Kaiidumb [2013-07-20 10:41:24 +0000 UTC]

Hmm..

You're welcome!

👍: 0 ⏩: 0

Sunrise-LoneWolf In reply to ??? [2013-07-17 19:55:12 +0000 UTC]

Ahh,can you help me figuring out my problem please?
My Deviant ID box isn't long enough to all the text,I mean,the widget ends at the begin,even with more text and all under what is written. The image,background and text there seens okay,but my widget covers all!

👍: 0 ⏩: 1

CypherVisor In reply to Sunrise-LoneWolf [2013-07-19 19:48:08 +0000 UTC]

Add
tags at the bottom as explained in the tut.

👍: 0 ⏩: 1

Sunrise-LoneWolf In reply to CypherVisor [2013-07-19 20:07:49 +0000 UTC]

Ok,I'll try! Thank you!

👍: 0 ⏩: 1

CypherVisor In reply to Sunrise-LoneWolf [2013-07-19 20:09:44 +0000 UTC]

sure

👍: 0 ⏩: 1

Sunrise-LoneWolf In reply to CypherVisor [2013-07-19 20:40:26 +0000 UTC]

Yay it works!

👍: 0 ⏩: 1

CypherVisor In reply to Sunrise-LoneWolf [2013-07-19 20:53:55 +0000 UTC]

Great!

👍: 0 ⏩: 0

Kit-X-ing In reply to ??? [2013-07-15 07:16:56 +0000 UTC]

Hello.
Im using Chrome and having trouble locating the direct-image-link and image-URL when i right click my ID photo.
All i have is "Copy image URL" and "Copy image"

👍: 0 ⏩: 1

CypherVisor In reply to Kit-X-ing [2013-07-15 10:07:14 +0000 UTC]

"Copy image URL" = direct-image-link
"Copy link address" = image-link

👍: 0 ⏩: 1

Kit-X-ing In reply to CypherVisor [2013-07-15 17:33:38 +0000 UTC]

I don't have a "copy link address" only copy image which didnt work

👍: 0 ⏩: 1

CypherVisor In reply to Kit-X-ing [2013-07-15 18:37:33 +0000 UTC]

That's weird. Chrome should show you the context-menu. Try googling to troubleshoot. You should get the answer.

👍: 0 ⏩: 0

AwkwardLoser In reply to ??? [2013-07-14 14:26:25 +0000 UTC]

Thankyou for helping me destroy my page.

👍: 0 ⏩: 1

CypherVisor In reply to AwkwardLoser [2013-07-14 16:55:06 +0000 UTC]

You're welcome! Oh btw, was it sarcastic?

👍: 0 ⏩: 1

AwkwardLoser In reply to CypherVisor [2013-07-14 17:13:28 +0000 UTC]

Yes

But it's ok I fixed it by myself

👍: 0 ⏩: 1

CypherVisor In reply to AwkwardLoser [2013-07-14 17:30:13 +0000 UTC]

Cool!

👍: 0 ⏩: 0

OppaBieberStyle In reply to ??? [2013-07-14 03:12:00 +0000 UTC]

Can you look at my ID?! That just being like that. Can you help me?! D';

👍: 0 ⏩: 1

CypherVisor In reply to OppaBieberStyle [2013-07-15 10:04:59 +0000 UTC]

Yeah saw. Try to reduce the width of your images inside.

👍: 0 ⏩: 0

Zerbert In reply to ??? [2013-07-13 00:29:15 +0000 UTC]

um.. I followed the guides and stuff, and even looked at the trouble shooting. but my background still doesn't fill the whole widget. can you help please?

👍: 0 ⏩: 1

CypherVisor In reply to Zerbert [2013-07-13 12:53:05 +0000 UTC]

Possible the width or height of your background image is not large enough.

👍: 0 ⏩: 1

Zerbert In reply to CypherVisor [2013-07-13 18:56:45 +0000 UTC]

Okay, I'll try that! Thank you!

👍: 0 ⏩: 1

CypherVisor In reply to Zerbert [2013-07-13 20:14:56 +0000 UTC]

yw

👍: 0 ⏩: 0

LightningHawk007 In reply to ??? [2013-07-10 05:05:19 +0000 UTC]

Thank you so much for this tutorial ^^

👍: 0 ⏩: 1

CypherVisor In reply to LightningHawk007 [2013-07-10 05:06:59 +0000 UTC]

yw

👍: 0 ⏩: 0

Neverexus In reply to ??? [2013-07-07 14:38:49 +0000 UTC]

Does this piece work with non-premium? I hope so. I'll try it.

👍: 0 ⏩: 1

CypherVisor In reply to Neverexus [2013-07-07 14:54:08 +0000 UTC]

Nope. You can try though.

👍: 0 ⏩: 1

Neverexus In reply to CypherVisor [2013-07-07 15:23:44 +0000 UTC]

Aw man. I really like customization. Guess my only choice is for Premium...

👍: 0 ⏩: 1

CypherVisor In reply to Neverexus [2013-07-07 15:27:42 +0000 UTC]

Yeah, get a PM really does help you get the best out of your profile page.

👍: 0 ⏩: 1

Neverexus In reply to CypherVisor [2013-07-07 18:13:11 +0000 UTC]

I know! I went on a few pages (including yours ) and I was astonished! I'm planning on getting one soon.

👍: 0 ⏩: 1

CypherVisor In reply to Neverexus [2013-07-07 18:59:28 +0000 UTC]

Cool..

👍: 0 ⏩: 0

BrokenHeartDesignz In reply to ??? [2013-07-07 06:38:25 +0000 UTC]

I'ts works with me thanks

👍: 0 ⏩: 1

CypherVisor In reply to BrokenHeartDesignz [2013-07-07 06:47:46 +0000 UTC]

Really? You need to be premium to use this. How are you able to use this?

👍: 0 ⏩: 1

BrokenHeartDesignz In reply to CypherVisor [2013-07-07 06:50:35 +0000 UTC]

Yes and i'm already a premium and i think just sort out with codes
and how to remove the old ID

👍: 0 ⏩: 1

CypherVisor In reply to BrokenHeartDesignz [2013-07-07 14:36:34 +0000 UTC]

But you have the ~ symbol.

👍: 0 ⏩: 1

BrokenHeartDesignz In reply to CypherVisor [2013-07-07 14:48:18 +0000 UTC]

how

👍: 0 ⏩: 1

CypherVisor In reply to BrokenHeartDesignz [2013-07-07 14:55:00 +0000 UTC]

before your username you have got the ~ which means you have not got premium membership. All PMs have * or = symbol.

👍: 0 ⏩: 1

BrokenHeartDesignz In reply to CypherVisor [2013-07-07 15:10:44 +0000 UTC]

ok how to get it

👍: 0 ⏩: 1


<= Prev | | Next =>