Luuvy's codes [Open]

Posted 28 days, 22 hours ago (Edited 28 days, 22 hours ago) by luuvy
  • [FRANKENSTEIN] You can take parts of my codes to use with other codes
  • [REFERENCE] Feel free to refer to any of my codes to see how I did certain things
  • [REMOVE CREDITS] Appreciated if you kept them, but not required. I won't be chasing anyone down if you removed the credits to my codes.
  • [Circlejourney's live editor] Edit a code to see changes in real-time
  • [TH compatible fonts] Not all fonts will look the same between broswers/mobile, here is a handy reference to choose one that is mostly safe
  • [BOOTSTRAP 4] Toyhouse uses bootstrap 4 documentation (current bootstrap update is at 5).

TRIVIA HEAVY character profile
CARD STOCK use profile
COMPLEMENTARY world layout

I'm unwilling to take full-on requests but I can edit my current layouts.

Request an edit

Specific sections to be added/removed can be made with this request. This is for requests like 'can you add a relationship section', 'can you add a section for this block of text', or 'can you add a music player'.

Request themes

If you have an idea in mind, I can tailor a layout to fit what your vision. Please provide an image, drawing, moodboard, palette, diagram/schematic, etc., for me to work off of. The requested themes will be available for all to use without pay and credited appropriately.

luuvy

NEW! Character Layout

26728962?1712779398
Cruella
A character profile layout!

  • Mobile-friendly
  • Safehouse version available
  • Use with other codes, frankenstein, as a reference!

Other Updates

Character Design Details and Character Receipt have Safehouse versions available!
yumatsukumo

Hiii, I LOOOOVE the cruella layout!! is it okay to req a version with the gradient accent like in the thumbnail + icons in the relationships section? if not then thats chill :]!!

luuvy

yumatsukumo

Yes! I can make a CSS gradient version or an HTML version. Do you have a preference? 

As for icons in the relationships section, did you have something like either of this in mind? (using discord to host the image, hope it works hehe)

image.png?ex=662b5da6&is=6618e8a6&hm=43b

yumatsukumo

luuvy an html version pls, and YESSSS the second option with the image is EXACTLY what I had in mind :D

luuvy

yumatsukumo 

Done! Thanks for requesting, it was fun to do!

CODE

PREVIEW


I also recommend using this site to find the colors you need since it uses RGB for the headers!

CSS GRADIENT

yumatsukumo

luuvy WAAAAH TYSM!! It looks gorgeous 😭💗

kissed

Hello! For your Cruella layout, may I request a version that has a fixed horizontal banner on the top instead of it currently being fixed as vertical on the side, if that makes sense? I love this layout sm!! Thank you!

luuvy

kissed

I think it's doable! However, a horizontal navigation bar is normally achieved through CSS which premium users have. I don't think I was ever able to figure it out in ways that is perfect! I think a 'hack' can be done through html.

Do you have a preference for CSS or HTML?

kissed

luuvy Hmm, not a navigation link bar, but a horizontal picture banner (like the opposite of the vertical fixed picture). I want to use this profile for other characters but I only have horizontal art of them, not vertical art! My apologies for being unclear!! And I have no preference, whatever works with a non premium user :D

luuvy

kissed

.

YOU'RE COMPLETELY RIGHT

i don't know what i read it as navigation bar.. 

No problem! I'll whip something up right away :salute:

luuvy

kissed

Done! Please let me know if there are any other changes you'd like or if it didn't fit what you had in mind!

CODE

PREVIEW

kissed

luuvy OOH it looks awesome and what I was looking for! I was curious if you're unable to make the top picture to scroll with the profile? :0 If that isn't possible though then no worries, it's great as it is. Thank you for the help!

luuvy

kissed

No problem! Replace this part of the code with this; add a 'fixed' to the url!

    <!-- TITLE/HEADER -->
    <a name="stats"><div class="col px-4" style="background:url(https://luuvy-test.neocities.org/sidewayscruella.png) fixed; background-size:cover; border-radius:15px; font-weight:800; color:white; font-family:georgia; text-transform:lowercase; letter-spacing:2px; font-size: 3em; font-style:italic; padding:10%; border-radius: 15px 15px 0px 0px;">
        
            
            Cruella
            
        
        </div></a>
    <!-- / TITLE -->