CODE 012 } read all about it

[isleofapples]

Your Newspaper Title

DATE WEATHER WHATEVER

Caption text goes here

Your Title Goes Here

By FakeMCFaker

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Your Title Goes Here

By FakeMCFaker

Caption text goes here

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Caption text goes here

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Page 1

code

Information

This is just a nice and simple newspaper code to use in your games or character journals or whatever floats your boat. The text will auto sort itself into columns and you can define the number of columns near the top of the code here the css talks about, well, columns. But please make sure to change all the values for that section to the new number or it won't show for everyone as you expect it to.

⤷ One - The code is designed to be mostly fluid, so set your prefered width at the top div (default: 100%) and everything else will scale accordingly. This includes the images.

⤷ Two - How you arrange the elements is up to you, but I have included in the code (and also here below this bullet point) codes for captioned and greyscaled images and article titles.

Image Code:
<div style="text-align: center; margin-bottom: 10px;"><img src="URL" alt="My Image" style="display: block; width: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); opacity: 0.9;"> <p style="font-family: Georgia, serif; font-size: 12px; color: #000;">Caption text goes here</p></div>

Article Title and Byline Code:
<h2 style="font-family: Georgia, serif; font-size: 24px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; border-top: 2px solid black; border-bottom: 2px solid black; padding: 10px 0; text-align: justify; letter-spacing: 1px; text-shadow: 2px 2px 0px #d5d5d5, 3px 3px 0px rgba(0, 0, 0, 0.2);">Your Title Goes Here</h2> <p style="font-family: Georgia, serif; font-size: 14px; font-style: italic; margin-bottom: 10px;text-align: right;">By FakeMCFaker</p>

⤷ Three - Colours used are #000 and #f5f5f5 plus some shadow shades.

<raw-code> <div style="width: 100%; margin: 40px auto; padding: 30px; background-color: #f5f5f5; background-image: url(https://i.postimg.cc/VsnLtFh6/paper-3.png); box-shadow: 7px 7px 0px #d1d1d1, 14px 14px 0px rgba(0, 0, 0, 0.3); box-sizing: content-box !important;"> <div style="border-top: 2px solid black; border-bottom: 2px solid black; padding: 50px 0; text-align: center; box-sizing: content-box !important;"> <h1 style="font-family: Georgia, serif; font-size: 60px; font-weight: bold; text-transform: uppercase; margin: 0; color: #000; text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2); letter-spacing: 2px;">Your Newspaper Title </h1></div> <div style="border-top: 0px solid black; border-bottom: 2px solid black; padding: 10px 0; text-align: right;"> <h1 style="font-family: Georgia, serif; font-size: 16px; color: #000; font-weight: bold; text-transform: uppercase; margin: 0;">DATE WEATHER WHATEVER</h1></div> <div style="-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-rule: 1px solid black; -moz-column-rule: 1px solid black; column-rule: 1px solid black; font-family: Georgia, serif; font-size: 16px; line-height: 1.5; padding: 20px; text-align: justify; box-sizing: content-box !important;"> <!-- Your text goes here --> <div style="text-align: center; margin-bottom: 10px;"><img src="https://i.postimg.cc/DzNyrpFW/british-library-U28cs4-IUo-Uk-unsplash.jpg" alt="My Image" style="display: block; width: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); opacity: 0.9;"> <p style="font-family: Georgia, serif; font-size: 12px; color: #000;">Caption text goes here</p></div> <h2 style="font-family: Georgia, serif; font-size: 24px; color: #000; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; border-top: 2px solid black; border-bottom: 2px solid black; padding: 10px 0; text-align: justify; letter-spacing: 1px; text-shadow: 2px 2px 0px #d5d5d5, 3px 3px 0px rgba(0, 0, 0, 0.2);">Your Title Goes Here</h2> <p style="font-family: Georgia, serif; font-size: 14px; color: #000; font-style: italic; margin-bottom: 10px;text-align: right;">By FakeMCFaker</p> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <h2 style="font-family: Georgia, serif; font-size: 24px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; border-top: 2px solid black; border-bottom: 2px solid black; padding: 10px 0; text-align: justify; letter-spacing: 1px; text-shadow: 2px 2px 0px #d5d5d5, 3px 3px 0px rgba(0, 0, 0, 0.2);">Your Title Goes Here</h2> <p style="font-family: Georgia, serif; font-size: 14px; font-style: italic; margin-bottom: 10px;text-align: right;">By FakeMCFaker</p> <div style="text-align: center; margin-bottom: 10px;"><img src="https://i.postimg.cc/cH81X74F/british-library-jc-D3-GPTXYNQ-unsplash.jpg" alt="My Image" style="display: block; width: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); opacity: 0.9;"> <p style="font-family: Georgia, serif; font-size: 12px; color: #000;">Caption text goes here</p></div> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <div style="text-align: center; margin-bottom: 10px;"><img src="https://i.postimg.cc/yx415JDs/birmingham-museums-trust-TWav-Mkq-C-cc-unsplash.jpg" alt="My Image" style="display: block; width: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); opacity: 0.9;"> <p style="font-family: Georgia, serif; font-size: 12px; color: #000;">Caption text goes here</p></div> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div> <div style="border-top: 2px solid black; border-bottom: 2px solid black; padding: 10px 0; text-align: center;"><h1 style="font-family: Georgia, serif; font-size: 16px; color: #000; font-weight: bold; text-transform: uppercase; margin: 0;">Page 1 </h1></div> </div> <div style="text-align: center; padding: 10px;"><a href="https://thebloodwoods.dreamwidth.org/" target="_blank" style="text-decoration: none;"><span style="font-size:12px; letter-spacing: 2px; color: #919191;">code</span></a></div> </raw-code>