• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: JonMagon  
Стили четным и нечетным записям
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 1 | 20:12:28
У каждого материала есть id, id делится на четный и нечетный, мне нужно чтобы у нечетного был стиль "border-top" а у четного "border-bottom". Как можно сделать такое?
<?if($ID$='четный')?><style>.entry{border-top: 1px solid #000}<?else?>.entry{border-bottom: 1px solid #000}</style><?endif?>

Добавлено (22 Ноя 2013, 20:12:28)
---------------------------------------------
Возможно это можно это сделать на JS? Сам нихрена в js не шарю wacko только начал учить

Burgem
Сообщений: 40
Репутация: 7

Сообщение # 2 | 21:02:47
Вот:
Код
<?if($ID$%2=0)?>
<style>.entry{border-bottom: 1px solid #000}</style> //чётное
<?else?>
<style>.entry{border-top: 1px solid #000}</style> //нечётное
<?endif?>
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 3 | 21:22:13
Burgem, не получилось..
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 4 | 21:31:33
Lumore, Да просто ID присвойте как классы и вперёд на мины через CSS ... Я эдак высоту материалов через ID задавала попарно в двух колонках при разном по размеру содержании ..

Burgem
Сообщений: 40
Репутация: 7

Сообщение # 5 | 21:34:30
я просто показал условие <?if($ID$%2=0)?> как проверять
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 6 | 21:36:40
<?if($ID$%2="0")?>
<style>#entryID$ID$ {border: 5px solid #FFFF00}</style>
<?else?>
<style>#entryID$ID$ {border: 5px solid #FFFFFF}</style>
<?endif?>

Добавлено (22 Ноя 2013, 21:36:40)
---------------------------------------------
в вид материалов wink

Lumore
Сообщений: 211
Репутация: 18

Сообщение # 7 | 21:38:09
bandjuk, Спасибо большое!
Solaris(Olga)
Сообщений: 342
Репутация: 240

Сообщение # 8 | 21:38:39
Скопирую себе это решение)
Сообщение отредактировал Solaris(Olga) - Пятница, 22 Ноя 2013, 21:44:32
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 9 | 21:43:51
Burgem, ещё можно не через условие а через :nth-child сделать.

Просто в CSS

Код
.entry:nth-child:(even) {border-bottom: 1px solid #000}
.entry:nth-child:(odd) {border-top: 1px solid #000}

Сообщение отредактировал Rad_van_Cor - Пятница, 22 Ноя 2013, 21:44:59
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 10 | 21:46:38
Rad_van_Cor, написано что хавает только Осёл +9 http://htmlbook.ru/css/nth-child
, а так конечно практчнее thumb
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 11 | 21:51:49
Цитата bandjuk ()
написано что хавает только Осёл +9

Ну для кросбраузеродрочеров, лучше через условие, да я бы и сам в принципе через условие сделал.
А на IE вообще пох, браузер для лалок. А точней, как написано в подписи у одного не без известного тут человека в подписи, ie это такая программа, с помощью которой можно зайти в интернет и скачать себе нормальный браузер)

Просто показал такой вариант (как альтернативу). Ведь не везде есть переменные.
Я к примеру эту фишку юзал когда делал материалы в две строки. Вся сооль в том, что пишешь float:left и margin-right:20px.
И получается что от материала который во второй колонке тоже как бы отступ с права 20px, хотя он там не нужен, нужен только на первой колонке. И вот через :nth-child я уберал во второй колонке отступ. Я просто люблю что бы всё ровненько было))

Сообщение отредактировал Rad_van_Cor - Пятница, 22 Ноя 2013, 21:53:30
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 12 | 21:53:50
Rad_van_Cor, к сожалению многие юзают осла т.к. он идёт впридачу к винде, поэтому приходится учитывать даже 6 Осла sad
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 13 | 21:54:56
bandjuk, ни один свой сайт не настраивал под ie ниже 9 версии)) Вообще пох, как говорится "Проблемы индейцев, вождя не *бут" =))))

bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 14 | 21:56:22
Rad_van_Cor, так тоже нельзя, одно дело когда ослик просто не кажет радиус или тень, а другое когда совсем всё слетает
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 15 | 22:04:51
Цитата bandjuk ()
так тоже нельзя
Так то оно так, но я ж говорю, пофиг мне. На некоторых сайтах я вообще от IE сайт закрывал а вместо него выводил окно с надписью мол ваш брауер устарел, скачайте новую версию, и ссылки на браузеры. Как в ВК короч сделано.

+ статистика на моих сайтах показывает, что с ie заходят оч мало людей

Добавлено (22 Ноя 2013, 22:04:51)
---------------------------------------------
bandjuk, всё ладно, я умчал жечь)))))

Прикрепления: 6920788.jpg (392.4 Kb)

  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!