HOME | DD

CypherVisordeviantID widget box customization tutorial by-nc-nd

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

AnimeHurpDaDurp In reply to ??? [2013-01-10 23:59:25 +0000 UTC]

I did, maybe I just didn't put enough. ^ ^

👍: 0 ⏩: 1

CypherVisor In reply to AnimeHurpDaDurp [2013-01-11 11:01:56 +0000 UTC]

Hmm

👍: 0 ⏩: 1

AnimeHurpDaDurp In reply to CypherVisor [2013-01-11 22:40:17 +0000 UTC]

Idk, don't worry about it ^ ^

👍: 0 ⏩: 0

KatieBirb In reply to ??? [2013-01-06 02:20:20 +0000 UTC]

I have a problem. When i paste the code and save it, the ID isn't centered, and the Beginning of the Page is somewhere far off the side of the box. I copied the code and did what i THOUGHT you said. Am i still doing something wrong?

👍: 0 ⏩: 1

CypherVisor In reply to KatieBirb [2013-01-07 18:42:15 +0000 UTC]

May be you are putting breaks in your content too far off or the image size of your deviantID is too big.

👍: 0 ⏩: 1

KatieBirb In reply to CypherVisor [2013-01-11 22:21:58 +0000 UTC]

ok thank you

👍: 0 ⏩: 1

CypherVisor In reply to KatieBirb [2013-01-12 07:35:39 +0000 UTC]

np

👍: 0 ⏩: 0

sazberryftw In reply to ??? [2013-01-03 15:24:26 +0000 UTC]

Firstly thank you for all your coding resources, they're really amazing!
I've used this to create my own ID widget, but there's just one issue.
Can I change the link text colour somehow? The dark greeny blue is barely visible on the black background. It's the same with my journal skin too.

👍: 0 ⏩: 1

CypherVisor In reply to sazberryftw [2013-01-03 15:26:15 +0000 UTC]

Well, that is the major problem in the code you can't change the font color. I am afraid but I gotta tell you to change the background color perhaps.

👍: 0 ⏩: 1

sazberryftw In reply to CypherVisor [2013-01-03 15:56:27 +0000 UTC]

Dang it! Oh well, thanks anyway. c:

👍: 0 ⏩: 1

CypherVisor In reply to sazberryftw [2013-01-03 16:17:15 +0000 UTC]

No problem!

👍: 0 ⏩: 0

CherryNyanyan In reply to ??? [2013-01-02 15:52:28 +0000 UTC]

Um, i cant upload that to stash because it is blocked in my country. what can i do? thanks

👍: 0 ⏩: 1

CypherVisor In reply to CherryNyanyan [2013-01-03 14:50:49 +0000 UTC]

Sta.sh is blocked? I am talking about sta.sh of Deviantart btw.

Otherwise you can use image hosting site such as imageshack.us etc.

👍: 0 ⏩: 1

CherryNyanyan In reply to CypherVisor [2013-01-03 16:02:14 +0000 UTC]

Thank you so much!!! well i meant the Sta.sh of DA.

👍: 0 ⏩: 1

CypherVisor In reply to CherryNyanyan [2013-01-03 16:16:14 +0000 UTC]

if you are using sta.sh to upload an image just right-click on it (use firefox or chrome for this) and copy the image link/URL and paste where it is shown

👍: 0 ⏩: 1

CherryNyanyan In reply to CypherVisor [2013-01-03 16:35:37 +0000 UTC]

um, for the image of the id box, i can only copy URL but bot the image location, not in Firefox or chrome. but for other pictures i can do so. how can i find that?

👍: 0 ⏩: 1

CypherVisor In reply to CherryNyanyan [2013-01-07 15:20:44 +0000 UTC]

Well, that's strange. Did you try saving the devID box and then try to copy the image-link when there's not code?

👍: 0 ⏩: 1

CherryNyanyan In reply to CypherVisor [2013-01-07 17:26:36 +0000 UTC]

Thank you i will try.

👍: 0 ⏩: 1

CypherVisor In reply to CherryNyanyan [2013-01-07 18:17:06 +0000 UTC]

Sure thing!

👍: 0 ⏩: 0

rydi1689 In reply to ??? [2013-01-01 22:41:40 +0000 UTC]

This was quite a nightmare to get done ... I have a newly born hate towards the < br > code
Thanks for this though, I managed to do it after all

👍: 0 ⏩: 1

CypherVisor In reply to rydi1689 [2013-01-03 14:52:06 +0000 UTC]

Lol

I am glad you could do it of your own. People tend to complain to me sometime, saying that it doesn't work.

Btw, happy new year!

👍: 0 ⏩: 0

IIwatermelontrainII In reply to ??? [2012-12-31 14:54:58 +0000 UTC]

Okay, so for the first part was okay. But then I added all my information and saved and it all had dissapeared! All as in the text. Now all I see is the red backround........
This is honestly confusing for me; I'm not really smart when it comes to computer codes and stuff like this..

👍: 0 ⏩: 1

CypherVisor In reply to IIwatermelontrainII [2013-01-03 14:53:27 +0000 UTC]

Are you adding your text in the Lorem Ipsum part of the code?

👍: 0 ⏩: 1

IIwatermelontrainII In reply to CypherVisor [2013-01-03 20:04:11 +0000 UTC]

Oh...... okay. ^^: Thank you

👍: 0 ⏩: 1

CypherVisor In reply to IIwatermelontrainII [2013-01-07 15:14:03 +0000 UTC]

np

👍: 0 ⏩: 0

XxMidyBluexX In reply to ??? [2012-12-29 01:03:19 +0000 UTC]

Hmm, i can't seem to get my ID picture to show up. I already went over it twice and i'm still lost.

This is the image i'm trying to get to show up

👍: 0 ⏩: 1

CypherVisor In reply to XxMidyBluexX [2013-01-03 14:54:27 +0000 UTC]

Sorry, I don't see the link of the image first of all. And you may send me your codes (via note) so that I can check and reply to you if you wish!

👍: 0 ⏩: 0

LennyThynn In reply to ??? [2012-12-28 08:57:50 +0000 UTC]

Okay, nevermind, it seems when I copy/pasted a URL, I somehow deleted some of the code. It pays to double check things, haha.

Anyway, thank you so very much for putting up all these tutorials! They're a goldmine for people like me who know next to nothing about CSS.

👍: 0 ⏩: 1

CypherVisor In reply to LennyThynn [2013-01-03 14:57:32 +0000 UTC]

That's great! I am glad that you've figured it out.

👍: 0 ⏩: 1

LennyThynn In reply to CypherVisor [2013-01-04 03:15:23 +0000 UTC]

<3

👍: 0 ⏩: 0

LennyThynn In reply to ??? [2012-12-28 03:01:23 +0000 UTC]

Most of this is working for me. I just have a problem with the alignment of the background image... it doesn't seem to be centering on the widget? And all of the content is aligning on the background image, which, because of the initial problem, is pushing all content to one side, making it unseeable on smaller monitors.

👍: 0 ⏩: 0

Sprouteeh In reply to ??? [2012-12-27 17:55:32 +0000 UTC]

Thanks a lot for doing this tutorial ^^
I have just a little problem: The ID picture pushes the text down and I cant read it (no one can, It doesnt show). The background Im using is 1000x1000 but I changed it to 1000x3000 trying to make it work. Idk, does that makes the bg image larger? Im afraid so, but can you help me with this?

Im using this code btw:


[link] "/>





[link] "/>


*the-bloody-sprout


Marta
Artist | Student | Digital art and Animation
Portugal


Yo!
I'm a 13 year old artists that loves to draw animals and learn about new things.
I'm a really curious person and I love to make new friends c:
My art style is based on tribble-of-doom's because she's the one that made me start animating. Thank you tribbs
Feel free to comment/favourite my deviations, I would like to know what you think of my art. Feel free as well to poke me
anytime you want, I'm easy going, but if I ever get angry with you, I may insult you with no intention.
Have fun!















👍: 0 ⏩: 2

CypherVisor In reply to Sprouteeh [2013-01-03 14:55:50 +0000 UTC]

Please do not copy paste the code here. It won't be displayed properly and thus I won't be able to understand anything. You may send me the code of yours via note and I can give a peek at it and reply to you.

👍: 0 ⏩: 1

Sprouteeh In reply to CypherVisor [2013-01-03 17:23:59 +0000 UTC]

I solved the problem thank you very much ^^

👍: 0 ⏩: 1

CypherVisor In reply to Sprouteeh [2013-01-07 15:18:49 +0000 UTC]

I am glad that you've fixed it yourself!

👍: 0 ⏩: 0

rydi1689 In reply to Sprouteeh [2013-01-01 22:40:44 +0000 UTC]

have you added enough < br> codes? (without the space in the < br> code)

I used to have the same problem until I added enough!

👍: 0 ⏩: 1

Sprouteeh In reply to rydi1689 [2013-01-01 22:55:07 +0000 UTC]

ill try to, ty

👍: 0 ⏩: 0

undead-feline In reply to ??? [2012-12-27 07:05:18 +0000 UTC]

is there any way to make the
YOUR NAME
Artist | Professional | Design & Interfaces
YOUR_COUNTRY_NAME
white but the
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.
black?

👍: 0 ⏩: 1

CypherVisor In reply to undead-feline [2013-01-03 14:56:47 +0000 UTC]

Try using

your textont>h3>

👍: 0 ⏩: 1

undead-feline In reply to CypherVisor [2013-01-03 23:59:53 +0000 UTC]

yes it worked! thank you :3
also what size would you recommend making the id pic?

👍: 0 ⏩: 1

CypherVisor In reply to undead-feline [2013-01-07 15:11:32 +0000 UTC]

You're welcome. Umm, a safe size for all resolution would be be may be 300-400px width image.

👍: 0 ⏩: 0

Billark In reply to ??? [2012-12-23 11:58:17 +0000 UTC]

ah you're a life saver! I was looking for so long, and decided to just google it instead of looking for it in dA and found yours. This helped me a lot! thanks a ton!

👍: 0 ⏩: 1

CypherVisor In reply to Billark [2012-12-23 12:56:49 +0000 UTC]

Ah! That's great!

And you are most welcome my friend!

👍: 0 ⏩: 0

DevBBTHQ In reply to ??? [2012-12-20 21:22:57 +0000 UTC]

Well, it's ain't working... My text has gone down. The image 'pushed' it down.
How to solve?

👍: 0 ⏩: 1

CypherVisor In reply to DevBBTHQ [2012-12-22 13:25:35 +0000 UTC]

You need to be a premium member to use it.

👍: 0 ⏩: 1

DevBBTHQ In reply to CypherVisor [2012-12-22 13:51:07 +0000 UTC]

Bummer.

👍: 0 ⏩: 0

srcpcsoha In reply to ??? [2012-12-17 00:56:35 +0000 UTC]

Ah! Okay! I did it again and I have the same problem! I'm just going to leave it up there this time u v u maybe you can help? again;;;; :'>

👍: 0 ⏩: 1

CypherVisor In reply to srcpcsoha [2012-12-18 18:40:26 +0000 UTC]

You are messing up the codes somewhere. Some tags are not closed properly it seems. Also add
tags at the bottom of the codes to increase the size of the box

👍: 0 ⏩: 1

srcpcsoha In reply to CypherVisor [2012-12-18 18:43:04 +0000 UTC]

hm.. I'll try it again ..

👍: 0 ⏩: 1

CypherVisor In reply to srcpcsoha [2012-12-18 18:55:41 +0000 UTC]

sure thing!

👍: 0 ⏩: 1


<= Prev | | Next =>