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

[18] Very Fancy Biosheet

(Image preview. View full album here.)


View Live Preview Here!




Code:

Code for the live preview





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

❖ This code will have problems with Safari, Opera, and IE. I wasn't aware of these issues until the code was done but I did make it so that people on those browsers can at least view some of the content. IN LIGHT OF THIS I'm going to make a code similar to this one very soon that should work correctly on all browsers.

❖ Every time you want to create a new paragraph in any of the modules, always use <br /> <br /> to separate them.

❖ Some modules have specific needs, like the personality section. There are more detailed instructions in the coding itself.

❖ Now Firefox friendly thanks to [plurk.com profile] nidorina!!


Ctrl+F & Replace:

❖ HEADER_IMG - Navigation/header images. If you want it to look like mine, just put the same image url in for every instance this keyword turns up. However, each tab is technically its own image. You can use a different picture for each one if you wanted. Some good ones I tested: painting from the preview, space, and floral birb.
❖ ABOUT_IMG - About/header image behind name and canon.
❖ APPE_IMG - Appearance image.
❖ HIST_IMG - History image.
❖ ABIL_IMG - Abilities image.
❖ REL_IMG - Relationship images. The same keyword appears for each character.
❖ VISUAL_IMG - Visual images. You can add as many here as you want.
❖ META_IMG - Icon image in the meta section.

❖ VOICE_URL - Url link to sample of character's voice in the about section.
❖ Voice_Link - Link text to sample of character's voice.
❖ SONG_URL - Url link to songs in the soundtrack section.
❖ PLURK_URL - Url link to your plurk in the meta section.
❖ MUN_URL - Url link in the meta section to your private journal, musebox, muselist, navigation, or whatever you want.

❖ PERCENT% - Percent of each personality trait in the personality section. Further instructions on how to use the sliders are in the code.

❖ Character - Character name.
❖ Canon - Canon name.
❖ Lorem Ipsum - Text to fill in throughout.
❖ P_TYPE - Personality type, like Defender, etc.
❖ aaaa-a - Personality type, letters edition, like ISFJ-A, etc.
❖ Quote - The quote in the history section.
❖ Quote_emphasis - Part of the quote in the history section that's a separate color.
❖ Power - Power, ability, skill, etc. name for the abilities section.
❖ R_Character - Character names in the relationship section.
❖ Descriptor - Small description of each character in the relationship section.
❖ Song name - Name of song.
❖ Song artist - Name of artist of each song.
❖ Lyric - Lyrics to each song. You can add as many lines of lyrics as you want.
❖ Alias - Your name.
❖ #discord - Your discord handle.
❖ UTC - Your timezone.
❖ pb - Character pb, voice actor, etc.



#fff Navigation/header text, about/header text, module background, meta text.
#ebebeb My credit text shadow.
#ccc8cc Song name & artist in soundtrack section.
#b8b8b8 All borders, music notes & lyrics in soundtrack section, background of tables in meta section.
#9e9e9e Border of personality sliders.
#999 About/header text shadow.
#737373 Navigation/header text shadow.
#555 Meta text shadow, my credit text.
#222 Alias text shadow.

#e9f3f7 Navigation/header background.

#edd1ed Alias text.
#f7c5fc Background color of personality sliders.
#f9baff Emphasis on quote in history section.
#d976e3 Quote text in history section.


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

[personal profile] securityconsultant 2021-02-22 04:15 am (UTC)(link)
Hey there! Playing around with the layout for this bot here.

Any idea why previewing the entry would make it look just fine, but when viewing on a journal page, it has some scrolling issues? Here's a link of a gallery for comparison. It shows on the live preview for me, too!

I use Chrome, for the record.
lina_trinch: (Default)

[personal profile] lina_trinch 2021-02-22 04:54 am (UTC)(link)
Oh gosh.

The issue you're asking about is the big code push DW put through several months ago now. I asked Denise about it and she said that they hadn't switched over the entry previews to the new site design, that the previews worked in a separate space from how they manipulated the style of the site itself.

In regards to why the code itself is borked on the new DW site is because they changed how tables work (the spacings, margins, etc) and I have a lot of tables in this code. Due to these dimensions being weirdly unique to this site and just that style in particular, it can be a complicated fix.

I'm going to try taking a look at this code when I get a spare minute, try to figure out how it can work correctly on both the new and old style. If you'd like a quick fix, you can go here and turn on beta testing for Temporarily revert updated journal page components. Of course, this will only work for you. Anyone else using the site's new style will still see it quite borked.

I apologize about all this, especially seeing as you've already put work into the biosheet. But thank you for bringing it to my attention. I'll get back to you on an update about how or if it can be fixed. If you happen to play with it yourself and find something, please let me know. Thanks again!
securityconsultant: (now it's gone)

[personal profile] securityconsultant 2021-02-22 05:16 am (UTC)(link)
So my plurklist brought up!

Code happens, so no worries or complaints; if anything, I'm glad you're now aware of the issue! I'm going to poke about and see if I can use another biosheet in the meantime, but I'd love to be able to use this gorgeous one; if you manage to fix it, would you let me know so I can switch over? :D
Edited 2021-02-22 05:17 (UTC)
lina_trinch: (Default)

[personal profile] lina_trinch 2021-02-22 05:28 am (UTC)(link)
Absolutely! Thank you again. :)
securityconsultant: (Default)

[personal profile] securityconsultant 2021-02-22 05:00 pm (UTC)(link)
Update-that-might-help!

A friend did a hotfix of SOME code here; https://pastebin.com/DWcpjfpT , and added to ' clear: both; to whatever part has overflow-y:scroll;' . They also advised it won't display properly on the journal itself, just the entry.

From there, I've been playing with the top/bottom margins, and that seems to be adjusting most of the issues.
lina_trinch: (Default)

[personal profile] lina_trinch 2021-02-24 05:46 am (UTC)(link)
Sorry for getting back to you so late but that's awesome to hear! I'll play with it further and add the adjustments you guys made to fix the code that's available to everyone above. Thank you so much again and thank you to your friend. If I find further fixes that may aid the code you're already using, I'll be in touch. :)
securityconsultant: (Default)

[personal profile] securityconsultant 2021-02-24 05:53 am (UTC)(link)
No worries! In the interest of sharing, here is the code that is working for this; hopefully you can cut out the majority of the fiddly bits and use it to salvage! :D

At this point, the only thing I'm really trying to fiddle with is under soundtrack, specifically shrinking the space between the top lyric and the top of the box; if you figure out a fix for that, I'd love to hear it.
Edited 2021-02-24 05:54 (UTC)
lina_trinch: (approved)

[personal profile] lina_trinch 2021-02-24 05:57 am (UTC)(link)
Oh, thank you so much! You've got it looking great, too.

That code will help a lot! I can already see where it was touched up to fix. I wouldn't have thought of using 'clear: both;' tbh lol. Thanks!


And about the soundtrack thing! I'll def look into that. I know I changed the padding on the bottom of those boxes so it'd look like the top and bottom where equally spaced, so I guess it makes sense that'd break, too.
Edited 2021-02-24 06:00 (UTC)
Flat | Top-Level Comments Only