lina_trinch: (time)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2020-01-25 04:57 pm

[5] Winged & Slightly Overly Complicated Thread Tracker



Game Title
2020
January
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
February
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
March
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
April
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
May
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
June
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
July
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
August
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
September
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
October
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
November
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
December
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare massa sed bibendum tincidunt. Aenean lobortis consequat posuere. Donec dignissim aliquam leo, et tincidunt enim dignissim et.



Code:


To Add New Year:
C/P this after the </details> tags


To Add New Game:
C/P this between the <!-----GAME DROPDOWN-----> tags to make the first game into a drop down list


C/P this after the </details> tags to add a new game section




❖ THE BASE CODE WORKS FINE ON ITS OWN! I know this can look really complicated and intimidating, especially if you aren't used to html/css, but it doesn't have to be. If you want to c/p the base code without adding extra years or games to it, then you'll get the exact same thing as the live preview, no complications required.

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ If you want any of the dropdown menus to be open (like maybe the current month) all you have to do is find that particular dropdown code (like the code you'll find if you CTRL+F "January") and put open right after <details, right at the beginning. You should be able to see an example in the code if you look at the part for "2020" or "January."

❖ Alternatively, if you want the drop down to be closed, just remove the word open from the code.

❖ If you decide to add a new game and continue adding new years to the old game, c/p the New Year code above the New Game code and above the </details> tags at the end of the old game code. Basically, put the New Year code within the code of whatever game you want to add it to.

❖ If you decide to turn the first game section into a dropdown list, just copy/paste the first code under "To Add New Game" right over the code already present around the words Game Title. Also be sure to make an extra </details> tag at the end. Instructions for installation is in the extra code itself. I'm just repeating myself right here, just in case.

❖ If you decide to turn the first game section into a dropdown list, make sure to always leave at least two tabs visible. If it's just one tab, it'll break the code. That is, unless you remove the icon/image completely.

❖ If your code gets really long and confusing, you can add <!---KEYWORD HERE---> to separate different sections. You can use as many dashes and put as much space before and after the tag as you want. It won't break the code so long as Disable Auto-Formatting is checked. You can also make this code a unique keyword so you can quickly CTRL+F straight to it. You'll see a few examples in the base code.

❖ Colors are everything with this one. A bad palette can make this thing look terrible, so be willing to work with it if you want to change the colors.

❖ If you have any problems with this, please let me know. I'll help you get it together.

❖ Some extra example images: Extra Year | Extra Game | Extra Game Open w/ Years




Ctrl+F & Replace:

ICON_URL - image/icon
URL - thread links

01/02 - days of the month
Thread Title - self-explanatory
Lorem Ipsum - description text about the thread





#fff icon/image border, font on tabs
#000 link color
#f2cf83 page breaks between linked threads
#f2bc83 side bar where the icon is
#f2b183 game and year tabs
#f2a683 month tabs


sixstepsaway: (Default)

[personal profile] sixstepsaway 2020-02-02 06:53 am (UTC)(link)
I really love this and want to use it, but for some reason it's coming up with no CSS on my profile page on my community?

And I can't find "Disable Auto-Formatting", which I assume might be the issue. Help?
sixstepsaway: (Default)

[personal profile] sixstepsaway 2020-02-03 10:42 am (UTC)(link)
OH BAH that explains it! Nevermind, I'll slap it into an entry 'cause I really like it. Thank you so much for replying to me!
allegedprisoner: Paramore: Decode (Default)

[personal profile] allegedprisoner 2021-02-01 07:47 pm (UTC)(link)
I think the code push messed up how the icon appears on the code? Is there any way to fix it?