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. ♥
Mar. 20th, 2018 11:11 am (UTC)
([info]souffle here)

I may just need to switch over to this for my future sets. Especially if I plan on doing 300+ icon sets, need something with minimal code cause of entry limits and all.

I did a test run with the most recent set I made and... IT LOOKS SO NICE!
Mar. 20th, 2018 03:45 pm (UTC)
OHHHH I love it! I love the overflow scrolling too, ugh yes. ♥
Mar. 20th, 2018 11:33 pm (UTC)
Thank you for making such a great bit of code. It looked pretty alright without, but this means it's not taking over the page and still manages to look great.
Mar. 21st, 2018 11:21 am (UTC)
omg. i just proved how awesome your code is.

i decided to go back and use it on all my past sets. one of which is a mia wasikowska one numbering 715 icons that before had to be split into two parts but now... IT ALL FITS WITHIN THE POST LIMIT ON A SINGLE POST! ta-da!
Apr. 2nd, 2018 03:42 pm (UTC)
Back from moving to say OH HELL YES!!! I'm so glad it's saving your post limit! ♥
Aug. 30th, 2018 02:28 am (UTC)
definitely late with this comment, but thank you for this! i ended up using the table as an icon directory for this journal and i love it. as always, thanks for sharing your awesome creations.
Aug. 30th, 2018 02:33 am (UTC)
Aw, yay! I love this so much as a directory! ♥ (Also your default icon LOL.)