• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Изменение стилей кнопки после перехода

Chuvak

Форумчанин
ВП тут вообще не при чем - голый css
У меня к сожалению нет ссылки. А как такое голым css сделать не подскажете? Мне бы тогда не пришлись jquery подгружать, а то у меня из-за него некоторые плагины перестают работать.
 

tuxfighter

Гуру
Местный

Chuvak

Форумчанин
Вы сайт исключительно в уме разрабатываете??

Вторую страницу пытаюсь подсказать - вы понимать отказываетесь.
У меня нет сайта в интернете. Вы на этом сайте в верхнем меню щелкните на любой пункт в меню на пример на пункт "Форум" и после загрузки этой страницы-форума Вы увидите что эта кнопка "Форум" изменила свой цвет. Мне нужно понять как такое сделать? Неужели Вы до сих пор не поняли? Это очень странно. Посмотрите картинку которую я приложил. Ну там же все понятно что я хочу сделать. Или Вам даже после этого не понятно?
 

Вложения

  • 68.9 KB Просмотры: 2

tuxfighter

Гуру
Местный
У меня нет сайта в интернете.
Сочувствую.......... Ну как будет - обращайтесь
Неужели Вы до сих пор не поняли?
Я понял еще с первого поста - это вы мои слова понять не можете
Зачем Вам ссылка?
Затем, что правила css пишутся для конкретного сайта и на 99% других не работают.
 

Chuvak

Форумчанин
Пример, как это делается на моем сайте.
Что-то у меня не работает.
Я вписал в файл со стилями это:
Код:
a.knopka{
background-color:green;
color:#ffffff;
padding:20px 50px;
border-radius:20px;
text-decoration:none !important;
}
body.page-id-1000744 a.knopka{
background-color:red;
}
Правильно?
Далее в одну страницу вписал это: <a class="knopka" href="/s/aaaaaaa/bbb" title="" target="_self">вввв</a>
А на другую это: <a class="knopka" href="/s/aaaaaaa/aaa" title="" target="_self">вввв</a>

Кнопка не перекрашивается.
 

Chuvak

Форумчанин
А Вы можете по подробней рассказать как Вы это делали? Куда что вписывали? Вот Вы говорите "Добавляем класс из тега body, который относится только для этой страницы" но куда его добавлять? Куда этот код вписывать? И нужно ли что-то в нем исправлять или прям так можно вставить без исправления?
 

Chuvak

Форумчанин
Вот с этим кодом вообще не понятно. Куда его вписывать и нужно ли что-то в нем исправить? Куда его добавляем? В какой файл?
Код:
Добавляем класс из тега body, который относится только для этой страницы
body.page-id-1000744 a.knopka{
background-color:#fd0404;
}
 

tuxfighter

Гуру
Местный
Куда что вписывали?
Все пользовательские стили пишутся во Внешний вид - Настройки - Дополнительные стили или в style.css дочерней темы или в спец. плагины пользовательских стилей
И нужно ли что-то в нем исправлять или прям так можно вставить без исправления?
Выше написал несколько раз.......... правила для моего сайта не будут работать на вашем!! Естественно селекторы нужно исправлять на те, которые используются у вас
Собственно для этого всегда и требуют показать страницу с проблемой
 

Chuvak

Форумчанин
Все пользовательские стили пишутся во Внешний вид - Настройки - Дополнительные стили или в style.css дочерней темы или в спец. плагины пользовательских стилей

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

tuxfighter

Гуру
Местный
А что за селекторы и где их исправлять?
это азы css. Выучите хотя бы это......
какие селекторы
узнаете что такое "селектор", поймете какие
и где Вы их исправляли?
я выше написал куда пишут пользовательские стили
 

ADv

Гуру
Местный
Вот с этим кодом вообще не понятно. Куда его вписывать и нужно ли что-то в нем исправить? Куда его добавляем? В какой файл?
Код:
Добавляем класс из тега body, который относится только для этой страницы
body.page-id-1000744 a.knopka{
background-color:#fd0404;
}
В данном случае 1000744 - идентификатор конкретной странице, на которой Вы сейчас находитесь.
Исследуйте код страницы в Инспекторе, и увидите, что у каждой СТРАНИЦЫ в ВП есть такой ID в классе у body.
Вам пытаются донести, что для того, чтобы применить стили к кнопке на ОПРЕДЕЛЕННОЙ странице, Вам нужно ИДЕНТИФИЦИРОВАТЬ эту страницу каким-либо образом.
Проще всего использовать функциональность ВП, которая добавляет класс в тег body с идентификатором страницы.

Итого:
Код:
body.page-id-1000744 a.knopka{
background-color:#fd0404;
}
имеем
1) на текущей странице с id 1000744 видим класс page-id-1000744 у тега body
2) применяем цвет фона у кнопки a.knopka только, если у тега body есть класс page-id-1000744 (т.е. если мы находимся на странице с id 1000744).

Надеюсь, понятно.
 
Сверху Снизу