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


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 516 9 тем, 59 сообщений, 4 балла репутации

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 312 Вне конкурса за определение пользователя месяца

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

    Ixman (o5cat.ru)
    Очков активности: 216 0 тем, 24 сообщения, 6 баллов репутации

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

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

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

    WGN (worldgamenews.com)
    Очков активности: 183 Вне конкурса за определение пользователя месяца

  • Фотография Игорь Ку
    #6

    Игорь Ку (dudesday.ru)
    Очков активности: 157.5 4 темы, 9 сообщений, 5 баллов репутации

  • Фотография Алексей111
    #7

    Алексей111 (xvideo24.ru)
    Очков активности: 66 8 тем, 20 сообщений, 1 балл репутации

  • Фотография yuran
    #8

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

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

    Zevss (domles43.ru)
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

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

    falka (mygoodjob.ru)
    Очков активности: 16.5 3 темы, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 22.10.2018
Топ 5 участников по репутации


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

#1 DJiBi

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

Отправлено 27 March 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 March 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 March 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 March 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