[x]

Browse More Like This

More from `TimberClipse

Ginkgografix and Rydi1689To a friend….

Dedicated to Ginkgografix and Rydi1689, two Gallery Moderators who are stepping down after 1 year of amazing service

To a friend,
One who cares,
One who listens,
One who loves.

To a friend,
A friend that is there for you,
A friend that will support you,
A friend that represents who you look up to.

To a friend,
One who is a fan,
One who loves art,
One who is Fan Art!

To a friend,
A friend that is a fairy,
A friend that is deviantART
A friend that is amazing!

To a friend,
One who will never be forgotten,
One who will always have a hat in our minds,
One who will always support us.

To a friend,
Thank you.

View Gallery · View Prints

Featured in Groups:

#Unknown-Artists-Club
Unknown Artists Get Recognition

#iterators
We iterate!

#lovedA
Share The Love Of Da Around!

#Feature-Club
We give people a chance to shine

#DeviantARTconcept
Conceptually Deviant

#IWorkedSoHardOnThis
We love your hard work <3

#The-DA-advice-line
advice, help and problem solving

#All-Art-Wanted
Every ART accepted

Details

Submitted: September 4, 2010
Image Size: 689 KB
Resolution: 800×4181

Link

Thumb

Statistics

Comments: 75
Favourites: 282 [who?]
Views: 10,117 (0 today)
Downloads: 97 (0 today)

License

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

[x]

Custom User Box Tutorialby `TimberClipse

Resources & Stock Images / Tutorials / deviantART Tutorials / Other

Custom User Box Tutorial by =TimberClipse

Special Thanks to $Ayame-Kenoshi, =SparkLum, and =Psychedelicsodacan for their help!

Edit Log:

Made major viewing changes

The Code:

Below is the code I used in the tutorial. The bold areas are places you can change as I demonstrated in the tutorial.

For more resources see below.

<div class="popup2-moremenu"><br /><div class="floaty-boat"><br><img src="IMAGE SOURCE"></div></div><div class="popup2-moremenu"><div class="floaty-boat"><br /><br /><br /><a href="http://timberclipse.deviantart.com/"><img src="http://fc01.deviantart.net/fs50/f/2009/291/c/3/F_e_l_l_a___DeviantART_Tour_2_by_greatLP.png" align="left" width="200"/></a><br /></div></div></div><br><br><br><br><br><br><br><br><br><br><br><br> <div class="gr-box gr-headless"><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-body"><div class="gr"><div align="center" class="p"><div align="left"> Text can go here. </div></div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb gb1"></i></div></div></div>

Deviations

The deviations I showed include:

by =SparkLum

by =prosaix

by ¢greatLP

More Resources

Awesome Boxes by `Commander-Luminaire

Other Boxes and Buttoms by =Somrat

FAQ:

Q: What is a Cloud App?
A: A Cloud App in this case, is an online way to make documents. For example [link]

Q: What does "Links are always surrounded by “and” mean?"
A: It means that when you type a link with a URL it must be enclosed in "and"

For example: "http://timberclipse.deviantart.com"

If you have any questions, comment below!

Critique by =Samurai-Pegasis Jan 13, 2012, 10:40:29 AM

The presence of the CSS code in the author comments is also a great help since user can copy and paste it after knowing what each line of code represents.

The only suggestion for improvement would be the use of a slightly different red colour for the comment lines, since depending on the quality of the computer screen, the contrast can appear a bit blurry between the red font and the green background.

Overall: the perfect tutorial with the biggest impact I've come across, thank you for taking time in building it up (^_^)

i think this is awesome :3
-kilalaokami

What do you think?

Fair Unfair

The Artist thought this was FAIR

11 out of 12 deviants thought this was fair.

No Replies

Devious Rating

Vision

Originality

Technique

Impact

Critique by =TenshiNoFuu Nov 29, 2010, 2:38:49 PM

This is probably the clearest, most complete and easy to understand tutorial I've come across on DA.

It references at the same time links, backgrounds, text align and stamps in a complete and detailled way, while also providing a simple exemple. In that sense, it is very original since other tutorials often deal with one of these elements without entering into details about the others.

The use of official DA background colours and chibi avatars also reinforce its credibility while the presentation stays clear and in order.

The presence of the CSS code in the author comments is also a great help since user can copy and paste it after knowing what each line of code represents.

The only suggestion for improvement would be the use of a slightly different red colour for the comment lines, since depending on the quality of the computer screen, the contrast can appear a bit blurry between the red font and the green background.

Overall: the perfect tutorial with the biggest impact I've come across, thank you for taking time in building it up (^_^)

What do you think?

Fair Unfair

The Artist thought this was FAIR

33 out of 33 deviants thought this was fair.

2 Replies

Devious Rating

Vision

Originality

Technique

Impact

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

love 1 1

~~joy 0 0~~

~~wow 0 0~~

~~mad 0 0~~

~~sad 0 0~~

~~fear 0 0~~

~~neutral 0 0~~

~SketchyCharmander Apr 12, 2013 Student General Artist

Hey, I have a question: I used this little code for my header <.div class="header"><.div align="center"> (with no dots, just did that to show) but I'm not so sure how to close it.. (Ex: for closing this type of writing, I type </i>) Now everything I write goes to the center. :c Can you tell me how to close it?

`TimberClipse Apr 12, 2013 Professional Filmographer

Alright so you have two div class things so they would be ended with:

<./div><./div>
(ignore the dots)
as you have two divs to close.

~SketchyCharmander Apr 12, 2013 Student General Artist

Ok, thank you!

`TimberClipse Apr 12, 2013 Professional Filmographer

No problem

Glad I could help!

*x-MrGoldFish-x Nov 29, 2012 Hobbyist Digital Artist

Can you put two pictures in a box?

`TimberClipse Nov 30, 2012 Professional Filmographer

yes use <img src="LINK">

*x-MrGoldFish-x Nov 30, 2012 Hobbyist Digital Artist

that just creates a picture. Not a background...

`TimberClipse Nov 30, 2012 Professional Filmographer

Oh, no it is not possible to create two backgrounds.

*x-MrGoldFish-x Nov 30, 2012 Hobbyist Digital Artist

Oh, thanks, that was what I was asking.

`TimberClipse Nov 30, 2012 Professional Filmographer

Ahh alright, sorry I wasn't clear on what you had meant.

More from `TimberClipse

Featured in Groups:

Details

Statistics

License

Custom User Box Tutorialby `TimberClipse

Custom User Box Tutorial by =TimberClipse

Edit Log:

The Code:

Deviations

More Resources

FAQ:

If you have any questions, comment below!

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