Tessisamess

Information

Hey guys! As promised, here's the movie poster for y'all! There are two versions, a text title with six variants for the text style, and an image title version for those of you who'd like to find or create a transparent png file for your movie title instead. Unfortunately, font support is limited when using this in an entry, but if you're using this in an HTML page the sky's the limit on creating your movie title logo without an image file. Enjoy! ♥

CODE BY TESSISAMESS

Coding: Text Title

<lj-raw><div style="width:800px;height:1000px;box-sizing:border-box;margin:0 auto;background:#222 url(POSTER_BACKGROUND)center;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#fff;padding:50px;font-family:century gothic;text-transform:uppercase;line-height:.9;"> <!---TAGLINE---> <h4 style="align-self:flex-end;width:250px;font-weight:normal;margin:0;font-size:14px;letter-spacing:1.5px;opacity:0.5;margin:0 0 35% 0;"> TAGLINE </h4> <!---STANDARD TITLE---> <h3 style="font-family:impact;font-size:85px;font-weight:normal;margin:0;"> STANDARD TITLE </h3> <!---TWO TONE TITLE---> <h3 style="font-family:impact;font-size:85px;font-weight:normal;margin:0;"> TWO TONE <span style="color:#9A0000;">TITLE</span> </h3> <!---DESTROYED TITLE---> <h3 style="font-family:impact;font-size:85px;font-weight:normal;margin:0;color:#fff;background:url(https://i.imgur.com/C4pktYz.jpg)center;background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:invert(100%);"> DESTROYED TITLE </h3> <!---OUTLINED TITLE---> <h3 style="font-family:impact;font-size:85px;font-weight:normal;margin:0;color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:#fff;-webkit-text-stroke-width:2px;"> OUTLINED TITLE </h3> <!---GLOWING TITLE---> <h3 style="font-family:impact;font-size:85px;font-weight:normal;margin:0;color:#fff;-webkit-text-fill-color:#000;-webkit-text-stroke-color:#9A0000;-webkit-text-stroke-width:1.5px;text-shadow:0 0 2px #9A0000, 0 0 10px #9A0000;"> GLOWING TITLE </h3> <!---3D TITLE---> <h3 style="font-family:impact;font-size:85px;font-weight:normal;margin:0;color:#9A0000;-webkit-text-fill-color:#000;-webkit-text-stroke-color:#9A0000;-webkit-text-stroke-width:1.5px;text-shadow:1px 1px 0 #9A0000, 2px 2px 0 #9A0000, 3px 3px 0 #9A0000, 4px 4px 0 #9A0000;"> 3D TITLE </h3> <!---GRADIENT TITLE---> <h3 style="font-family:impact;font-size:85px;font-weight:normal;margin:0;color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(top, #9A0000 0%, #000 100%);background-image:linear-gradient(to bottom, #9A0000 0%, #000 100%);"> GRADIENT TITLE </h3> <!---IMAGE CREDITS---> <img src="https://i.imgur.com/JEmDrMA.png" style="max-width:100%;margin:70px 0 0 0;"> </div><center style="font-family:arial;font-size:8px;letter-spacing:2px;line-height:2;"><a href="http://tessisamess.insanejournal.com/" style="color:#bbb;text-decoration:none;">CODE BY TESSISAMESS</a></center></lj-raw>

CODE BY TESSISAMESS

Coding: Image Title

<lj-raw><div style="width:800px;height:1000px;box-sizing:border-box;margin:0 auto;background:#222 url(POSTER_BACKGROUND)center;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#fff;padding:50px;font-family:century gothic;text-transform:uppercase;line-height:.9;"> <!---TAGLINE---> <h4 style="align-self:flex-end;width:250px;font-weight:normal;margin:0;font-size:14px;letter-spacing:1.5px;opacity:0.5;"> TAGLINE </h4> <!---IMAGE TITLE---> <img src="TITLE_IMG" style="max-width:90%;margin:35% 0 50px 0;"> <!---IMAGE CREDITS---> <img src="https://i.imgur.com/JEmDrMA.png" style="max-width:100%;"> </div><center style="font-family:arial;font-size:8px;letter-spacing:2px;line-height:2;"><a href="http://tessisamess.insanejournal.com/" style="color:#bbb;text-decoration:none;">CODE BY TESSISAMESS</a></center></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

POSTER_BACKGROUND - Thing
TAGLINE - Thing
Text title: There are six title blocks in your movie poster, each in a different style. Delete the ones you don't need and keep the one you like best!
TITLE_IMG - Image for image title version only

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS

century gothic - Tagline
impact - Title

DIMENSIONS & SIZING

800px - Poster width
35% - Space between tagline and title
70px - Space between title and credits
85px - Title font size
14px - Tagline font size

CREDITS FOOTER

The footer credits (image url in code) are from a movie credits demo, and you can get more png files in alternating styles from this source here!
Alternatively, if you'd like to make your own with actual character names, etc., you can download a movie credits font and create a transparent png. I recommend either SF Movie Poster or Movie Letters.

COLORS

#fff

Overall text

#9A0000

Accent color for any text color that isn't white or black

#000

Text fill for glowing title and 3D title; bottom of gradient for gradient title

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!