most importantly i added a "featured character" section where the was empty space in the original code- i took bits of the featured from this code for the little icons and names. for the box they're in i copied the "interests" part and just tweaked it so it displayed horizontally instead :3
i also changed the "loves and dislikes" into an art status thingy, for this i just added another row. it took me a bit since it kept breaking everything XD
idk if you want the snippets of code of the things i mentioned or not but you can always right click on my profile and view the source code! it's gonna be a bit hard to find that stuff but yeah XD
im not good at coding AT ALL but i've dabbled into html enough to be able to achieve stuff i really want :') i've found it's a lot of research as you go on and just testing until it works (also i use circlejourney's live code editor for all html i use on toyhouse!)
i replaced the loves/dislikes with this but maybe it can work seperately? not sure
i really recommend you learn the basics of html through w3schools or another resource, it really helps in situations like this! like i said before i've dabbled into code (fucked around with neocities) and html is fairly simple. it's just a bunch of trial and error XD
simplyacatworld
hiii!! thank u hehe :3 i don't mind sharing!!
most importantly i added a "featured character" section where the was empty space in the original code- i took bits of the featured from this code for the little icons and names. for the box they're in i copied the "interests" part and just tweaked it so it displayed horizontally instead :3
i also changed the "loves and dislikes" into an art status thingy, for this i just added another row. it took me a bit since it kept breaking everything XD
idk if you want the snippets of code of the things i mentioned or not but you can always right click on my profile and view the source code! it's gonna be a bit hard to find that stuff but yeah XD
im not good at coding AT ALL but i've dabbled into html enough to be able to achieve stuff i really want :') i've found it's a lot of research as you go on and just testing until it works
(also i use circlejourney's live code editor for all html i use on toyhouse!)
10 months, 20 days ago
10 months, 20 days ago
aw sorry about that!! i can do it now though >:3
this is the "featured" section:
<!-- featured container start -->
<div class="col-12 p-0 mt-2" style="box-shadow:0px 0px 6px #D3C4ED;border:2px solid #E4D6F6;border-radius:.5em;overflow:hidden">
<div class="col-12 px-1 text-left row no-gutters" style="background-image:linear-gradient(#E6DEFB,#fff,#E6DEFB);color:#C79EF4;border-bottom:2px solid #D3C4ED;">
featured
</div>
<div class="col-12 p-0 flex-row" style="overflow:auto;scrollbar-color:#D3C4ED #fff;scrollbar-width:thin">
<!-- character start -->
<div class="p-1 m-2">
<a class="btn p-0 m-0 flex-column text-center" style="color:#C79EF4;font-weight:bold;font-size:.9em" href="character link">
character name </a>
<div class="card mx-auto mb-3" style="height:100px;width:100px;border:30px solid transparent;background-image:url(character icon url);background-position:center;background-size:100px"></div>
</div>
<!-- character end -->
<!-- more above this line -->
</div>
</div>
<!-- featured container end -->
change the colours to whatever you want- i currently dont remember which colour is which and really dont wanna figure it out rn ;-;
i put this right after the loves/dislikes or art status section
speaking of, this is the art status snippet:
<!-- art status container start -->
<div class="col-12 p-0 mt-2" style="box-shadow:0px 0px 6px #D3C4ED;border:2px solid #E4D6F6;border-radius:.5em;overflow:hidden">
<div class="col-12 px-1 text-left row no-gutters" style="background-image:linear-gradient(#E6DEFB,#fff,#E6DEFB);color:#C79EF4;border-bottom:2px solid #D3C4ED;">
art status
</div>
<div class="pb-1 px-1 text-left">
<div class="row no-gutters pt-1">
<div class="col-4 col-lg-5 px-2" style="border-top:2px solid #D3C4ED;border-left:2px solid #D3C4ED;border-right:2px solid transparent;border-bottom:2px solid transparent;color:#C79EF4">
Commissions
</div>
<div class="col ml-1 px-2" style="border-top:2px solid #D3C4ED;border-left:2px solid #D3C4ED;color:#C79EF4">
OPEN!!
</div>
</div>
<div class="row no-gutters pt-1">
<div class="col-4 col-lg-5 px-2" style="border-top:2px solid #D3C4ED;border-left:2px solid #D3C4ED;border-right:2px solid transparent;border-bottom:2px solid transparent;color:#C79EF4">
Art trades
</div>
<div class="col ml-1 px-2" style="border-top:2px solid #D3C4ED;border-left:2px solid #D3C4ED;color:#C79EF4">
Closed
</div>
</div>
<div class="row no-gutters pt-1">
<div class="col-4 col-lg-5 px-2" style="border-top:2px solid #D3C4ED;border-left:2px solid #D3C4ED;border-right:2px solid transparent;border-bottom:2px solid transparent;color:#C79EF4">
Requests
</div>
<div class="col ml-1 px-2" style="border-top:2px solid #D3C4ED;border-left:2px solid #D3C4ED;color:#C79EF4">
Closed
</div>
</div>
</div>
</div>
<!-- art status container end -->
it's super long but XD what can ya do
i replaced the loves/dislikes with this but maybe it can work seperately? not sure
i really recommend you learn the basics of html through w3schools or another resource, it really helps in situations like this! like i said before i've dabbled into code (fucked around with neocities) and html is fairly simple. it's just a bunch of trial and error XD
10 months, 19 days ago
10 months, 19 days ago