HOME | DD

Description
body div#devskin8913469 .journaltop { background-position:right; background-color:#000; color:#555; font-size:9px; text-align:center; padding:30px 0px 20px 0px; margin:0 0 10px 0; border-bottom:1px solid #333; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; } body div#devskin8913469 .journalbox { border:1px solid #000; background-color:#000; padding:0px 0px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } body div#devskin8913469 .journaltop img { display:none; } body div#devskin8913469 .journaltop span { color:#555; font-size:10px; } body div#devskin8913469 .journaltop h2 { font-family:Verdana; color:#f2f2f2; font-size:20px; padding:0 0 6px 0; } body div#devskin8913469 .journaltext { padding:40px 30px 0 30px; color:#666; line-height:14px; font-size:11px; text-align:center; } body div#devskin8913469 .journalbottom { background-color:#1c1c1c; padding:15px 0; color:#666; margin:0 0 10px 0; } body div#devskin8913469 .journalbottom a { color:#666; } body div#devskin8913469 .journalbottom a:hover { color:#fff; text-decoration:none; } body div#devskin8913469 a { color:#ccc; text-decoration:none; } body div#devskin8913469 a:hover { color:#fff; text-decoration:none; } body div#devskin8913469 ul li { background-color:#000; list-style:none; margin-bottom:3px; } body div#devskin8913469 ul.list { padding:10px 24px 15px 24px; font-size:10px; color:#bdbdbd; } body div#devskin8913469 ul.list li { padding:0px; } body div#devskin8913469 .list strong { width:90px; height:10px; display:block; float:left; color:#bdbdbd; } body div#devskin8913469 .blockquote { background-color:#ebebeb; padding:20px; margin:-20px; } body div#devskin8913469 b { color:#777; } body div#devskin8913469 .journaltext img { padding:1px; background-color:#000; border:1px solid #555; margin:0px; } body div#devskin8913469 .journaltext img:hover { padding:1px; background-color:#000; border:1px solid #f2f2f2; margin:0px; } body div#devskin8913469 .credit { text-align:center; margin:40px 0 10px 0; font-size:9px; color:#444; } body div#devskin8913469 .credit a { color:#444; text-decoration:none; } body div#devskin8913469 .credit a:hover { color:#ccc; text-decoration:none; } body div#devskin8913469 .sub { font-size:13px; line-height:15px; font-weight:bold; color:#ccc; margin:0 0 -7px 0; padding:0; }

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 :

Of course you can add a lot more photos ! ( Example : kara-a.deviantart.com/journal/… )

The html code :

- the first part (
- 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 :

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

2. Feature :
What we want to create :

Of course you can add a lot more photos ! ( Example : kara-a.deviantart.com/journal/… )

The html code :

- 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