Приветствую Вас Прохожий | RSS Понедельник, 01.03.2021, 12:47
  • Страница 1 из 1
  • 1
Модератор форума: LEO--MESSI  
Форум » Поддержка по uCoz » Ответы и помощь для web мастеров » Изменение цвета текста кнопок (Изменение цвета текста кнопки при нажатии на нее)
Изменение цвета текста кнопок
setta007 Дата: Пятница, 19.07.2013, 01:09 | Сообщение # 1

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 1
Награды: 0
Репутация: 0
Замечания: 0%
Подскажите!

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


Поробности:

CSS:

Код
h1 {   
   font-family:Verdana, Arial, Helvetica, sans-serif;   
   font-size:13px;   
   font-weight:bold;   
   margin:0;   
   padding:0;}   

  hr {   
   border:none;   
   border-top:1px solid #CCCCCC;   
   height:1px;   
   margin-bottom:25px;}   

  ul {   
   list-style: none;   
   margin: 0;   
   padding: 0;}   

  img {border: none;}   

  #menu {   
   width: 168px;   
   margin: 0px;   
   border-style: solid solid none solid;   
   border-color: #000;   
   border-size: 1px;   
   border-width: 1px;}   

  #menu li a {   
   height: 32px;   
   voice-family: "\"}\"";   
   voice-family: inherit;   
   height: 24px;   
   text-decoration: none;}   

  #menu li a:link, #menu li a:visited {   
   color: #9cff00;   
   display: block;   
   background: url(http://wallaby.ucoz.ru/_ph/1/2/631039619.gif);   
   padding: 8px 0 0 10px;}   

  #menu li a:hover {   
   color: #9cff00;   
   background: url(http://wallaby.ucoz.ru/_ph/1/2/138374785.gif) 0 -32px;   
   padding: 8px 0 0 10px;}


HTML:

Код
<div id="menu">   
  <ul>   
  <li><a href="#"><span style="color:fff"><b>Главная</b></span></a></li>  
  <li><a href="#"><span style="color:fff"><b>Форум</b></span></a></li>  
  <li><a href="#"><span style="color:fff"><b>Галерея</b></span></a></li>  
  <li><a href="#"><span style="color:fff"><b>ClanWars</b></span></a></li>  
  <li><a href="#"><span style="color:fff"><b>Фильмы</b></span></a></li>  
  </ul>  
  </div>
 
Konoplia Дата: Пятница, 05.02.2016, 07:56 | Сообщение # 2

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 25
Награды: 0
Репутация: 0
Замечания: 0%
Если я правильно понял то это делается через ховер! ВОт например у тебя есть: " #menu li a:hover" там и прописывай стиль при нажатии
 
Форум » Поддержка по uCoz » Ответы и помощь для web мастеров » Изменение цвета текста кнопок (Изменение цвета текста кнопки при нажатии на нее)
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Новые пользователи Последние темы Лучшие пользователи

1 Jopa7-11 (абрам)

RU05:45 - 01.03.2021

2 mamama999 (Marat)

KZ10:26 - 25.02.2021

3 Stalinsky (Правила Афо)

RU19:31 - 24.02.2021

4 darkdum (Сергей)

RU21:10 - 12.02.2021

5 2175 (seoseny)

DE10:50 - 05.02.2021

6 Alone02 (Рустем Ыска)

KZ20:10 - 30.01.2021

7 buldininD (buldinin)

RU14:33 - 30.01.2021

8 zavtrak20 (Sergey kali)

RU23:29 - 29.01.2021

9 vicnic (Виктор)

RU13:16 - 29.01.2021

10 sunmeat (Alex)

UA18:40 - 28.01.2021

11 smurink (smurinkgdg)

BY22:59 - 09.01.2021

12 szhgfzhjg (Wartom)

PL15:29 - 03.01.2021

13 ego_ist (ego_ist)

FR21:46 - 31.12.2020

14 maximus (maximus)

FR23:29 - 24.12.2020

15 oggy (Евгений)

US08:25 - 19.12.2020

16 Vovanc567 (Владимир)

KZ07:01 - 17.12.2020

17 Eliam (Илья)

RU16:51 - 15.12.2020

18 Vika111 (Виктория)

RU21:47 - 14.12.2020

19 diavoliq (Андрей)

RU02:02 - 11.12.2020

20 MarinaKli (MarinaKlimc)

UA12:24 - 30.11.2020

21 KateKuz (Катя Кузнец)

RU10:46 - 30.11.2020

22 Gaiiak (Atomis)

FR16:42 - 18.11.2020

23 berik1994 (Берик Ермек)

KZ16:53 - 16.11.2020

24 alexmazay (Мазепа Алек)

UA20:50 - 14.11.2020

25 ignlpnzcd (ignlpnzcd)

UA16:10 - 13.11.2020

26 komarow20 (Andrew)

UA00:26 - 30.10.2020

27 fdsssss33 (вадим Алекс)

RU05:53 - 29.10.2020

28 AlexG00D (Алексей)

BY14:35 - 21.10.2020

29 DAN0205 (Анатолий)

RU13:48 - 21.10.2020

30 Exilen (asdasd)

BY01:30 - 19.10.2020

1 Армия

MarinaKli MarinaKli [0]

2 Работа на заводе

MarinaKli Vikrumas [19]

3 Может у кого есть!

MarinaKli Vistel [6]

4 Нужны копирайты

MarinaKli mvr312 [1]

5 Остались честные СМИ?

KateKuz KateKuz [0]

6 Раздача подарков и стикеров в ...

KateKuz MDNdemon [1]

7 Дисковое пространство

KateKuz frolov1028 [3]

8 Комплексный прогон сайтов ру и...

kysovue kysovue [53]

9 Ручной прогон по трастовым сай...

kalip27 kalip27 [19]

10 бот для умножения денег на фор...

forexmone forexmone [0]

11 Программировние

forexmone Playmanovich [7]

12 Пропала реклама

forexmone frolov1028 [3]

13 У сайта вырос ТИЦ

Openair Vistel [8]

14 Нужны дизайнеры

Openair demons063 [2]

15 ⭐️Ручной статейный прогон⭐️

eternalli eternalli [0]

16 Как раскрутить кино сайт

eternalli JAko [6]

17 [100p] Нарисовать логотип.

XAMEJIUOH XAMEJIUOH [0]

18 Требуется человек для создания...

Vikrumas Vikrumas [0]

19 Качественный рерайт/копирайт о...

GaV GaV [161]

20 Календарь

frolov1028 Vikrumas [1]

21 Профильно-статейны прогон по с...

GaV GaV [0]

22 Файловик на сайт (копипаст) оп...

MDNdemon MDNdemon [58]

23 Изображение в CSS

xbalson GaV [2]

24 Файловый Менеджер - Высокая оп...

Freemekc Freemekc [2]

25 В каких интернет магазинах вы ...

Beowb428 GaV [9]

26 Скрипт и инструкция добавления...

DianaLebe мир [3]

27 Трафик на сайт по низким ценам...

brig2 vir4us [4]

28 Продам билеты в московский кин...

brig2 MDNdemon [1]

29 Создать лого на сайт

korel korel [0]

30 25 жирных ссылок. Яндекс Катал...

NikeNikol NikeNikol [0]

1 frolov1028

UAРепа: 4431 Файлов: 29 Форум: 1317

2 Кирилл

RUРепа: 4292 Файлов: 15 Форум: 3818

3 мир

MDРепа: 4084 Файлов: 878 Форум: 1019

4 WinDiZ

Репа: 3943 Файлов: 2 Форум: 1252

5 mdbaner

MDРепа: 3756 Файлов: 713 Форум: 4723

6 GaV

RUРепа: 3621 Файлов: 0 Форум: 1262

7 Kapusha

RUРепа: 3341 Файлов: 35 Форум: 1177

8 PrADeN

FRРепа: 3318 Файлов: 84 Форум: 2076

9 martinis

RUРепа: 3247 Файлов: 46 Форум: 444

10 German

RUРепа: 2738 Файлов: 18 Форум: 258

11 STAFF

USРепа: 2720 Файлов: 72 Форум: 757

12 ALINA

RUРепа: 2677 Файлов: 277 Форум: 9

13 StraJ

UAРепа: 2243 Файлов: 12 Форум: 545

14 smart4on

BYРепа: 2232 Файлов: 4 Форум: 661

15 makcim19997

RUРепа: 2204 Файлов: 171 Форум: 1067

16 GaMeRgame

RUРепа: 2082 Файлов: 4 Форум: 722

17 TRANE73

RUРепа: 2015 Файлов: 34 Форум: 165

18 ivanfom

RUРепа: 1887 Файлов: 15 Форум: 319

19 Zhenikuls

RUРепа: 1884 Файлов: 6 Форум: 65

20 tmb

RUРепа: 1570 Файлов: 0 Форум: 214

21 xbalson

MDРепа: 1378 Файлов: 4 Форум: 561

22 Smile

RUРепа: 1311 Файлов: 23 Форум: 444

23 hjp^

RUРепа: 1248 Файлов: 14 Форум: 192

24 domovik21

UAРепа: 1237 Файлов: 16 Форум: 177

25 Prix

RUРепа: 1122 Файлов: 6 Форум: 91

26 LEO--MESSI

RUРепа: 1115 Файлов: 6 Форум: 468

27 Playmanovich

UAРепа: 1087 Файлов: 3 Форум: 981

28 WmMariupol

UAРепа: 1081 Файлов: 0 Форум: 55

29 K@rDeL

RUРепа: 1076 Файлов: 0 Форум: 382

30 LUIS75

RUРепа: 1033 Файлов: 1 Форум: 198

Избранные ссылки
5 последних закладок Описание и использование закладок
Закладки создаются при помощи "куков" которые хранятся в вашем браузере 30 дней, если жи вы почистили куки в своем браузере то закладки исчезнут.
отображаются только 5 последних закладок, предыдущие удаляются по мере обновления списка.
Вы можете любую не нужную закладку удалить нажатием X на против ссылки.
Бывает что запись кука пролетает, но это уже ошибки браузера и его записей.
Если при обновление страницы выводится ошибка 400 то что бы исправить необходимо удалить все куки браузера
Если вы заметили ошибки то сообщайте администратору.


Copyright UcozOn.ru™ © 2008-2021


Кнопка 88х31 сайта ucozon.ru