[x]

CustomBox+Journal Tips n Tricks-Updated 08-June-13More updates comings soon!!
You may put all your queries here in this blog comments.
Tips & tricks
1. How to align your elements in custombox or journal?
Use the following code:
<div align="center">Content herediv>
You can change the alignment to left, right, center & justify by simply replacing the words as shown below
<div align="left">Content herediv>
2. How do you change the font-size in a custombox?
Use the following code:
<font size="1">Your text herefont>
<font size="2">Your text herefont>
<font size="3">Your text herefont>
<font size="4">Your text herefont>
<font size="5">Your text herefont>
<font size="6">Your text herefont>
<font size="7">Your text herefont>
The result:
Font size = 1
Font size = 2
Font size = 3
Font size = 4
Font size = 5
Font size = 6
Font size = 7
3. How do you get the URL address of your NO

Browse More Like This

Shop Similar Prints
This Print Not Available more ▶

More from `CypherVisor

View Gallery

Featured in Groups:

#eCSSited
a place for all your CSS needs

#DACipher
Your Circle of Growth.

#Tutorial-City
Where the best tutorials live.

#DD-Catalogue
The Home of Daily Deviations

#ARTnewbies
For ARTists and newbies

#TutorialHouse
A Casa dos Tutoriais

#DevNews
News 'til Hell freezes over

#Tutorials-Etc
Collects any and all tutorials

Show all (16)

Details

Submitted: June 13, 2012
Image Size: 1,010 KB
Resolution: 800×5000
Submitted with: Sta.sh

Link

Thumb

Statistics

Comments: 649
Favourites: 2,517 [who?]
Views: 41,834 (11 today)

License

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

[x]

deviantID widget box customization tutorialby `CypherVisor

Resources & Stock Images / Tutorials / deviantART Tutorials / Other

______________________________________________________________________________________________________
»»»»»»»»»»»»»»»»»»»»»»»»»»» 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: [link]

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"><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></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

Want to customize your profile more?

Check all my free resources + tutorials: [link]

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

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 )

Critique by *StephiPhotography Aug 8, 2012, 12:01:43 PM

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?

Fair Unfair

The Artist thought this was FAIR

72 out of 75 deviants thought this was fair.

No Replies

Devious Rating

Vision

Originality

Technique

Impact

Critique by ~RaVeNtHeTiTaN Aug 1, 2012, 2:21:11 PM

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?

Fair Unfair

The Artist thought this was FAIR

73 out of 75 deviants thought this was fair.

No Replies

Devious Rating

Vision

Originality

Technique

Impact

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

~~wow 0 0~~

~~fear 0 0~~

~~neutral 0 0~~

~Auskie 1 day ago Hobbyist General Artist

Great Tutorial for this, quick question though. Say we dont want the BG, but is there a way to change the font color, and only the font color in the ID widget?

*Redpadna Jun 11, 2013 Hobbyist Artist

WOOP i did it, but....my interest drop down menu in gone! D: Halp plz

`CypherVisor 6 days ago

Seems like you got it done!

*Redpadna 6 days ago Hobbyist Artist

The interest bar on the deviant ID isn't working...

`CypherVisor 6 days ago

Just decrease the background image height of the one that you are using now. It is just covering the interest bar.

*Redpadna 6 days ago Hobbyist Artist

No i can see the bar, when i click it nothing happens, it doesn't open

`CypherVisor 5 days ago

There is an invisible image that actually cover the bar. Just try reducing the height of your bg little bit more and you should get it working.

*Redpadna 5 days ago Hobbyist Artist

It's ok I fixed it now ^-^

`CypherVisor 5 days ago

cool

*Redpadna 6 days ago Hobbyist Artist

It's ok i fixed it now ^_^

More from `CypherVisor

Featured in Groups:

Details

Statistics

License

deviantID widget box customization tutorialby `CypherVisor

How to use ?

Video tutorial for this: [link]

SOURCE CODE:

Other tutorials

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

Daily Deviation

The Artist has requested Critique on this Artwork

The Journal Portal

Polls

What is your preferred drawing software?

deviantART [dee·vee·un'nt·ART]

Keep in Touch!

Deviousness

Add Media

Style