Deviant Login Shop  Join deviantART for FREE Take the Tour

:iconkara-a: More from Kara-a

More from deviantART


Submitted on
December 9, 2012


3,427 (1 today)
119 (who?)

How To : Features

Journal Entry: Sun Dec 9, 2012, 3:02 AM
Since i get asked a lot how i create my Features i decided to write a short tutorial about it, i hope it will help some of you :

1. Feature
What we want to create :

17. by Kaasik91
Black Tree by MenoevilDrama at Dusk by StefanHefele
Of course you can add a lot more photos ! ( Example :… )

The html code :

<da:deviation id="312488093" width="600">
<da:deviation id="328534872" width="200"><da:deviation id="309814893" width="400">

- the first part ( <da:deviation id= ) is always the same

- the number you can read in the " " is the thumbnumber of the photo you want to feature
       Example : Thumb Code : :thumb416115653:
                        Thumb Number : 416115653

- width="600" refers to the size of the shown photo but this just works for the width and not for the height of a photo

- if you want to add more than one photo in a row you have to devide the 600 into two, it will take some attempts until they fit perfectly,
  to get what i mean i will add another example code :

<da:deviation id="244977861" width="600">
<da:deviation id="308752257" width="258"><da:deviation id="322423011" width="343">
<da:deviation id="327608338" width="402"><da:deviation id="309308522" width="198">
<da:deviation id="322713010" width="240"><da:deviation id="328051143" width="360">

- this kind of Feature take a lot of patience and time

2. Feature :
What we want to create :

Electrifying - European Bee-eater by Jamie-MacArthur

La Chasse aux Coccinelles by Somebody--else     Color with me? by lieveheersbeestje     Autumnal II by Alessia-Izzo
Of course you can add a lot more photos ! ( Example :… )

The html code :

<da:deviation id="334769788" width="600">

<da:deviation id="296618268" width="180">     <da:deviation id="336689145" width="180">     <da:deviation id="335978346" width="180">

- This works pretty similar to the first Feature

- the sizes of all photos in rows with more than one photo should all together have a smaller size than 600 since you want to leave spaces between them

- it is important that you use only similar photos ( e.g. only squares ) in one row, if you do that you can use the same width for all photos, which is a lot easier and faster

- use a blank line between each row

I hope this will help some of you ! Have fun ♥
And if there are any questions just ask me

This Journal Skin was designed by Night-Beast
Add a Comment:
Keali Dec 11, 2012  Hobbyist General Artist
Thank you! This is very helpful! ^ ^
Created-By-Caz Dec 10, 2012  Hobbyist Writer
I always wondered how to get the different sizes. This will be very useful, thank you for sharing!
tracy-Me Dec 10, 2012  Hobbyist Photographer
You are awesome. Thank you for sharing this.
ilikadachocolate Dec 10, 2012  Student Writer
Thank you so much for making this. :hug:
zeroclipse Dec 10, 2012  Student Traditional Artist
Grasschamp Dec 10, 2012  Hobbyist General Artist
This is really helpful. I was planning on doing a Feature for someone eventually.
FrancescaDelfino Dec 10, 2012  Hobbyist Photographer
thank you soooooo much :huggle:
Rekalnus Dec 9, 2012  Hobbyist General Artist
Thanks for making this.
Naariel Dec 9, 2012  Hobbyist Digital Artist
Very good tutorial - never seen anyone who portrays their features like this, so this should definitely come more out in the world!
Phantwigurl Dec 9, 2012  Hobbyist Writer
Thank you for the instructions :)
Add a Comment: