Shop Forum More Submit  Join Login
Pastel Actions by photoshop-stock Pastel Actions :iconphotoshop-stock:photoshop-stock 670 75 Spirit [ Rainmeter Skin ] by MunaNazzal Spirit [ Rainmeter Skin ] :iconmunanazzal:MunaNazzal 227 59 Combat [ Rainmeter ] by MunaNazzal Combat [ Rainmeter ] :iconmunanazzal:MunaNazzal 129 38 Articulos by givesnofuck Articulos :icongivesnofuck:givesnofuck 292 110 Lighting Angles Front and Side by RobynRose Lighting Angles Front and Side :iconrobynrose:RobynRose 2,905 85 Taskbar UserTile by AngelWZR Taskbar UserTile :iconangelwzr:AngelWZR 271 187 Screentone-Pack by Dea-89 Screentone-Pack :icondea-89:Dea-89 1,708 253 Tech  Brushes by Tazni Tech Brushes :icontazni:Tazni 2,202 393 Halloween 2012 by UnidColor Halloween 2012 :iconunidcolor:UnidColor 5,211 399 Frame Stock by MGB-Stock Frame Stock :iconmgb-stock:MGB-Stock 1,125 312 Expressions from Above Stock Pack by RobynRose Expressions from Above Stock Pack :iconrobynrose:RobynRose 4,678 217
CSS Tricks: Background Images
Today's CSS Trick will be about using background images in Journal Skins.
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
:iconpica-ae:pica-ae 467 131
Twisted Trees 05 by LinzStock Twisted Trees 05 :iconlinzstock:LinzStock 544 46 Beautiful Flare and Haze Overlays by pstutorialsws Beautiful Flare and Haze Overlays :iconpstutorialsws:pstutorialsws 358 29 Read 2 by bypolar-bear Read 2 :iconbypolar-bear:bypolar-bear 194 42 Let's Draw Lighting Angles by RobynRose Let's Draw Lighting Angles :iconrobynrose:RobynRose 9,550 523 Elaborate Wood Frame 3 by EKDuncan by EveyD Elaborate Wood Frame 3 by EKDuncan :iconeveyd:EveyD 221 53 BABY - FNAF Sister Location - Icon GIF - Pixel art by GEEKsomniac BABY - FNAF Sister Location - Icon GIF - Pixel art :icongeeksomniac:GEEKsomniac 548 150 Glasses Stock Pack 2 by RobynRose Glasses Stock Pack 2 :iconrobynrose:RobynRose 2,598 198 Big Hedgehog Family Picture by LiyuConberma Big Hedgehog Family Picture :iconliyuconberma:LiyuConberma 1,579 252 UNRESTRICTED - Graves .PNG Files by frozenstocks UNRESTRICTED - Graves .PNG Files :iconfrozenstocks:frozenstocks 526 280 Flatjoy Circle Icons by Martz90 Flatjoy Circle Icons :iconmartz90:Martz90 163 9 Beyond the Veil by Avender Beyond the Veil :iconavender:Avender 1,208 137