Shop Forum More Submit  Join Login
Spirit [ Rainmeter Skin ] by MunaNazzal Spirit [ Rainmeter Skin ] :iconmunanazzal:MunaNazzal 244 59 PNG STOCK: Castle (England) by MAKY-OREL PNG STOCK: Castle (England) :iconmaky-orel:MAKY-OREL 319 37 Tda Magne Haku || MODEL DOWNLOAD by ToriiIsWeird Tda Magne Haku || MODEL DOWNLOAD :icontoriiisweird:ToriiIsWeird 209 21 Lighting Angles Front and Side by RobynRose Lighting Angles Front and Side :iconrobynrose:RobynRose 2,920 86 Pastel Actions by photoshop-stock Pastel Actions :iconphotoshop-stock:photoshop-stock 675 75 Combat [ Rainmeter ] by MunaNazzal Combat [ Rainmeter ] :iconmunanazzal:MunaNazzal 139 38 Screentone-Pack by Deamond-89 Screentone-Pack :icondeamond-89:Deamond-89 1,716 253 Minimalistic Image Viewer by Satukoro Minimalistic Image Viewer :iconsatukoro:Satukoro 103 74 Tech  Brushes by Tazni Tech Brushes :icontazni:Tazni 2,210 394 Taskbar UserTile by AngelWZR Taskbar UserTile :iconangelwzr:AngelWZR 271 187 Elaborate Wood Frame 3 by EKDuncan by EveyD Elaborate Wood Frame 3 by EKDuncan :iconeveyd:EveyD 222 53 Frame Stock by MGB-Stock Frame Stock :iconmgb-stock:MGB-Stock 1,131 314 Expressions from Above Stock Pack by RobynRose Expressions from Above Stock Pack :iconrobynrose:RobynRose 4,691 217 BABY - FNAF Sister Location - Icon GIF - Pixel art by GEEKsomniac BABY - FNAF Sister Location - Icon GIF - Pixel art :icongeeksomniac:GEEKsomniac 551 150
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 476 131
Elephant Hawk Moth Portrait by Sarahorsomeone Elephant Hawk Moth Portrait :iconsarahorsomeone:Sarahorsomeone 2,380 293 Narcissistic - Arteet by Arteet Narcissistic - Arteet :iconarteet:Arteet 76 1 Robert Baratheon by 1oshuart Robert Baratheon :icon1oshuart:1oshuart 456 48 Percy Jackson by realgoodpizza Percy Jackson :iconrealgoodpizza:realgoodpizza 723 170 Bokeh Texture by photoshop-stock Bokeh Texture :iconphotoshop-stock:photoshop-stock 312 159 Let's Draw Lighting Angles by RobynRose Let's Draw Lighting Angles :iconrobynrose:RobynRose 9,558 523 Mini Frame by givesnofuck Mini Frame :icongivesnofuck:givesnofuck 250 86