lina_trinch: (FML)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2020-03-22 10:22 pm
  • Add Memory
  • Share This Entry
Entry tags:

[20] Holy Muselists, Batman!






Details List Version

bruce wayne
batman
★★★✰✰
username
information
biography
open post
navigation
games
mask or menace
prismatica
deerington


Code:






Details Icons Version

bruce wayne
batman
★★★✰✰
username
Mask or Menace
Prismatica
Deerington


Code:






Icons Version

bruce wayne
batman
★★★✰✰
username



Code:






Tabs Version

bruce wayne
batman
★★★✰✰
username


Code:






Plain Version

bruce wayne
batman
★★★✰✰
username


Code:










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

❖ Yes, they can go side by side in a grid sort of pattern.

❖ Each code only has one template in each. You'll have to c/p it as many times as you need. You don't have to c/p the credit every time, though. I mean, unless you want to. Go nuts.

❖ The little icons used here are from icons8.

❖ Please let me know if things break or you have questions. This was a quickly whipped up product brought to you by the quarantine hiimgoingcrazy



Ctrl+F & Replace:

❖ IMG - Header image
❖ GAME_IMG - Images for the games

❖ character - name of your character
❖ canon - name of the canon
❖ link - link text
❖ game - name of a game

❖ URL - individual link urls
❖ BIO_URL - link to an info post
❖ OPEN_URL - link to an open post
❖ NAV_URL - link to a navigation post



Flat | Top-Level Comments Only
plentyofwords: (Default)

[personal profile] plentyofwords 2020-06-26 02:50 am (UTC)(link)
hey there- is there a way to adjust the margins so I can get 2 boxes on each row instead of 3?
lina_trinch: (Default)

[personal profile] lina_trinch 2020-06-27 03:19 pm (UTC)(link)
Hi there! Sorry for the delay!

The way this code is made, it's meant to make rows to adjust to your screen size. For example, on my screen, I get two in a row on dw but four in a row on my code tester.

That said, you can force it to have a certain number of rows depending on which code you use.

At the top of the code, right after the center tag, input


You might have to adjust the value depending on which of the codes you use. Let me know if you have any further problems with it. Thanks!
Edited (fixed the html, oops) 2020-06-27 15:20 (UTC)
plentyofwords: (Default)

[personal profile] plentyofwords 2020-06-27 04:26 pm (UTC)(link)
That worked! but now when I try to add boxes under the ohana and other tabs here but it borks the detail tabs. What do I need to do to make the boxes show up under the details tabs? Also, why would there be a space
between the PSL muse and inactive tabs?
Edited 2020-06-27 16:30 (UTC)
hatejakku: (talk)

[personal profile] hatejakku 2020-06-27 04:45 pm (UTC)(link)
Hi there! I looked at the source code to see what was going on with your end.

I'm not sure what you're trying to make the details do. If I understand it right, you're wanting to put some of those codes into the dropdown? I tried it in my code tester and it seemed to work fine. You just have to make sure that the /details tags are after everything. Also you can align them better by replacing margin: 5px 0 0 7px; with margin: 5px 0 0 0;.

As far as that weird space is concerned, you have a stray break tag in there. You didn't add div style="width:650px;" before the PSL box, which made an extra /div tag at the end next to that hanging /br tag that's making the extra space.

If you're trying to make the boxes be two in a row under these dropdowns, you may have to either make the boxes smaller or make the dropdowns wider. Otherwise, I think it might show up as just one per row.
Flat | Top-Level Comments Only