Deviant Login Shop  Join deviantART for FREE Take the Tour
×

:iconkara-a: More from Kara-a


More from deviantART



Details

Submitted on
December 9, 2012
Link
Thumb

Stats

Views
3,427 (1 today)
Favourites
119 (who?)
Comments
28
×

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 : kara-a.deviantart.com/journal/… )

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 : kara-a.deviantart.com/journal/… )

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:
 
:iconkeali:
Keali Dec 11, 2012  Hobbyist General Artist
Thank you! This is very helpful! ^ ^
Reply
:iconcreated-by-caz:
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!
Reply
:icontracy-me:
tracy-Me Dec 10, 2012  Hobbyist Photographer
You are awesome. Thank you for sharing this.
Reply
:iconilikadachocolate:
ilikadachocolate Dec 10, 2012  Student Writer
Thank you so much for making this. :hug:
Reply
:iconzeroclipse:
zeroclipse Dec 10, 2012  Student Traditional Artist
:la:
Reply
:icongrasschamp:
Grasschamp Dec 10, 2012  Hobbyist General Artist
This is really helpful. I was planning on doing a Feature for someone eventually.
Reply
:iconfrancescadelfino:
FrancescaDelfino Dec 10, 2012  Hobbyist Photographer
thank you soooooo much :huggle:
Reply
:iconrekalnus:
Rekalnus Dec 9, 2012  Hobbyist General Artist
Thanks for making this.
Reply
:iconnaariel:
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!
Reply
:iconphantwigurl:
Phantwigurl Dec 9, 2012  Hobbyist Writer
Thank you for the instructions :)
Reply
Add a Comment: