|
Чередование цветов сообщений форума
|
|
| bibimij | Дата: 17 Августа 2008, 10:07 | Сообщение # 1 |  ● ● ● ● ● 21 сообщение Статус: Offline | Доброго времени суток! Как сделать чередование цветов сообщений форума, типа как на Vingrad?
Проблема, собственно в одном: каждая таблица сообщения находится в теге TD, класс которого postRest1 и postRest2(чётный и нечётный соответственно). Но классы TD информации пользователя и сообщения и в том, и в том случае одинаковы(postTdInfo и posttdMessage). Хотелось бы, чтоб это было сделано через CSS, а не JavaScript. Поможете? | | |
|
| Бармалей | Отредактировал Бармалей - Воскресенье, 17 Августа 2008, 10:20 Дата: 17 Августа 2008, 10:19 | Сообщение # 2 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | через ксс не получится
вместо яваскрипта предложу jQuery так как получится гораздо более компактноCode $("td.posttdMessage:nth-child(odd)").addClass("odd");
 | | |
|
| bibimij | Дата: 17 Августа 2008, 11:54 | Сообщение # 3 | ● ● ● ● ● 21 сообщение Статус: Offline | А пример можно?
Надо будет изучить jQuery...Добавлено (2008-08-17, 11:54)
---------------------------------------------
Ну, использования. | | |
|
| Gaara | Дата: 17 Августа 2008, 12:07 | Сообщение # 4 |  ● ● ● ● ● 1312 сообщений Статус: Offline | Это же и есть рабочий пример.
Только вроде надо еще свой класс odd описать... | | |
|
| bibimij | Дата: 18 Августа 2008, 11:54 | Сообщение # 5 | ● ● ● ● ● 21 сообщение Статус: Offline | Написал в шаблоне "общий вид страниц форума" в HEAD так:
Code
<script type="text/javascript">
$("td.posttdMessage:nth-child(odd)").addClass("odd");
</script>
<style>
.odd {background: #f00;}
</style>
Не работает.  | | |
|
| Fluder | Дата: 18 Августа 2008, 11:57 | Сообщение # 6 |  ● ● ● ● ● 705 сообщений Статус: Offline | Сам я дуб в этом... но Бармалей сказал jQuery
Значит ды должен его ещё открыть... | | |
|
| Gaara | Дата: 18 Августа 2008, 13:41 | Сообщение # 7 | ● ● ● ● ● 1312 сообщений Статус: Offline | надо подключить библиотеку jQuery еще | | |
|
| bibimij | Дата: 19 Августа 2008, 14:11 | Сообщение # 8 | ● ● ● ● ● 21 сообщение Статус: Offline | Ну вот скачал с jquery.com библиотеку, подправил код(всё ещё в HEAD пишу):
Code <script type="text/javascript" src="http://intex.ucoz.ru/scripts/jquery.js"></script>
<script type="text/javascript">
$("td.posttdMessage:nth-child(odd)").addClass("odd");
</script>
Опять ничего. | | |
|
| MindFreakTheMon | Дата: 19 Августа 2008, 15:04 | Сообщение # 9 |  ● ● ● ● ● 274 сообщения Статус: Offline | <script type="text/javascript" src="http://intex.ucoz.ru/scripts/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".posttdMessage:odd").addClass("odd");
});
</script>
<style type="text/css">
.odd {background: #f00;}
</style> | | |
|
| antidro4er | Дата: 22 Января 2010, 21:09 | Сообщение # 10 | ● ● ● ● ● Статус: Offline | А как сделать, чтобы при загрузке страницы, цвет сразу менялся, а не тогда, когда страница загрузится окончательно? Помогите, пожалуйста. Я в скриптах не шарю, если возможно, подправьте тот, что в посте №9 | | |
|
| AlexPS | Отредактировал AlexPS - Воскресенье, 24 Января 2010, 18:15 Дата: 24 Января 2010, 18:13 | Сообщение # 11 |  ● ● ● ● ● 125 сообщений Статус: Offline | Code <script type="text/javascript">
$("td.posttdMessage:nth-child(odd)").addClass("odd");
</script>
<style>
.odd {background: #f00;}
</style>
попробуйте после </head> поставить | | |
|
| vitamin0213 | Дата: 24 Января 2010, 23:26 | Сообщение # 12 | ● ● ● ● ● 4 сообщения Статус: Offline | AlexPS, если я правильно понял, то не получается так. | | |
|
| uWeb | Дата: 24 Января 2010, 23:41 | Сообщение # 13 | ● ● ● ● ● 1135 сообщений Статус: Offline | vitamin0213, Code td.posttdMessage:nth-child(odd) {background: #f00;} | | |
|
| MegaFill | Отредактировал MegaFill - Понедельник, 25 Января 2010, 17:41 Дата: 24 Января 2010, 23:47 | Сообщение # 14 |  ● ● ● ● ● 1588 сообщений Статус: Offline | uWeb, бред. Code <script type="text/javascript">
$(document).ready(function(){
$("td.posttdMessage:nth-child(odd)").addClass("odd");
});
</script>
<style type="text/css">
.odd {background: #f00 !important;}
</style>
ставьте перед </body>
jq дополнительно подклчюать е надо, т.к. на юкозе он сам подключается.
==============
На самом деле требовалось сделать вот так:
Code .postRest2 .postTdInfo {background:#f00}
.postRest2 .posttdMessage {background:#d00}
.postRest1 .postTdInfo {background:#0f0}
.postRest1 .posttdMessage {background:#0d0}
... | | |
|
| vitamin0213 | Дата: 25 Января 2010, 17:42 | Сообщение # 15 | ● ● ● ● ● 4 сообщения Статус: Offline | MegaFill,
спасибо тебо, невероятное спасибо!!! Очень помог. А скрипт даже не понадобился, все сделал через CSS!!! | | |
|
| uWeb | Дата: 25 Января 2010, 18:38 | Сообщение # 16 | ● ● ● ● ● 1135 сообщений Статус: Offline | | | |
|
| Infamous | Дата: 25 Января 2010, 18:49 | Сообщение # 17 |  ● ● ● ● ● 1670 сообщений Статус: Offline | Потому что псевдокласс nth-child не поддерживает большинство браузеров. | | |
|
