Как реализовать вывод блока div на конкретной странице

397

24 апреля 2017, 01:48

многоязычный сайт где три главные страницы и на каждой нужно вывести сообщение на её языке. Как это можно реализовать?

Русский язык English Казак тили

Answer 1

Как например:

[lang="ru"] { 
  position: relative; 
} 
 
.msg { 
  display: none; 
} 
 
[lang="ru"] .ru { 
  color: red; 
  display: block; 
  position: fixed; 
  left: 0; 
  right: 0; 
  text-align: center; 
  top: 10%; 
} 
 
[lang="en"] .en { 
  color: blue; 
  display: block; 
  position: fixed; 
  left: 0; 
  right: 0; 
  text-align: center; 
  top: 10%; 
}

<!DOCTYPE html> 
<html lang="ru"> 
<head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width"> 
  <title>JS Bin</title> 
</head> 
<body> 
<span class="msg ru">РУССКИЙ ЯЗЫК</span> 
<span class="msg en">English</span> 
</body> 
</html>

Сменили на англ.:

[lang="ru"] { 
  position: relative; 
} 
 
.msg { 
  display: none; 
} 
 
[lang="ru"] .ru { 
  color: red; 
  display: block; 
  position: fixed; 
  left: 0; 
  right: 0; 
  text-align: center; 
  top: 10%; 
} 
 
[lang="en"] .en { 
  color: blue; 
  display: block; 
  position: fixed; 
  left: 0; 
  right: 0; 
  text-align: center; 
  top: 10%; 
}

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width"> 
  <title>JS Bin</title> 
</head> 
<body> 
<span class="msg ru">РУССКИЙ ЯЗЫК</span> 
<span class="msg en">English</span> 
</body> 
</html>

Либо, задавать класс body - page-ru, page-en

Если на js, то тот же принцип.

if(lang === "ru") { ... } else if(lang === "en") { ... }

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Print-page. Неккоректное отображение текста в Chrome

Привет всем! Нужна помощь! На pic1 видно, что текст в Print Preview отображается некорректно

374

HTML

Как сделать анимированный поиск?

377

HTML

Почему слайдер дергается и как можно решить эту проблему?

Добрый день, подскажите как решить такую проблему: нужен слайдер центральный слайд которого был бы ~800 пик, а остальные(2 сбоку ) имели ширину...

956

HTML

Подключение скриптов в HTML

Подскажите пожалуйстаЧто это за вид подключения и как поменять на обычный? Пытался все подключения поменять на script src="" и некоторые не работают

350