CSS Tricks: Background ImagesToday's CSS Trick will be about using background images in Journal Skins.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
All fonts for dAMore Like This
Safe Web Fonts (For text or literary deviations and Journals only)
This is the complete list of fonts you would display in all browsers. (You know, not all are valid)
Compiled by AimanStudio to #deviantCSS (deviantART XHTML & CSS Ref). Many thanks!
If you're a little bored of our old Verdana, you can change the font in your literary deviations.
Before of writing, indicate the font you choose with the tag:
<font face="Georgia"> or <font face="Courier New">, etc.
Close the application with </font>.
Personalize and work in the view of your literary deviations.
Here they are:
Comic Sans MS
Franklin Gothic Medium
Lucida Sans Unicode
Microsoft Sans Serif
MS, Reference, sans-Seri
Drop Down MenuLevel 1aMore Like This
Level 2a_aLevel 3a_a_a
Level 2a_cLevel 3a_c_c
Level 2b_aLevel 3b_a_a
Level 2c_aLevel 3c_a_a
Okay - so using this is kinda like writing a list, it all comes down to wrapping each element inside the previous.
for simplicity I have made a costum div for the menu and called it (drumroll please) menu_ (menu is used by deviantArt somewhere) I have defined and inside the menu, so if you want to make something italic outside the menu - or use the tag for something else, you can.
let's start with one level 1 (level 1a)
the html would be:
which would then look like:
so - the first inside the menu_ is level 1, yes? By adding more we will get level 1b and 1c:
which now looks like:
Moving on to level 2 - we'll focus on the dropout from level 1a, so I'm deleting level 1b and le