🌱 zyl & kamuiia's organic html 👏 | [new: 7/4]

Posted 3 years, 4 months ago (Edited 9 months, 29 days ago) by Zylphide

  free range organic codes  

by Kamuiia & Zylphide

we're just 2 clowns harvesting organic codes from our html fields. who knows what kind of code we'll find growing out there next??? 🤔

(but no seriously we're just 2 friends casually making some codes)

work.jpg

rules

  • turn off WYSIWYG or else everything might look like trash
  • leave a comment if you use any codes! we'd love to see what you do with them
  • don't remove the credits
  • don't redistribute free codes for profit or claim them as yours
  • frankensteining codes together is fine, but credit all users involved

updates

  • 2022-07-04: added profession: FUTURE rockstar
  • 2023-04-30 added national park brochure and journal pages
  • 2022-10-05: added hero panel
  • 2022-06-08: added trainer bag
  • 2022-03-29: added goin' under and touch grace
  • 2022-03-20: added scalper's paradise
  • 2022-02-28: added eye of the north
  • 2022-02-10: added tiger's eye
  • 2022-02-01: added cyber profile
  • 2021-12-16: added let's talk bout the mail
  • 2021-11-20: thread post rewrite 👏, added autotrophy
  • 2021-10-23: added trails of fire
  • 2021-09-23: added pumpkin infinity
  • 2021-09-12: added big iron on his hip
  • 2021-09-01: added directory
  • 2021-08-29: added compoundeyes and netrunner
  • 2021-08-24: added pay per view
  • 2021-08-02: added country roads and solar system
  • 2021-07-14: added city lights
  • 2021-06-21 added heart of thorns
  • 2021-04-30: added student debt, dirt digger, and rock licker
  • 2021-04-06: added mirror image
  • 2021-04-01: added desktop folder
  • 2021-03-13: added access code
  • 2021-02-22: added under the sea
  • 2021-02-01: added pkmn league card, catfight and catboard box
  • 2021-01-27: added lofi songs to study to and pspspsps
  • 2021-01-18: added mechat and friendspace
  • 2021-01-17: added lab notebook
  • 2021-01-12: slight spacing changes to web surfer
  • 2021-01-03: added web surfer and creature feature
  • 2020-12-22: added human revolution and emailer
  • 2020-12-20: added persona wiki
  • 2020-12-13: added read all about it! and persona 3 status
  • 2020-12-8: added old flight rising and chats and stats
  • 2020-12-6: added party selection screen, bookworm, tea party, seafarer, and little beans

unlucky07

will be using bookworm! thanks for these!

Zylphide

2022-03-20 update: added scalper's paradise

VixonyAn

I absolutely love the old flight rising profile and will be using it for some of my dragons! Starting with https://toyhou.se/8828871.ambros to test out adjusting the sizes a bit.

I'm having a tough time trying to figure out how to do the following things: • Align the heart in the middle of the button vertically • Reduce the space between the three columns horizontally • Fix the familiars box height which is slightly longer than the other two boxes • Change the default display size* Is someone here able to help with this or direct me to a link/thread that could help?

*For reference, I like the way the profile looks zoomed out to 80% and want to replicate that look at a 100% zoom. https://cdn.discordapp.com/attachments/937469271129337966/956860767955742730/unknown.png

And edit, I realized I don't know how to apply a link to text in the forums :'>

Zylphide

VixonyAn

ah gosh it's been so long since I've written this code, I can see a lot of mistakes in it 😔 as for what you're asking about:

heart vertical alignment:
in i class="fas fa-heart fa-lg", change to i class="fas fa-heart fa-lg my-auto"

reduce space:
since I used div class="row" to make the 3 columns for the apparel/lineage/familiars area, the only options are to have that spacing or erase the spacing entirely by changing div class="row px-2 mb-2" to div class="row no-gutters px-2 mb-2"

familiar box height:
I'm not sure why it's longer than the others, even when I zoom in or out with my browser the height never differs from the others. It might have to do with the text size of "Awakened" or with the margins around it, or the height of the bar

display size:
that's a complicated thing and would necessitate you changing all the text sizes individually (in the div style="blah" areas, you have to add font-size: #px, where # is the size of the font), changing the border sizes (change all border:2px solid to border:1px solid), and changing all the heights/widths specified in the code (ex. style="height: 40px; width:40px) manually

RottingCompost

using the new dirt digger one! 

Zylphide

2022-03-29 update: added goin' under and touch grace

064 Courier

Using trails of fire for her! :D

minutiae

using city lights and desktop folder for my characters and profile, thank you <3

Justafurryhere

using Cyber Profile for an oc of mine, thank you!