Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 1
  • 1
Динамический текст через css
#1
Пятница, 03.02.2012, 14:13
Holsten
Проверенный
Сообщения: 1628
Репутация: 3587
Как сделать чтобы текст-ссылка при наведение на неё курсора становилась обычной (opacity 100%), а “по умолчанию” чтобы была немного прозрачной (opacity 50% где-то) ?
Лучший пример такого эффекта VK:
Состояние По умолчанию:

При наведении:
#2
Пятница, 03.02.2012, 16:46
Skipper
Заблокированные
Сообщения: 1242
Репутация: 2002
Code
<style>
#primer a{
opacity: 0.9;
color: #9DBDFF;
text-decoration: none;  
}
  #primer a:hover{
opacity: 5;
color: #45688E;
text-decoration: none;  
}
</style>


Code
<div id="primer"><a href="#">Пример</a></div>


Вроде так.
#3
Пятница, 03.02.2012, 20:07
Holsten
Проверенный
Сообщения: 1628
Репутация: 3587
Skipper, не получилось.
Пробовал ещё так:
Code
.otxt a { opacity: 0.3; color: #ffe;}  
.otxt a:hover { opacity: 1.0; }


Code
<span class="otxt">показать полностью..</span>


Но тоже не получается, хотя по примерам вроде правильно...
#4
Пятница, 03.02.2012, 21:47
Skipper
Заблокированные
Сообщения: 1242
Репутация: 2002
Holsten, У меня вот так выглядит:
До

После
#5
Пятница, 03.02.2012, 22:21
Celebrity
Проверенный
Сообщения: 1695
Репутация: 5578
Quote (Holsten)
<span class="otxt">показать полностью..</span>

Текст же не в гиперссылке стоит?
#6
Пятница, 03.02.2012, 23:02
Holsten
Проверенный
Сообщения: 1628
Репутация: 3587
Celebrity, ссылка активная wasntme
#7
Суббота, 04.02.2012, 01:15
4ipusik
Проверенный
Сообщения: 707
Репутация: 1298
Так должно работать, если не работает, значит заданы атрибуты в родителе.
Code
.otxt a:link, .otxt a:visited {color:#000;opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);}
.otxt a:hover {color:#000;opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
Пост отредактировал 4ipusik - Суббота, 04.02.2012, 01:48
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1
#8
Суббота, 04.02.2012, 16:50
Holsten
Проверенный
Сообщения: 1628
Репутация: 3587
4ipusik, работает, спасибо :) а можно ещё сделать, чтобы когда наводишь текст становился жирным? и ещё, как сделать ссылку синим (до этого у меня ссылки были синего цвета, а сейчас по умолчанию она белого цвета, а когда наводишь чёрной становится. Хочу чтобы когда наводишь становилась синей)?

Добавлено (04.02.2012, 15:50)
---------------------------------------------
Всё, самому получилось сделать выше написанное мной
chuckle

Code
.otxt a:hover {font-weight:bold; color:#45688E; opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

Задал атрибуты форматирования в самом начале, это же правильно?
#9
Суббота, 04.02.2012, 18:22
Celebrity
Проверенный
Сообщения: 1695
Репутация: 5578
Quote (Holsten)
чтобы когда наводишь текст становился жирным?

По опыту говорю - лучше никогда так не делай, выглядит очень некрасиво и отпугивающее.
Суббота, 04.02.2012, 19:02
4ipusik
Проверенный
Сообщения: 707
Репутация: 1298
Не имеет значения в каком порядке
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1
Суббота, 04.02.2012, 22:54
Holsten
Проверенный
Сообщения: 1628
Репутация: 3587
4ipusik, когда поставил в конце атрибут font-weight: оно не работало, ну это уже неважно. Помог, спасибо ;) y

Celebrity, А по-моему красиво получилось... comicalz.ru - первая новость, посмотри, если не трудно/будет время... :)
  • Страница 1 из 1
  • 1
Поиск:
Форум
Социальные сети
Хостинг от uCoz