HOME | DD

CypherVisordeviantID 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
-----------------------------------------






: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

shafi1000 In reply to ??? [2014-01-24 19:21:15 +0000 UTC]

That doesnt work..

Thanks for trying though

👍: 0 ⏩: 1

Squiddy-Art In reply to shafi1000 [2014-01-26 03:42:14 +0000 UTC]

Try right clicking the image and click "Open image in a new tab" and then copy the URL from there.

👍: 0 ⏩: 1

shafi1000 In reply to Squiddy-Art [2014-01-26 14:16:46 +0000 UTC]

Hey! That one worked!

Thank you!

👍: 0 ⏩: 1

Squiddy-Art In reply to shafi1000 [2014-01-26 23:20:58 +0000 UTC]

No problem!

👍: 0 ⏩: 0

Colby-Justus In reply to ??? [2014-01-04 17:07:25 +0000 UTC]

Hello :3 quick question
I am using firefox and it won't let me copy the link location
I've tried google chrome and internet explorer.
is there another way I could get that?

👍: 0 ⏩: 1

CypherVisor In reply to Colby-Justus [2014-02-10 20:07:05 +0000 UTC]

You do not need that. Just use the image link for your link location and it will do.

👍: 0 ⏩: 0

Frilly-Dragoness In reply to ??? [2014-01-04 12:52:04 +0000 UTC]

I am trying but I can't seem to find the "copy link location" in my context drop-down menu... any ideas?

👍: 0 ⏩: 1

CypherVisor In reply to Frilly-Dragoness [2014-01-04 15:57:34 +0000 UTC]

Try using other browser such as firefox or chrome.

👍: 0 ⏩: 1

Frilly-Dragoness In reply to CypherVisor [2014-01-04 17:20:52 +0000 UTC]

I tried using firefox but it came out as the same context box? I will figure it out... thanks anyways!

👍: 0 ⏩: 1

CypherVisor In reply to Frilly-Dragoness [2014-01-14 16:53:47 +0000 UTC]

Okay.

👍: 0 ⏩: 0

fineartbyandrewdavid In reply to ??? [2014-01-01 07:16:11 +0000 UTC]

wow
you are amazing

👍: 0 ⏩: 1

CypherVisor In reply to fineartbyandrewdavid [2014-01-01 18:00:43 +0000 UTC]

👍: 0 ⏩: 0

Etsuko-Hime In reply to ??? [2013-12-31 21:11:46 +0000 UTC]

i love this!!  

👍: 0 ⏩: 1

CypherVisor In reply to Etsuko-Hime [2014-01-01 18:00:51 +0000 UTC]

👍: 0 ⏩: 1

Etsuko-Hime In reply to CypherVisor [2014-01-01 19:55:03 +0000 UTC]

👍: 0 ⏩: 0

ShelandryStudio In reply to ??? [2013-12-30 09:46:40 +0000 UTC]

Quick question. I followed all the instructions to the t and it worked for the most part. I looked through the Q&A and didnt find this.

My box is not expanding long enough for all the info i had on my ID. The original box went longer as I added more stuff and I cant figure out how to make it longer to show all that I had on there before.

👍: 0 ⏩: 1

CypherVisor In reply to ShelandryStudio [2013-12-30 11:21:44 +0000 UTC]

You need to add
tags at the bottom of your code as mentioned in the tutorial. Just read through and you'll get it.

👍: 0 ⏩: 1

ShelandryStudio In reply to CypherVisor [2013-12-31 02:31:16 +0000 UTC]

i did and the box never grew. it stops less then 1/4 of the way 

👍: 0 ⏩: 1

CypherVisor In reply to ShelandryStudio [2014-01-01 18:16:40 +0000 UTC]

May be some

are missing at the end of the code and because of which the codes are not getting closed.

👍: 0 ⏩: 1

ShelandryStudio In reply to CypherVisor [2014-01-01 21:50:58 +0000 UTC]

i think i fixed it. if you have the time can you take a look at my page and tell me what you think. this is my first time ever doing anything like this and I would like an opinion on how it looks.

👍: 0 ⏩: 1

CypherVisor In reply to ShelandryStudio [2014-01-02 10:42:52 +0000 UTC]

Except for the devID it looks all fine. You should reduce the content width in the devID because it is getting cut-out on the left side.

👍: 0 ⏩: 1

ShelandryStudio In reply to CypherVisor [2014-01-02 10:51:44 +0000 UTC]

im just not sure how much to move it to because on my usual browser it loos fine. Im worried that if I move it using the IE that it wont look right on the other ones. Imnot sure what IE i am using. i might try to update and see what happens. If it still looks a bit off then I might put a disclaimer on it saying that IE is being a

👍: 0 ⏩: 1

CypherVisor In reply to ShelandryStudio [2014-02-05 11:58:52 +0000 UTC]

Okay yeah.

👍: 0 ⏩: 0

Lavenderlux In reply to ??? [2013-12-29 20:30:25 +0000 UTC]

oh and is there any way to make the ID image smaller? because when i put it in, it shows up full size so it covers up everything is there anyway to size the image?

👍: 0 ⏩: 1

CypherVisor In reply to Lavenderlux [2013-12-30 08:30:14 +0000 UTC]

use the width property to determine the size of the image. This will help: Custombox F.A.Q. + Tips and tricks

👍: 0 ⏩: 0

Lavenderlux In reply to ??? [2013-12-29 20:17:51 +0000 UTC]

hmm, my image wont show up for my ID, any way to fix this??

👍: 0 ⏩: 1

UTERI In reply to Lavenderlux [2014-01-22 23:26:49 +0000 UTC]

Ah !  have the same problem!! Is there by any chance you can tell my how you fixed it?? > <

👍: 0 ⏩: 0

RubyLimexx In reply to ??? [2013-12-29 16:09:54 +0000 UTC]

It works great, only i have one problem: my text is'nt black, but grey...



Is there a way to fix it? Love the tutorial btw!

👍: 0 ⏩: 1

CypherVisor In reply to RubyLimexx [2013-12-29 16:17:21 +0000 UTC]

You can get black text using this:

This is a black text

👍: 0 ⏩: 1

RubyLimexx In reply to CypherVisor [2013-12-29 16:29:30 +0000 UTC]

Thanks for the fast reply, let's hope it works ^^

👍: 0 ⏩: 1

CypherVisor In reply to RubyLimexx [2013-12-29 16:33:38 +0000 UTC]

It will.

👍: 0 ⏩: 1

RubyLimexx In reply to CypherVisor [2013-12-29 17:13:33 +0000 UTC]

Yeah it worked, thanks a lot

👍: 0 ⏩: 1

CypherVisor In reply to RubyLimexx [2013-12-29 17:52:28 +0000 UTC]

Yay!

Yw

👍: 0 ⏩: 0

Toyona In reply to ??? [2013-12-27 06:52:09 +0000 UTC]

Is there any way by which I can place my ID picture in the middle instead of the top?

👍: 0 ⏩: 1

CypherVisor In reply to Toyona [2013-12-27 13:29:06 +0000 UTC]

Yes. Just cut this part of the code:



And paste it where you want to insert your image (in the Lorem Ipsum part).

👍: 0 ⏩: 0

HanaRenee In reply to ??? [2013-12-24 04:52:28 +0000 UTC]

hi. will this work for the donate box?

👍: 0 ⏩: 1

CypherVisor In reply to HanaRenee [2013-12-24 18:06:03 +0000 UTC]

Nope. It will be buggy.

👍: 0 ⏩: 1

HanaRenee In reply to CypherVisor [2013-12-24 20:41:49 +0000 UTC]

hmm... that's too bad and thanks for the reply back. you're awesome

👍: 0 ⏩: 1

CypherVisor In reply to HanaRenee [2013-12-27 18:11:41 +0000 UTC]

np

👍: 0 ⏩: 0

mikaylaleannART In reply to ??? [2013-12-23 19:55:06 +0000 UTC]

Never mind. I figured it out! Thank you for making this!

👍: 0 ⏩: 1

CypherVisor In reply to mikaylaleannART [2013-12-24 18:05:23 +0000 UTC]



It's my pleasure hun!

👍: 0 ⏩: 0

mikaylaleannART In reply to ??? [2013-12-23 19:43:11 +0000 UTC]

I hate to bother you with my problem this close to the holidays, however I am having some complications with the background. I followed all the instructions and such and it looks great, except the deviation ID box is very short, and I am not quite sure why. I do not have interest tabs on my page because I didn't want them, however I cannot see the other information that used to be included in my bio.
Thank you for your time and assistance.
Happy Holidays!

👍: 0 ⏩: 0

Ovelayotli In reply to ??? [2013-12-21 06:23:39 +0000 UTC]

Useful! now that i'm premium I'll able to use this!

👍: 0 ⏩: 1

CypherVisor In reply to Ovelayotli [2013-12-21 10:49:12 +0000 UTC]

Yay!

👍: 0 ⏩: 1

Ovelayotli In reply to CypherVisor [2013-12-21 18:01:06 +0000 UTC]

yay!

👍: 0 ⏩: 0

Honiah In reply to ??? [2013-12-14 23:33:01 +0000 UTC]

Hey I'm not sure if you could help me or not but for some reason my id box appears fine on computers but on any other device (like a phone or tablet) part of it cuts off to the left. Also I can't seem to get the direct image link for my id photo, it's just not an option when I right click for it. I can however still get the URL though. If you could give me some advice, that would be much appreciated  

👍: 0 ⏩: 1

CypherVisor In reply to Honiah [2013-12-21 10:51:51 +0000 UTC]

For the part, "it cuts off"... that can't be helped. All you can do is keep your image and content narrow so that it is shown properly in any screen.

And for the direct image link, try it with other browser (such as firefox or chrome)

👍: 0 ⏩: 1

Honiah In reply to CypherVisor [2013-12-21 22:30:43 +0000 UTC]

Thanks yeah I realised most other content cuts off for premium members on other devices too & I think I have it all working now

👍: 0 ⏩: 1

CypherVisor In reply to Honiah [2013-12-22 12:51:29 +0000 UTC]

cool

👍: 0 ⏩: 0

Hamilton-Animations In reply to ??? [2013-12-05 03:28:45 +0000 UTC]

Hi, 

I'm just wondering is there anway that you may know of in creating a background for the donation pool.

👍: 0 ⏩: 1


<= Prev | | Next =>