omg this is such a clever idea like???

This user is not visible to guests.
This user is not visible to guests.

i love this code!!!! is there any way to stop it from automatically switching to the next month? 

Remove data-ride="carousel" and add    data-ride="false" data-pause="true" 

IMG_2079.jpeg


thank you sm 🙏🙏🙏🙏

Hi! Im using this but im a bit lost on exactly where to put the "overflow-auto" part to make it scroll, i tried putting it right after the class but it squishes it against the side and removes the day number so i assume thats not correct Here is the link if you need to look at it to understand the issue, the problem is in june https://toyhou.se/24188115.wip

You should add it as a class in the container with the border (< div class="p-1 pt-3" style="border:5px solid #cfaabd;width:100px;height:100px" >) so instead of being "p-1 pt-3" it's "p-1 pt-3 overflow-auto"

Ohhh ok ill try that, thank you!

love this code a ton and i have no idea what im doing 3 i tried to test the birthday thing n the whole thing broke.. i couldnt change months and the boxes got all wonky D:

https://ibb.co/bvm1nrV (it wont let me do the link but heres the screenshot!! im doing this on laptop rn)

Start over again, make sure you copy the entire birthday box, a trick is to collapse the div (the little triangle next to the line number) and select that and copy it. Make sure you're not adding extra divs but instead replacing the ones you want the birthday to be on. If you copy one you can use it for every month, the first one should be at line 65

thank you!! i think i figured it out!

I just fell in love with this code and I'm definitely going to use it, thanks for creating it, I don't know if it's important information but the last row of squares for the months always have non-standard spacing or are stuck together, PC ans mobile. Thanks for the code again!

I code on an ipad so things look different to me but try adding or removing more empty spacer divs (there should be a comment in each month just before them so look out for it)

I used it! (still not sure how to make it work for two OCs on the same day tho...)

Haven't really figured it out myself, you can try changing the font size to make it smaller so it can fit both

ok

ohh this is so useful. defo using it

Is there a possible way to insert image into the borders? also im using the code for my oc's birthday :D

You can, add this style to the div with the border:

;background-image:url('IMAGE URL HERE');background-size:cover;

THANK YOU!!! it worked :))

EDIT* this is what i edited btw 

image.png?ex=651ade4d&is=65198ccd&hm=106

This user is not visible to guests.

Just finished setting it up, here
Looks awesome, just took me a while to figure out how to limit it to the one month I needed then to edit the boxes

Won't be in actual 'use' till a few days from now

Tysm!! Btw, you can delete the arrows, 

you just have to delete this part at the bottom of the code

  <a class="carousel-control-prev" href="#carousel2" role="button" data-slide="prev">
    <span class="fas fa-arrow-left fa-2xl text-dark" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carousel2" role="button" data-slide="next">
    <span class="fas fa-arrow-right fa-2xl text-dark" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>

Ah thank you

Oh, also, noticed only now but you removed the credit

Ah.. How do I put it back?
Actually I just might keep the arrows and return it to how it was that way credit stays

Put this at the bottom of the code


<a class="pull-right mt-2" style="color:#dc5656" href="https://toyhou.se/clowniicat">
    
    <i class="fas fa-star"></i>
    
</a>

will absolutely use omg

I can't see the arrows on light mode browsers (I use the pink layout) so maybe make a version where things are dark so people know they're there? I dont think I would've realized there were arrows if I hadn't looked through the entire description, I thought it was just one month until it moved LOL

(just a suggestion ofc! not forced <3)

Fixed!

This user is not visible to guests.

Tysm!!!