Разные css стили блоков в виде материалов

Общие вопросы по системе юкоз, вопросы по ucoz, вопросы без определенной темы

Разные css стили блоков в виде материалов

» » Сообщение:

Привет дружище. Хочу обратиться к тебе за советом, ты вроде бы хороший спец по юкоз.

Смотри. Вот на этой странице http://moviesplay.ru у меня установлены информеры, информер выводит 5 последних материалов, если навести мышь на блок, справа появляется описание материала (с помощью css). Чтобы описание не выходило за границу браузера, я сделал для двух последних блоков появление описания слева посредством принудительного изменения css. Использовал я для этого условный оператор:

Код: Выделить всё Развернуть
<?if($NUMBER$>3)?>блоки с описанием слева<?else?>блоки с описанием справа<?endif?>

Т.е. первые 3 блока выводят описание справа, 2 последних выводят слева.

Так вот, к чему я всё это, как мне точно так же сделать в виде материалов? http://moviesplay.ru/load/filmy/1
Там у меня по 4 блока на одну строку. Никак не соображу как сделать для первых двух появление описания справа, а для последних двух появления слева.
Сначала думал использовать id материалов которые присваивает сам ucoz, но при добавлении нового материала, блоки передвигаются и соответственно сдвигаются id материалов.
Может ты что то посоветуешь? Есть какой нибудь способ?


Re: Разные css стили блоков в виде материалов

Admin » » Сообщение:

Мыдаров Рустам писал(а) › 01 апр 2016, 18:56:Есть какой нибудь способ?
Код: Выделить всё Развернуть
#allEntries > div:nth-child(an+b){
   стили
}

Где:
Задается в виде an+b, где a и b целые числа, а n - счетчик, который автоматически принимает значение 0, 1, 2...

Например:
5n-2 выберет 3, 8, 13, 18, 23..
3n+2 выберет 2, 5, 8, 11, 14..


Re: Разные css стили блоков в виде материалов

Мыдаров Рустам » » Сообщение:

Admin почему то не работает =(

Добавлено спустя 36 секунд:
Ой, стоп, ты ещё что то написал, сейчас вникну и попробую =)

Добавлено спустя 10 минут 12 секунд:

Admin писал(а) › 01 апр 2016, 19:15:Например:
5n-2 выберет 3, 8, 13, 18, 23..
3n+2 выберет 2, 5, 8, 11, 14..

Таким образом вперемешку получается, где-то воздействие на 2 блок, где-то на 4, где-то на 3.

Жаль этот способ не работает:

Код: Выделить всё Развернуть
#allEntries > div .blokcont:nth-child(3),
#allEntries > div .blokcont:nth-child(4){стили}

Добавлено спустя 3 минуты 59 секунд:
Хотя нет, работает, но только на 3 и 4 блок в первой строке.

Добавлено спустя 3 минуты 43 секунды:
Нашёл 1 вариант =) 4n это каждый четвёртый
Осталось придумать способ на каждый третий.

Добавлено спустя 7 минут 42 секунды:
Всё, нашёл, 4n-1 каждый четвертый и минус 1, т.е каждый третий=)
Вот только мне нужно изменять стиль у класса b1 а не первый div, как это сделать?

Добавлено спустя 1 час:
Всё, разобрался сам, спасибо тебе за столь дельный совет, ты гений =)






Похожие темыКомментарии ПросмотрыПоследнее сообщение
131426Re: Вывести другой вид материалов д...
Сообщение от: Admin
151431Re: Рейтинг материалов +/- (плюс/ми...
Сообщение от: kinouser
305071Re: Как сделать рейтинг материалов ...
Сообщение от: Admin
11894Re: Рейтинг материалов как на YouTu...
Сообщение от: Admin
0423Стили CSS3 для изображений
Сообщение от: Admin