Tessisamess

Information

Hey guys! It occurred to me the other day that I've never posted templates for game advertising, and so here we are! Today we have three game ad templates to bring game ads into 2018!

All three ads come with details-based menus for links so that your game ad can focus on its image and premise hook, but still offers potential applicants all the links they might need to get started looking into your game! All colors and fonts are easily customizable to fit any game's aesthetic, and the three setups are all very different from each other to give you a good variety based on your preference.

And, of course, none are made with tables, so they won't break on people's layouts when viewed on a Generator-based friends list. Enjoy! ♥

Coding: Dual Menu

<lj-raw><div class="game-contain" style="width:450px;margin:0 auto;padding-bottom:10px;font-family:palatino linotype,georgia,serif;font-size:13px;background:#999 url(ADBG)center top;background-size:100% auto;color:#ddd;text-align:justify;line-height:150%;"> <div class="game-head" style="height:150px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;text-shadow:1px 1px 0 rgba(0,0,0,0.5);"><div> <div style="text-transform:uppercase;">GAMENAME</div> <i>gamesubtitle</i> </div></div> <details open style="background:rgba(0,0,0,0.5);margin-bottom:1px;"> <summary style="cursor:pointer;background:rgba(0,0,0,0.5);color:#fff;padding:5px 10px;font-size:9px;text-transform:uppercase;letter-spacing:2px;font-weight:bold;"> PREMISE </summary> <div class="game-content" style="padding:25px;"> PREMISEHERE </div> </details> <details open style="background:rgba(0,0,0,0.5);margin-bottom:1px;"> <summary style="cursor:pointer;background:rgba(0,0,0,0.5);color:#fff;padding:5px 10px;font-size:9px;text-transform:uppercase;letter-spacing:2px;font-weight:bold;"> NAVIGATION </summary> <div class="game-content game-nav" style="padding:25px;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;"> <a href="URL" style="text-decoration:none;color:#ddd;width:30%;">LINK</a> </div> </details> </div></lj-raw>

Coding: Menu

<lj-raw><div class="game-contain" style="background:#999 url(ADBG)center;background-size:cover;width:430px;margin:0 auto;padding-bottom:20px;font-family:helvetica,arial,sans-serif;font-size:13px;color:#222;text-align:justify;line-height:150%;"> <details class="game-nav" style="height:130px;"> <summary style="cursor:pointer;text-align:right;padding:8px 8px 0 0;font-size:0;"> <img src="https://i.imgur.com/PimW97R.png"> </summary> <div style="height:90px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;text-shadow:1px 1px 0 rgba(0,0,0,0.5);"> <a href="URL" style="text-decoration:none;color:#fff;width:30%;">LINK</a> </div> </details> <div class="game-content" style="padding:25px;background:#fff;"> <center style="font-size:20px;text-transform:uppercase;letter-spacing:-2px;font-weight:bold;margin-bottom:10px;"> GAMENAME </center> PREMISEHERE </div> </div></lj-raw>

Coding: Dropdown

<lj-raw><div class="game-contain" style="width:230px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:10px;background:#fff;color:#222;text-align:justify;line-height:150%;padding:20px;border-radius:8px/15px;box-shadow:1px 1px 3px 0 rgba(0,0,0,0.2);"> <div style="background:#ddd url(ADBG)center;background-size:cover;height:85px;border-radius:8px/15px;border:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5);"> GAMENAME </div> <details class="game-nav" style="margin:10px 0;border:1px solid rgba(0,0,0,0.1);padding:2px 6px;border-radius:5px/8px;font-size:8px;text-align:left;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#fff;line-height:2;"> <summary style="cursor:pointer;letter-spacing:2px;"> NAVIGATE </summary> <a href="URL" style="text-decoration:none;color:#000;">LINK</a><br> </details> <div class="game-content"> PREMISEHERE </div> </div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

ADBG - Background/header image
GAMENAME - Game name
PREMISEHERE - Game premise
URL and LINK - Nav link (copy/paste as needed)
gamesubtitle - game subtitle (Dual Menu 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

helvetica,arial,sans-serif - Overall font
palatino linotype,georgia,serif - Overall font (Dual Menu only)

IMAGES

https://i.imgur.com/PimW97R.png - Menu icon (Menu only)

COLORS

#fff

Dual Menu - Header and nav title font
Menu - Links and premise background
Dropdown - Container background, dropdown background, title font

#ddd

Dual Menu - Font and link color
Menu - (none)
Dropdown - (none)

#222

Dual Menu - (none)
Menu - Text color
Dropdown - Text color

#000

Dual Menu - (none)
Menu - (none)
Dropdown - Link color

0,0,0

Dual Menu - Header and content section backgrounds; title text shadow
Menu - Link text shadow
Dropdown - Title text shadow and container box shadow

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!