• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
CSS - id или class из двух слов.
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 1 | 00:41:00
Придумал сделать названия разделов картинками.

У меня 2 раздела
- Игры PC
- Фильмы

Есть идентификатор который определяет этот раздел. $SECTION_NAME$

В вид материалов вставил вот так:
Код
<div id="$SECTION_NAME$"></div>


В CSS вот так:
Код
div#Фильмы {background: url(картинка);}
div#Игры PC {background: url(картинка);}


Так вот с фильмами ID работает. А вот с Играми не знаю как сделать. Так как там название состоит из двух слов.
Пробовал сделать через $SID$ - ID раздела самих разделов. Но в CSS почему то не работает ID или CLASS с цифрой.

NZT
Сообщений: 369
Репутация: 483

Сообщение # 2 | 00:49:34
Цитата (Татуированый)
Но в CSS почему то не работает ID или CLASS с цифрой.

Не работает сам ИД или Вы туда системный оператор писали?
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 3 | 00:55:11
Цитата (NZT)
Не работает сам ИД или Вы туда системный оператор писали?


Если в css написать id с одним словом, то работает. (по Русски)
div#Фильмы {background: url(картинка);}

Если в css написать id с двумя словами, то НЕ работает.
div#Игры PC {background: url(картинка);}

Можно ли КАК-ТО сделать чтобы в CSS в id можно было использовать из двух слов?
Или использовать в id или class цифры...

Сообщение отредактировал Татуированый - Воскресенье, 17 Фев 2013, 00:55:36
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 4 | 01:00:01
Татуированый, поставьте нижнее тире между словами.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 5 | 01:05:44
Цитата (Selena)
Татуированый, поставьте нижнее тире между словами.

Не могу. Идентификатор Раздела $SECTION_NAME$ выдает именно слова по отдельности.

в верхнем правом углу каждой новости видно - ссылка
Или если бы был идентификатор отвечающий именно за переведенное на Английский слово Игры на PC gamet0r.ru/load/igry_na_pc/23
Но его я не нашел, может плохо искал...

brodyaga30
Сообщений: 491
Репутация: 146

Сообщение # 6 | 01:09:19
Татуированый, не буду точно утверждать по id но по class из двух слов, через простой пробел можно к одному елементу прописать сразу два свойтсва
например

Код
<div class="cl1 cl2">


и css к нему

Код
<style>
.cl1 { color:#fff}
.cl2 { background:#000}
</style>

белый шрифт на чёрном фоне

а по
Цитата (Татуированый)
Придумал сделать названия разделов картинками.


вот тут есть неплохой, но слегка не лёгкий вариант "вместо названий категорий были картинки"

может чем-то поможет

Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Воскресенье, 17 Фев 2013, 01:09:56
NZT
Сообщений: 369
Репутация: 483

Сообщение # 7 | 01:09:36
Татуированый, А если не <div id="$SECTION_NAME$"></div> , а <div id="$SID$"></div>
brodyaga30
Сообщений: 491
Репутация: 146

Сообщение # 8 | 01:12:31
NZT, там как раз и идёт привязка к номерам категорий и разделов

Понял тебя, тридцатый ...
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 9 | 01:12:35
Цитата (NZT)
Татуированый, А если не <div id="$SECTION_NAME$"></div> , а <div id="$SID$"></div>


Идентификатор $SID$ выдает номер раздела цифрой. Почему то в CSS не хочет понимать id или class с цифрами.

Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 10 | 01:12:38
Татуированый, а почему не прописать просто в коде что-то типа такой конструкции:

Код
<?if($URI_ID$="drCat25")?><img src="/img/base1.png" /><?else?><img src="/img/base0.png" /><?endif?>


Переменные и картинки вставьте свои.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
brodyaga30
Сообщений: 491
Репутация: 146

Сообщение # 11 | 01:21:17
Цитата (Татуированый)
Почему то в CSS не хочет понимать id или class с цифрами.


class="cat1" - понимает

Понял тебя, тридцатый ...
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 12 | 01:41:17
Цитата (Selena)
Татуированый, а почему не прописать просто в коде что-то типа такой конструкции:

<?if($URI_ID$="drCat25")?><img src="/img/base1.png" /><?else?><img src="/img/base0.png" /><?endif?>


Спасибо огромное)
Сделал вот так:
Код
  
<?if($SID$="23")?><div id="razdel"><img src="картинка1"></div><?endif?>
<?if($SID$="54")?><div id="razdel"><img src="картинка2"></div><?endif?>
<?if($SID$="74")?><div id="razdel"><img src="картинка3"></div><?endif?>
<?if($SID$="103")?><div id="razdel"><img src="картинка4"></div><?endif?>

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