Question

Я - владелец лиги, мне нужно как-нибудь выделять цвета в календаре. т.е. Зелёный цвет-победы, а красный - поражения. Можно ли это сделать?

Answer 1

Выделить можно, но делается это псевдокласами с помощью стилей, как пример выделить 5 число текущего месяца в красный цвет можно стилями вот так:

.calTable tr:nth-child(4) td:nth-child(3) {color:red;}

получается мы стилями указываем 4-й tr в который завернуты ячейки td и далее мы конкретно указываем к какой именно применить стили выше. Предоставьте ссылку на сайт и какие даты вам нужно выделить, будем смотреть на конкретном примере. 

Comments

Андрей Измалков,

Для каждого это получается всем один цвет задать или каждому по отдельности? Для всех по отдельности получится для одного месяца 30-31 строка, для нового месяца снова столько же, но не одинаковых так как сутки не совпадают и порядок будет другой, если для вас это не очень важно, советовал бы не выделять так как слишком много мороки для вас если не знаете html и css.

---

Yuri_Geruk,

Каждому по отдельности. Это конечно сложно будет, я это понимаю.

---

Андрей Измалков,

Ближе к 18-19 часам напишу вам список для целого месяца.

---

Андрей Измалков,

Вот так, это для текущего месяца (цвет смените на свой для каждого числа кроме 16-17):

.calTable tr:nth-child(3) td:nth-child(6){color:red;} /*1 число*/
.calTable tr:nth-child(3) td:nth-child(7){color:red;} /*2 число*/
.calTable tr:nth-child(4) td:nth-child(1){color:red;} /*3 число*/
.calTable tr:nth-child(4) td:nth-child(2){color:red;} /*4 число*/
.calTable tr:nth-child(4) td:nth-child(3){color:red;} /*5 число*/
.calTable tr:nth-child(4) td:nth-child(4){color:red;} /*6 число*/
.calTable tr:nth-child(4) td:nth-child(5){color:red;} /*7 число*/
.calTable tr:nth-child(4) td:nth-child(6){color:red;} /*8 число*/
.calTable tr:nth-child(4) td:nth-child(7){color:red;} /*9 число*/
.calTable tr:nth-child(5) td:nth-child(1){color:red;} /*10 число*/
.calTable tr:nth-child(5) td:nth-child(2){color:red;} /*11 число*/
.calTable tr:nth-child(5) td:nth-child(3){color:red;} /*12 число*/
.calTable tr:nth-child(5) td:nth-child(4){color:red;} /*13 число*/
.calTable tr:nth-child(5) td:nth-child(5){color:red;} /*14 число*/
.calTable tr:nth-child(5) td:nth-child(6){color:red;} /*15 число*/
.calTable tr:nth-child(5) td:nth-child(7) a.calMdayLink {color:#7ba462;} /*16 число*/
.calTable tr:nth-child(6) td:nth-child(1) {color:#7ba462;} /*17 число*/
.calTable tr:nth-child(6) td:nth-child(2){color:red;} /*18 число*/
.calTable tr:nth-child(6) td:nth-child(3){color:red;} /*19 число*/
.calTable tr:nth-child(6) td:nth-child(4){color:red;} /*20 число*/
.calTable tr:nth-child(6) td:nth-child(5){color:red;} /*21 число*/
.calTable tr:nth-child(6) td:nth-child(6){color:red;} /*22 число*/
.calTable tr:nth-child(6) td:nth-child(7){color:red;} /*23 число*/
.calTable tr:nth-child(7) td:nth-child(1){color:red;} /*24 число*/
.calTable tr:nth-child(7) td:nth-child(2){color:red;} /*25 число*/
.calTable tr:nth-child(7) td:nth-child(3){color:red;} /*26 число*/
.calTable tr:nth-child(7) td:nth-child(4){color:red;} /*27 число*/
.calTable tr:nth-child(7) td:nth-child(5){color:red;} /*28 число*/
.calTable tr:nth-child(7) td:nth-child(6){color:red;} /*29 число*/
.calTable tr:nth-child(7) td:nth-child(7){color:red;} /*30 число*/
.calTable tr:nth-child(8) td:nth-child(1){color:red;} /*31 число*/

---

Yuri_Geruk,

Спасибо большое!