This Is An Example (![[info]](https://www.insanejournal.com/img/userinfo.gif){kind=small} this_example) wrote in ![[info]](https://www.insanejournal.com/img/community.gif){kind=small} rp_tutorials,@ 2010-04-26 19:49:00 |
 |
|||
|
|
|
|
|
|
|
| Entry tags: | coding: calendar, resources: game creation |
Calender Codes
Below are some codes to make small calenders to help keep track of IC and OOC events and days. They are especially useful for games where the IC date and the OOC date don't match, for whatever reason. I've cobbled together a couple versions of the code, so hopefully one will suit your needs!
Also, this is my first post here, so be nice. ._.
IC and OOC Dates Match
If you play in real time or if only the years are different between the real dates and game dates, the following code is probably for you.
| April | ||||||
| Su | Mo | Tu | We | Th | Fr | Sa |
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | |
This is the simplest code to modify. You can change the width of the table and the height of the rows to make it fit your needs, and this table can work at a much small size.
IC and OOC Dates Don't Match
This table is a little more complex and uses a lot of nested tables to make it work, but it's easy to modify once you get the hang of it.
| April | ||||||||||||||||||||
| September/October | ||||||||||||||||||||
| Su | Mo | Tu | We | Th | Fr | Sa | ||||||||||||||
|
|
| ||||||||||||||||||
|
|
|
|
|
|
| ||||||||||||||
|
|
|
|
|
|
| ||||||||||||||
|
|
|
|
|
|
| ||||||||||||||
|
|
|
|
|
|
|||||||||||||||
The code above is completely blank, unlike the example calender that's displayed. To modify a day/square to contain an OOC event, replace this code:
with this code:
For an IC event, replace with this code:
And repeat to infinity. It's a touch tedious, but the end result is really tidy so I think it's worth it.
Magical Year Long Calender
For this cool trick, you'll need the codes listed above plus a few more:
Nifty, yes? Give your love to
wastintime, I used her hidden tables tutorial to do it. But here's the modified codes.First start with this:
This is the code that starts the hidden tables and also makes the visible table with all the months of the year on it. You can add in all the months of the year or just as many as you have, doesn't matter. Just make sure that the links go to the right months.
Next, copy and past in the code for each of your monthly calenders. It doesn't even matter if they're in order or not, just so long as you put this at the top:
and this at the bottom:
For the bottom code, don't forget to take out your extra /table tag.
place in a /div tag after the last monthly calender and presto! Magic hidden tables.