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


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

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

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

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

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

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

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

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

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

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

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

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

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

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

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

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

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

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

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

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 17.08.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

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Помогите убрать у ссылок подчеркивание и смену цвета
  2. Создание красивой кнопки в фотошопе.
  3. Как отредактировать шапку Wordpress
  4. Изменение цвета в шаблоне
  5. Как создать кнопку для сайта используя обтравочную маску

#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