CSS Tutorials and ResourcesCSS and DeviantARTCSS Tutorials and Resources1 year ago in Art Features More Like This
So you want to start creating your own journal skins? Learning CSS can be somewhat time consuming, but there are plenty of awesome resources to help you.
Remember, learning CSS and webdesign can land you a job in the future! Not only that, but coding Cascading Style Sheets is actually a lot of fun. It's awesome to see others using your Journal/ Gallery skins.
Examples of Journal Skins!
Finding others to code with
One thing that makes deviantART awesome is that there are over 26 million active users! This means a bunch of others will always be willing to learn with you. I'd be happy to answer any questions you have, or help you find the information you need.
deviantART Related Groups
PE: A Guide to Gallery CSSA Guide to Gallery CSSPE: A Guide to Gallery CSS2 years ago in Art Features More Like This
Learn the basics of Gallery CSS with this easy-to-follow guide!
In this tutorial, we'll cover:
Adding gallery CSSCoding gallery skinsSome useful resources
Adding Gallery CSS
First of all, some important facts about Gallery Skins:
Only Premium Members are allowed to add CSS to their galleriesSkins can be added to both the Gallery and the FavoritesSkins can only be added to the Gallery folders and Favorites collections (shown in the sidebar) but not the main page itself
Step 1: Click on one of your Gallery or Favorites folders in the sidebar.
Step 2: Click the button called "Folder Options" or "Collection Options."
This button is located at the top right of
CSS Tricks: Background ImagesToday's CSS Trick will be about using background images in Journal Skins.CSS Tricks: Background Images2 years ago in Journal and Gallery Tutorials More Like This
There are three types of images that are mostly used in journals skins: big background images, seamlessly repeatable patterns and icon/logo-like images.
Images can be used for all elements of a journal: in the header, footer, behind text, next to text etc.. Any journal element has the ability to contain an image
I cannot stress enough that the main objective of a journal is making written content enjoyable to read. It is all about readability and making it as easy for the reader as possible. Very often I come across pretty journal skins, that have a complete lack of readability. In one of my previous CSS Tricks I already mentioned the dangers of text lengths and how to limit the .text width to improve readability.
Problems with using images:
Despite being big an images turns out to be too small for a journalAn image does not repeat seamlesslyText becomes non-re