Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Выпуклые ссылки
 
 автор: WinT   (12.08.2006 в 20:51)
 
 

Подскажите как сделать, чтобы при наведении курсором на ссылку она становилась выпуклой.
И еще 2-ой вопрос. Как можно поменять цвет полосы прокрутки?

   
 
 автор: 12345   (12.08.2006 в 22:53)   письмо автору
 
   для: WinT   (12.08.2006 в 20:51)
 

1) для начала, приобрести себе гибкий монитор;
2) в стилях
scrollbar-face-color: #005000;
scrollbar-shadow-color: #008060;
scrollbar-highlight-color: #ffe0c0;
scrollbar-3dlight-color: #c0d040;
scrollbar-darkshadow-color: #008000;
scrollbar-track-color: #98d098;
scrollbar-arrow-color: #c0df80;}

   
 
 автор: Padonak   (13.08.2006 в 02:05)   письмо автору
 
   для: 12345   (12.08.2006 в 22:53)
 

по поводу выпуклости и впуклости :-) видимо имеется ввиду такие рамки как:

border:2px outset #fff;

или

border:2px inset #fff;

   
 
 автор: RMW   (13.08.2006 в 22:21)   письмо автору
 
   для: WinT   (12.08.2006 в 20:51)
 

Типа объёмный текст (может это и есть выпуклая ссылка:))
Это не готовая реализация, а просто пример:

<html>
<head>

<style>
.s1
{
  z-index:3;
  position:absolute;
  left:50px;
  top:50px;
  font-size:40px;
  color:#0000ff;
  cursor:hand;
}
.s2
{
  z-index:2;
  position:absolute;
  left:51px;
  top:51px;
  font-size:40px;
  color:#aaaaee;
}
.s3
{
  z-index:1;
  position:absolute;
  left:52px;
  top:52px;
  font-size:40px;
  color:#aaaadd;
}
.sd
{
  visibility:hidden;
}
</style>

<script>
function f(x)
{
  document.getElementById('myDiv').style.visibility=x?'visible':'hidden';
}
</script>

</head>
<body>

<a href="#"><span class="s1" onmouseover="f(true)" onmouseout="f(false)">Ссылка</span></a>
<div id="myDiv" class="sd">
<span class="s2">Ссылка</span>
<span class="s3">Ссылка</span>
</div>

</body>
</html>

   
 
 автор: targa   (14.08.2006 в 00:54)   письмо автору
 
   для: RMW   (13.08.2006 в 22:21)
 

RMW, прикольный эффект. Но текст ведь не выпуклый, а с тенью получиается.

   
 
 автор: Lelik   (14.08.2006 в 02:26)   письмо автору
 
   для: targa   (14.08.2006 в 00:54)
 

выпуклый текст можно в фотошопе сделать, а потом рисунок-ссылка...

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования