تقویم ها
این قالب شامل 4 اندازه تقویم و یک تقویم با استایل متحرک است، که همه ی آنها واکنش گرا هستند. تمامی اندازه ها به شما اجازه میدهند که لیست وقایع هر روز را به نمایش بگذارید، حتی سایز های کوچک هم این امکان را دارند. پایین را نگاه کنید و اندازه مرورگرتان را تغییر دهید تا ببینید چگونه تقویم های دارای سایز های مختلف، خود را با اندازه مرورگر شما تطابق میدهند.
تقویم های متحرک
این کاربردی ترین استایل برای نشان دادن حداکثر اطلاعات است. با هر عرض صفحه ای خود را سازگار میکند، حتی کوچکترین صفحات و استایل تاریخ ها و وقایع نیز خود را تغییر میدهند تا بهترین استفاده از فضای در دسترس صورت بگیرد. در عین حال ارتفاع تقویم به صورت اتوماتیک و با حفظ نسبت سلولهای درون آن صورت میگیرد اما این امکان وجود دارد که برای صفحات بزرگتر، اندازه ارتفاع محدود شود :
| یکشنبه | دوشنبه | سه شنبه | چهارشنبه | پنج شنبه | جمعه | شنبه |
|---|---|---|---|---|---|---|
| 30 |
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 | 31 | 1 | 2 | 3 |
تقویم کوچک
این یک استایل ساده بدون جاوا اسکریپت است. این استایل وقتی مفید است که بخواهید ویژگی های تقویم را از پایه ایجاد کنید.
در صورتی که وقایع را در آن قرار دهید، به صورت نقطه نمایش داده میشوند و لیست کامل آنها در هنگام کلیک بر روی تاریخ مشخص شده نشان داده میشود.
| یکشنبه | دوشنبه | سه شنبه | چهارشنبه | پنجشنبه | جمعه | شنبه |
|---|---|---|---|---|---|---|
| 30 | 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 | 31 | 1 | 2 | 3 |
| یکشنبه | دوشنبه | سه شنبه | چهارشنبه | پنجشنبه | جمعه | شنبه |
|---|---|---|---|---|---|---|
| 30 |
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 | 31 | 1 | 2 | 3 |
تقویم کوچک کاربردی
با استفاده از پلاگین GlDatePicker, بر اساس استایل تقویم، دو تقویم درون خط و متنی بسیار عالی داریم :
اندازه های دیگر
سه اندازه میانی وجود داره، اندازه بزرگتر تنها در زمانی نشان داده میشود که صفحه مرورگر شما به حد کافی بزرگ باشد!
اندازه متوسط
| یکشنبه | دوشنبه | سه شنبه | چهارشنبه | پنجشنبه | جمعه | شنبه |
|---|---|---|---|---|---|---|
| 30 |
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 | 31 | 1 | 2 | 3 |
اندازه بزرگ
| یکشنبه | دوشنبه | سه شنبه | چهارشنبه | پنجشنبه | جمعه | شنبه |
|---|---|---|---|---|---|---|
| 30 |
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 | 31 | 1 | 2 | 3 |
بزرگترین اندازه
| یکشنبه | دوشنبه | سه شنبه | چهارشنبه | پنجشنبه | جمعه | شنبه |
|---|---|---|---|---|---|---|
| 30 |
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 | 31 | 1 | 2 | 3 |
سلام