Подсветка языковой панели

@SlavaStas · Регистрация: 28.02.2013

Студворк — интернет-сервис помощи студентам

Здарвствуйте, как сделать подсветку языковой панели как вот здесь.?
То есть как сделать сами такие блоки я знаю, я не могу сделать, чтобы кнопочка с тем языком, который сейчас выбран была подсвечена. Подскажите плиз.

вот так не работает почему-то

CSS
1
#langs a:active{...}

хотя во всех справочниках, которые я нашел включая htmlbook.ru , пишут что так можно.

@Web-ulyanov · 07.10.2013, 15:59

Присваивайте активной в данной момент ссылке какой-нибудь класс, в примере что вы показали это .selected - к этому классу и применяется оформление.

@OgStyle · 07.10.2013, 16:21

Такая "активность" будет рабоать ровно до перезагрузки всего документа. Почему бы не взять переменную которая проверит какой язык сейчас включен на сайте и не присвоит блоку соответствующий клас? Сделайте на javascript через кукиз в крайнем случае если не сможете взять переменную с названием или ид или что там у вас текущего языка.

@SlavaStas · 07.10.2013, 16:33 **[ТС]**

OgStyle, Web-ulyanov, проблема в том, что я не знаю как проврить какой язык. Можете помочь сделать скриптик на пхп или javascript? я и то и то только недавно начал учить, просто, пока не знаю как длатся, а сделать надо.

@OgStyle · 07.10.2013, 16:44

Вариантов понять какой язык множество. Для того что бы найти переменную нужно сначало понять что у вас меняется. Может у вас уже в движке устанавливаются кукиз после изменения. Скорее всего это и есть единственный вариант так как я понимаю ваши киленты могут переключать язык даже без регистрации на сайте. сделайте вот что. зайдите на сайт переключите язык и потом зайдите в управление кукиз в вашем браузере и найдите все кукиз которые создались для сайта на котором вы работаете. сделайте скриншот или напишите вручную все названия и их значения.
а потом уже будет скрипт

@Web-ulyanov · 07.10.2013, 16:49

SlavaStas,
Если для разных языков используются разные страницы, то делайте, как я описал выше присвойте нужно ссылке класс и оформите его.
В случае использования cms, активная страница выделяется автоматически каким-либо классом, необходимо лишь задать для него оформление.

@SlavaStas · 07.10.2013, 17:10 **[ТС]**

Web-ulyanov, сайт на WP.

Добавлено через 6 минут
OgStyle, куки будут меняться, если прописан пока только сайт с русским языком? а англ и укр в ссылке href="#"?

@Lovrentiy · 07.10.2013, 19:01

CSS
1
2
3
4
5
6
.lang .selected {
background: #01aab1;
}
 
.lang .selected a {
color: #fff;

м?

@SlavaStas · 08.10.2013, 22:55 **[ТС]**

Lovrentiy,

То есть как сделать сами такие блоки я знаю, я не могу сделать, чтобы кнопочка с тем языком, который сейчас выбран была подсвечена.

OgStyle, нашел такую штуку: язык прописывается в head:

HTML5
1
2
3
<head lang="ru-RU">
...
</head>

задается оно таким образом

HTML5
1
2
3
<head <?php language_attributes(); ?>>
...
</head>

будет работать, если я пропишу вот такой скриптик?

HTML5
1
<a href="ссылка на страницу" class="<?php if ( language_attributes() = 'ru-RU' echo 'active'?>;" >RU</a>

Добавлено через 1 час 24 минуты
не правильно написал...

HTML5
1
<a href="ссылка на страницу" class="<?php if ( language_attributes() == 'ru-RU') echo 'active';?>;" >RU</a>

Добавлено через 58 секунд
второй вариант, на сколько я понимаю примерно правуильный, но его надо довести до уцма, потому что не работает(

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@Web-ulyanov 55 / 54 / 24 Регистрация: 07.10.2013 Сообщений: 200
	07.10.2013, 15:59
	Присваивайте активной в данной момент ссылке какой-нибудь класс, в примере что вы показали это .selected - к этому классу и применяется оформление. 0

@OgStyle 11 / 5 / 0 Регистрация: 18.11.2012 Сообщений: 114
	07.10.2013, 16:21
	Такая "активность" будет рабоать ровно до перезагрузки всего документа. Почему бы не взять переменную которая проверит какой язык сейчас включен на сайте и не присвоит блоку соответствующий клас? Сделайте на javascript через кукиз в крайнем случае если не сможете взять переменную с названием или ид или что там у вас текущего языка. 0

@SlavaStas 5 / 5 / 0 Регистрация: 28.02.2013 Сообщений: 121
	07.10.2013, 16:33 [ТС]
	OgStyle, Web-ulyanov, проблема в том, что я не знаю как проврить какой язык. Можете помочь сделать скриптик на пхп или javascript? я и то и то только недавно начал учить, просто, пока не знаю как длатся, а сделать надо. 0

@OgStyle 11 / 5 / 0 Регистрация: 18.11.2012 Сообщений: 114
	07.10.2013, 16:44
	Вариантов понять какой язык множество. Для того что бы найти переменную нужно сначало понять что у вас меняется. Может у вас уже в движке устанавливаются кукиз после изменения. Скорее всего это и есть единственный вариант так как я понимаю ваши киленты могут переключать язык даже без регистрации на сайте. сделайте вот что. зайдите на сайт переключите язык и потом зайдите в управление кукиз в вашем браузере и найдите все кукиз которые создались для сайта на котором вы работаете. сделайте скриншот или напишите вручную все названия и их значения. а потом уже будет скрипт 0

@Web-ulyanov 55 / 54 / 24 Регистрация: 07.10.2013 Сообщений: 200
	07.10.2013, 16:49
	SlavaStas, Если для разных языков используются разные страницы, то делайте, как я описал выше присвойте нужно ссылке класс и оформите его. В случае использования cms, активная страница выделяется автоматически каким-либо классом, необходимо лишь задать для него оформление. 0

@SlavaStas 5 / 5 / 0 Регистрация: 28.02.2013 Сообщений: 121
	07.10.2013, 17:10 [ТС]
	Web-ulyanov, сайт на WP. Добавлено через 6 минут OgStyle, куки будут меняться, если прописан пока только сайт с русским языком? а англ и укр в ссылке href="#"? 0