Jump to content
  • 0

Никак не могу с установкой цвета и прочего для ссылок разобраться...

mia

Asked by mia,

 Share

Question

mia Explorer

mia

Posted
Posted

На сайт ссылку дать нИ мАгУ )

Имееться цсс

a {

color: #767676;

text-decoration: none;

}

a:visited {

color: #ef4a27;

text-decoration: none; /* Цвет посещенной ссылки */

}

a:active {

color: #767676; /* Цвет активных ссылок */

}

Ссылки (пункты меню) имеют цвет #ef4a27 ... я не понимать почему

Должно быть так

При наведении на ссылку мышкой -менятеться цвет с серого на оранжевый, при нажатии - цвет и шрифт меняються, при нажатии на другую ссылку , предыдущая возвращается в свое первоначальное состояние...

Кака сделать подскажите, плиз!

И второй вопрос:

как после каждого пункта меню ( токо главного) делать отступ..эээ одним словом что бы каждоя ссылка шла в своем квадратике

______________

-- меню |

- бла 1 |

- бла 2 |

|

——————— |

|

-- меню1 |

-бла3 |

-бла4 |

|

———————-|

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0
Victor Ananiev Explorer

Victor Ananiev

Posted
Posted

Ослик не поддерживает a:active a:visited a:hover - не поддерживает, так что нужно жабу юзать или на ИЕ внимания не обращать. А поповоду вашего вопроса:

a
{
/*Ссылка не использовалась*/
}
a:hover
{
/*на ссылку навели курсор*/
}
a:active
{
/*На ссылку нажали(при отжатии изменяется на "a")*/
}

a:visited мне кажется не нужно использовать в вашем случае.

Link to comment
Share on other sites
  • 0
mia Explorer

mia

Posted
  • Author
Posted

Ссылки (пункты меню) имеют цвет #ef4a27 ... я не понимать почему

Должно быть так

При наведении на ссылку мышкой -менятеться цвет с серого на оранжевый, при нажатии - цвет и шрифт меняються И ТАК И ОСТАЕТЬСЯ !!!!! пока смотрят ссылку, при нажатии ( переходе) на другую ссылку , предыдущая возвращается в свое первоначальное состояние...

Кака сделать подскажите, плиз!

Link to comment
Share on other sites
  • 0
Victor Ananiev Explorer

Victor Ananiev

Posted
Posted

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

Решение на ПХП 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> 
<head>
<title></title>
<style type="text/css">
a/*простая ссылка*/
{
color:#ff0000;
}
a:hover/*при наводе*/
{ 
color:blue;
}
.aactivated/*действующая*/
{
color:green;
}
</style>
<script>
</script>
</head>
<body>
Меню

<a href="index.php" <?if($_SERVER['SCRIPT_NAME']=='/index.php'){echo('class="aactivated"');}?> >Домашняя</a>

<a href="bla1.php" <?if($_SERVER['SCRIPT_NAME']=='/bla1.php'){echo('class="aactivated"');}?> >Бла1</a>

<a href="bla2.php" <?if($_SERVER['SCRIPT_NAME']=='/bla2.php'){echo('class="aactivated"');}?> >Бла2</a>
</body>
</html>

Но я думаю есть способы и полегче(на том же цсс+жабаскрипт). Это прсто один из вариантов, не самый рациональный, но у мну работает.

Link to comment
Share on other sites
  • 0
rez_spb Explorer

rez_spb

Posted
Posted

А что значит "пока смотрят ссылку"? Из не? что-то вываливаться должно?

При клике на ссылку обычно происходит переход куда-то, так что менять при этом шрифт уже поздно.

И опять же, если это не меню и не динамическое содержание, что мешает на новой страничке даже без РНР прописать нужную ссылку как угодно выделенной?

Link to comment
Share on other sites
  • 0
rez_spb Explorer

rez_spb

Posted
Posted

Если это инклуды всякие, то это уже совершенно точно взятый готовый скрипт, и без кода сказать что-то только по описанию я бы не взялся.

Если скрипт был написан изначально автором, вопрос "а как?" не возник бы =)

Link to comment
Share on other sites
  • 0
mia Explorer

mia

Posted
  • Author
Posted

>>А если это меню, которое вставляется через инклуд(у меня так). Хотя ты прав а вдруг так))

Да это ссылки меню, и и пользователь должен видить где находиться, тобиш пункт меню должен выделяться ... воть

Link to comment
Share on other sites
  • 0
rez_spb Explorer

rez_spb

Posted
Posted

В этом случае, коли мы имеем дело с понтовыми менюшками на яваскрипте, нужно найти понтового разработчика этих менюшек и попросить его сделать, как нужно =)

Ну или может здесь есть любители менюшек на яве. Я, увы, к ним не отношусь, потому с менюшками и не работал.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept