Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
dos1k dos1k 1-й за Май
Очков активности: 1 194 28 тем, 115 сообщений, 4 балла репутации
Сайт: dos1k.ru
ТОП самых активных за этот месяц
  • Фотография Olya23
    #1

    Olya23
    Очков активности: 990 3 темы, 123 сообщения, 5 баллов репутации

  • Фотография Rodiola
    #2

    Rodiola (rukodelkovo.ru)
    Очков активности: 684 0 тем, 76 сообщений, 6 баллов репутации

  • Фотография maxnik
    #3

    maxnik (konovalovpavel.ru)
    Очков активности: 90 0 тем, 20 сообщений, 3 балла репутации

  • Фотография agrx
    #4

    agrx (key-assort.ru)
    Очков активности: 54 0 тем, 18 сообщений, 2 балла репутации

  • Фотография fedornabilkin
    #5

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 51 0 тем, 17 сообщений, 2 балла репутации

  • Фотография BLIK
    #6

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #7

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 37.5 0 тем, 25 сообщений, 1 балл репутации

  • Фотография re-search
    #8

    re-search
    Очков активности: 36 5 тем, 9 сообщений, 1 балл репутации

  • Фотография FIvYUr
    #9

    FIvYUr (catblogger.ru)
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Ixman
    #10

    Ixman (o5cat.ru)
    Очков активности: 27 0 тем, 9 сообщений, 2 балла репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 24.05.2019
  • Яндекс выдача: 19.06.2019
Топ 5 участников по репутации


Изменение цвета кнопочки.

#1 DJiBi

DJiBi
  • Неактивные
  • 3 сообщений
  • Репутация: 0
0

Отправлено 27 Март 2012 - 23:21

Здравствуйте. Я не знаю языки программирования, потому и решил обратиться за помощью.
Мне нужно сделать простые кнопочки для сайта. Я уже сделал, так, чтобы при наведении и нажатии они изменялись. Нужно ещё, что бы кнопка изменялась при переходе по ней. К примеру: У меня 3 кнопки, под наименованиями 1,2 и 3. Я нажимаю на кнопку 2 и она становится зелёной, жму на 3 теперь эта кнопка зелёная, а кнопка 2 по стандарту становится голубой, как и прежде.

Вот что у меня уже есть:

<div class="knopochka"><a href="****">ГЛАВНАЯ</a></div>
.knopochka a {
font: bold 10px Verdana, Arial, sans-serif;
text-decoration: none;
text-align:center;
color: #3333CC;
background: url([url="http://croatia.3dn.ru/diz/Knopochka.png"]http:****.png[/url]);
display: block;
width: 121px;
line-height: 21px;
height: 21px;
}
.knopochka a:hover{
background-position: 0px -21px;
text-decoration: none;
color: #3333CC;
}
.knopochka a:active{
background-position: 0px -42px;
text-decoration: none;
color: #3333CC;
}

 

 

  • 0

#2 unfixed

unfixed
  • Неактивные
  • 21 сообщений
  • Репутация: 5

Отправлено 28 Март 2012 - 07:35

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

<style>
a.active { color: green; }
</style>
<a class="active" href="" title=""></a>

Т.е. если у вас, например, 3 статичные странички, то на первой странице кнопке «1» ставим класс.

<a class="active" href="" title="">1</a>
<a href="" title="">2</a>
<a href="" title="">3</a>

  • 0

#3 DJiBi

DJiBi
    Topic Starter
  • Неактивные
  • 3 сообщений
  • Репутация: 0

Отправлено 28 Март 2012 - 09:53

Если это можно сделать только таким способом,то очень жаль. Я работаю в системе ucoz, а там можно изменить только дизайн шаблона в целом, но не отдельных страниц.
И ещё, unfixed, ведь active изменяет кнопку при нажатии, а мне нужно при переходе по ссылки. Тоесть загрузилась новая страница и кнопка изменилась. Это возможно работает при помощи visited. Для конкретного примера, понажимайте на этом сайте - http://h-croatia.com...y&id=1&Itemid=4 на кнопки:

 

  • ГЛАВНАЯ
  • НЕДВИЖИМОСТЬ
  • О ХОРВАТИИ
  • О КОМПАНИИ
  • КОНТАКТ
  • КАРТА ХОРВАТИИ

 

 

 

unfixed, все же спасибо что написали, твоё предложение мне понравилось.


  • 0

#4 DJiBi

DJiBi
    Topic Starter
  • Неактивные
  • 3 сообщений
  • Репутация: 0

Отправлено 28 Март 2012 - 13:55

Пораскинул мозгами, и сделал как предложил unfixed. Спасибо ему за совет. Но, если у кого-то есть предложения как сделать это проще, буду рад.
Вот как это у меня получилось (может пригодиться кому):
<div class="knopochka1"><a href="http://***/">ГЛАВНАЯ</a></div>
<div class="knopochka"><a href="http://***/publ">НЕДВИЖИМОСТЬ</a></div>
<div class="knopochka"><a href="http://***/dir/">О КОМПАНИИ</a></div>
.knopochka a {
font: bold 11px Tahoma, Verdana, sans-serif;
text-decoration: none;
text-align:center;
color: #2d4ca4;
background: url([url="http://croatia.3dn.ru/diz/Knopochka.png"]****.png[/url]);
display: block;
width: 121px;
line-height: 21px;
height: 21px;
}
.knopochka a:hover{
background-position: 0px -21px;
text-decoration: none;
color: #2d4ca4;
}
.knopochka a:active{
background-position: 0px -42px;
text-decoration: none;
color: #2d4ca4;
}
.knopochka1 a {
font: bold 11px Tahoma, Verdana, sans-serif;
text-decoration: none;
text-align:center;
color: #ffffff;
background: url([url="http://croatia.3dn.ru/diz/Knopochka2.png"]****2.png[/url]);
display: block;
width: 121px;
line-height: 21px;
height: 21px;
}

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru