- Commented sections to explain use of each area.
- Embedded Deviations
- Text Formats
- Extra Div placeholders
- Author tag code
- 3 Layers of Journal Containers
- Alt image coding
- Lit/Journal Thumbs
- Pre-formatted left/right/clear floats
- Skin Attribute
- Journal Edit Mode Preview
This is the exact template that I use as a base to code all my journal skins, now organized so that other people can understand it!
The commented sections explain each section. There isn't great detail, just a brief over view. This will continue to be updated as new coding or dA changes occur. This is up to date as of 5/2/2013. You can view my live template work file in my GoogleDrive. I keep more notes as I go and bold new entries.
This snippet is a bare bones top to bottom journal CSS. It has absolutely no formatting. (other than to make everything blank, the "Clear All" snippet is coded)
There is no instruction how to use this either. This is not a tutorial. It is a blank template. You will need to know basic CSS in order to fill in the blanks. There are numerous tutorials on DA for this, as well as on w3schools: [link]
I will not reiterate what they've all said.
This is a useful resource to start out your template, as a blueprint. I've made it installable so you can use it as your base, simply choose it instead of the default
eviant Green when you start your new layout. Then create yours and save as new.
Included in this installable snippet:
*, .gr, .gr-box, .gr-top, .gr1, .gr2, .gr3, .tri, .gr-top h2 img, .gr-top h2, .gr-top span, .grf-indent, .gr-body, .text, .bottom, .hsep, .commentslink, .prevlink, .list, em, p, strong, blockquote, li, a, a:hover, a:visited, .shadow, .shadow-holder, .shadow-holder img
No special divs, sidebars, navs, menus or anything are included. Sorry no live view, but it looks just like the image... nothing! Useful Resources
Tutorial collections which may be useful with this snippet:
No credits required for anything, this is all general and free knowledge. Comments and faves are appreciated.
for author tag addition. And Thanks goes out to
for introducing me to negate-margin/put-art-here and more and going over all these in extensive notes.
Please follow #CSS-DYK
for the CSS series with mini tutorials.
CSS Did You Know? - May 2nd, 2013Volume 9
CSS can be difficult when you're unfamiliar to it. So that's why we're writing these articles! If you have any suggestions or would like to write a section in future CSS Did You Know? articles, please note #CSS-DYK.
dA Embedded Deviations and Videos Styled by `GillianIvy
Author by `im-not-sana
dA Embedded Deviations and Videos Styled
What Am I Talking About?
What is the difference between an embedded deviation and a deviant thumb? Glad you asked. The thumbs have the codes everyone already knows and loves. And if you don't know what I'm on about, then look on the sidebar of your deviation and you will find your thumbcode. These codes can be used in journals, widgets and artist descriptions to link a thumbnail of the deviation.