Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
Добавлено: 17/05/08 в 10:32 |
Помню есть возможность организации с помощью CSS информативного окошка, т.е. я навожу курсор на картинку или ссылку, и мгновенно появляется описание (описание разумеется сам присваиваешь). По типу как ALT для изображений.
у SpaCash такое в топе, но там он изображение показывает и кажется не на css.
Подскажите где посмотреть или оставтьте исходник.
Спасибо!
|
|
|
|
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 17/05/08 в 10:39 |
|
|
|
|
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 17/05/08 в 10:45 |
или тебе проще надо, вот так?
<a href="" title="описание">ссылка</a>
|
|
|
|
Добрый ОС :=)
С нами с 12.04.04
Сообщения: 8343
Рейтинг: 3293
|
Добавлено: 17/05/08 в 11:00 |
Lexikon, открываешь сайт этот в редакторе, и делаешь так же ;)
|
|
|
|
Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
Добавлено: 17/05/08 в 11:53 |
вах, я думал всегда, что такое лишь на яве можно..пасиба!
|
|
|
|
Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
Добавлено: 17/05/08 в 12:03 |
СПАСИБО ОГРОМНОЕ!
TO: Dizman©
нее, css рулит!
стараюсь только им и пользоваться.
PS единственное, НО!, (хотя это стандарт) это проверять нужно чтоб во всех браузерах работало и отображалось правильно, т.е. порой IE и OPERA разный вид. А вообще в Опере красивей смотьрится
|
|
|
|
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 17/05/08 в 16:57 |
я подробно этот код не смотрел, но там вроде большая картинка грузится по-любому (при загрузке самой страницы), даже если на тумбу не наводить,
это фигово.
может кто знает как улучшить?
|
|
|
|
Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
Добавлено: 18/05/08 в 08:07 |
В данном случае это невозможно, т.к. тут css просто прячит картинку и выдает её в поп-апе, а грузиться она со всем контентом.
|
|
|
|
С нами с 26.03.08
Сообщения: 85
Рейтинг: 108
|
Добавлено: 20/05/08 в 22:55 |
вах! век живи - век учись... даже и не думал что без скриптов такое можно...
|
|
|
|
С нами с 19.03.07
Сообщения: 129
Рейтинг: 69
|
Добавлено: 25/05/08 в 02:02 |
Вот пример того что тебе нужно. В данном случае при наводе на (?) появляется окошко:
HTML код:
Код: | <span return onmouseover="getContent('invis',1);" onmouseout="getContent('invis',0);" style="cursor: help;">(?)</span>
<div id="invis" style="display:none;" valign="middle">Это окошко которое будет появляться.</div>
|
Функция javascript:
Код: | function getContent(k,o){
if(o==0){
document.getElementById(k).style.display = "none";
} else {
document.getElementById(k).style.display = "block";
}
} |
В CSS пишем:
Код: | #invis {
color: #000000;
font-weight: bold;
font-size: 11px;
height:60px;
width:200px;
border: #ffffff 1px solid;
background-color: #C29DAF;
position: absolute;
margin-left: 100px;
margin-top: -100px;
}
|
|
|
|
|
С нами с 04.03.07
Сообщения: 8931
Рейтинг: 5138
|
Добавлено: 25/05/08 в 20:58 |
кто-то на сидж пробовал ставить с мелкими тумбами?
|
|
|
|
Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
Добавлено: 26/05/08 в 06:33 |
sawm писал: | кто-то на сидж пробовал ставить с мелкими тумбами? |
Да, но учти что в Opere не много косячно отображается, может соседней тумбой перекрывать, поэтому если текста не много тогда размещай так чтоб этот поп-ап был по размеру тумбы.
|
|
|
|