#to the URL and the name to whatever name you wish.
<div class="button"><a href="#">My Profile</a></div>
<blockquote>Text.</blockquote>tags. Or push the button in Rich Editing Mode.
And that's it! Have fun and enjoy, my devious friends!
Do-It-Yourself Journal SkinDo-It-Yourself Journal Skin
Get into Journal skinning by learning how to create your own Journal skin in this tutorial!
Written by `miontre for dA Related Week in #projecteducate
Jump to resources
Heya everyone! In this tutorial, you'll be learning how to create your own Journal skin on deviantART. This tutorial takes a "Do-It-Yourself" or "Assemble-It-Yourself" type approach. I've pre-created a design, and it's up to you to put it together and customise it - with instructions, of course!
Note that you need a Premium Membership to use Journal skins!
This tutorial is aimed at anyone who is interested in starting to create Journal skins on dA using CSS. Those who don't know anything about CSS yet can follow along, and hopefully learn something along the way! Those who are beginners with CSS can learn how to turn a design into code, and how to use CSS to create a Jo
The Artsy Journal Skin ContestThe(Has a section "News to CSS" very helpful links there!)
Journal Skin Contest
Inspiration is free - and deviantART is full of it! We want you to take a piece of art and use it as inspiration to create a Journal skin. Your task is to represent a chosen piece of artwork in a Journal skin or a Journal design through the use of colour, typography, graphics, design, mood, and other elements which you think relate to the artwork in one way or another.
Grab some inspiration
deviantART's various galleries are full of inspiring artworks. Take a browse around, and find something which catches your eye! Here are some places in which you may like to get started:
widthsets a width, doesn't get any wider, doesn't get any skinnier.
Min-widthmeans that the value you put in there is the minimal width; it does not narrow.
Max-widthmeans that the set value is the maximal width, but can narrow. Basically, a fixed size makes the easy way out accessible: you don't have to work with percentage values to define the width of sub-elements. You can say: gr-box is 900px wide, and this sub-element is 700px wide. Otherwise it would be max-width: 900px; for gr-box, for example, and width: 77%; (roughly). It tends to give you more control, but that may just be me. When working with graphics-heavy skins, a fixed width is almost inescapable.