Tessisamess

Previous | Next

Icon Post Display





Icon Display #1
Movie/show/etc here
### icons
RULES
01. Rule
02. Rule
03. Rule
CREDIT
<lj user="username">
OR
by username @ij
ICON DISPLAY BY TESSISAMESS


Icon Display #2
Movie/show/etc here
### icons
RULES
01. Rule
02. Rule
03. Rule
CREDIT
<lj user="username">
OR
by username @ij
ICON DISPLAY BY TESSISAMESS

Information

Hey guys! These just didn't seem like they "went" with the Basics Collection (even though I made them to go with it, haha) so I gave them their own post! Today, we've got an icon post template with footer info for rules and crediting, and two different header setup options.

These codes do NOT require anything special for your icons themselves; you can just paste in a list of nothing but <img src="ICONURL"> in the section for icons and nothing else will need to be done, so you'll be able to just get your icons in and move on with your life, haha. If you wanted to add a width to each img src this would also work very well for screencap galleries. Enjoy! ♥

Coding: Display #1



Coding: Display #2



Installation Guide

Paste into an entry and fill in the following!

TITLHERE - Title line
MEDIAHERE - Show/etc. icons are from
#HERE - Number of icons
ICONSHERE - Your icons; these don't need any special formatting or line breaks
RULE1 through RULE3 - Your usage rules (you can add to/delete from this section if needed)
PREVICON and USERNAME (x2) - Your crediting info

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
arial black,gadget,sans-serif - Headings

CONTAINER WIDTH
width:80%;max-width:620px;min-width:420px; - Overall width
padding:40px; - Overall padding

WANT IT TO SCROLL?
Wrap your icons in: <div style="max-height:600px;overflow:auto;"> ICONS HERE </div>

COLORS
#ddd - Container borders
#457093 - Accent in #1
#AE7AB5 - Accent in #2
#222 - Overall font

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!

Comments

Feb. 5th, 2018 04:28 am (UTC)
AAHHHHHHHHH I DIDN'T EVEN REALISE THAT I NEEDED THIS BUT HERE IT IIIIIS

Also AWESOME SITE CHANGES which I already told you but I wanted it here in public for posterity idk
Feb. 10th, 2018 05:12 pm (UTC)
YASSSS! And if you didn't want it to be "self contained" you could so easily just set the border to transparent, remove the padding, and change the max width to something wider and you'd be golden.

TYYYYYY, W/E POSTERITY IS A VALID REASON. ♥