Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Всплывающее описание ссылки

Предыдущая тема Следующая тема Перейти вниз

Всплывающее описание ссылки

Сообщение автор Naruto-kage в Чт 1 Янв - 19:10

Можно сделать описание ссылки в всплывающем окошке, и если да, это сильно проблемотично? Буду очень признателен) yes
avatar
Naruto-kage
 

Мужчина

Сообщения : 76
Возраст : 25
Регистрация : 2008-12-26
Благодарности : 3

Без предупреждений

http://naruto-kage.net/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Sunnyta в Чт 1 Янв - 19:50

@Naruto-kage пишет:Можно сделать описание ссылки в всплывающем окошке, и если да, это сильно проблемотично? Буду очень признателен) yes
Если ты не про alt-подсказку, а другие виды, типа с настраиваемым размером, цветом, позицией или вообще всплывающей картинкой, то это возможно в css...
*можешь глянуть у меня на Портале, где размещена карта (поводи по ней мышкой) smile
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Naruto-kage в Чт 1 Янв - 21:45

Та, то что нужно, а можно плиз скриптик))) blush
avatar
Naruto-kage
 

Мужчина

Сообщения : 76
Возраст : 25
Регистрация : 2008-12-26
Благодарности : 3

Без предупреждений

http://naruto-kage.net/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Sunnyta в Чт 1 Янв - 23:35

если ты не возражаешь, то завтра yes
а то опять скопирую что-то не так
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Naruto-kage в Пт 2 Янв - 9:19

Хорошо, как скажешь) Буду ждать)))
avatar
Naruto-kage
 

Мужчина

Сообщения : 76
Возраст : 25
Регистрация : 2008-12-26
Благодарности : 3

Без предупреждений

http://naruto-kage.net/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Sunnyta в Пт 2 Янв - 12:22

Пример всплывающей подсказки у текста
Код:
Пример всплывающих подсказок.
JavaScript:
<script language="JavaScript">
<!--
 function showhint(InputText)
 {
  if(document.getElementById && document.getElementById("hint"))
  {
  document.getElementById("hint").style.display = "block";
  document.getElementById("hint").style.left = event.x+document.body.scrollLeft+20;
  document.getElementById("hint").style.top = event.y+document.body.scrollTop+10;
  document.getElementById("hint").innerHTML =  InputText;
  }
 }
 
 function hidehint()
 {
  if(document.getElementById && document.getElementById("hint"))
  {
  document.getElementById("hint").style.display = "none";
  }
 }
//-->
</script>
Стили:
<style>
#hint
{
 display: none;
 position: absolute;
 max-width: 300px;
 width: expression("300px");
 height: auto;
 border: 1px solid #000000;
 background-color: #FFFBC6;
 color: #000000;
 padding: 3px;font-size:95%;
}
</style>
Разместить в любом месте следующий DIV:
<div id="hint"></div>
У необходимого элемента вызвать скрипт. Пример:
<span onMouseover="showhint('текст подсказки')" onMouseout="hidehint()">текст текст текст</span>
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Sunnyta в Пт 2 Янв - 12:23

Пример всплывающей подсказки к ссылкам

Код:
<html><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"
 /><style type="text/css">body{margin:20px 100px;font:12px/1.4 Verdana,
sans-serif;}h1{font:23px/1 Arial,sans-serif;font-weight:normal;
text-align:center;}a.tt:hover{position:relative;z-index:23;}a.tt
span{display:none;}a.tt:hover span{display:block;position:absolute;top:-10px;
left:40px;background:#fafafa;border:1px solid #ccc;color:#000;z-index:20;
width:200px;padding:5px;font-size:11px;cursor:pointer;
text-decoration:none;}</style></head><ul>
<li><a class="tt" href="#">Какая то там ссылка
<span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li>
<li><a class="tt" href="#">Какая то там ссылка
<span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li>
<li><a class="tt" href="#">Какая то там ссылка
<span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li>
<li><a class="tt" href="#">Какая то там ссылка
<span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li></ul></body></html>
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Sunnyta в Пт 2 Янв - 12:24

Подсказки бегущей строкой

Код:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function showtip2(current,e,text){
  if (document.all&&document.readyState=="complete"){
    document.all.tooltip2.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>'
    document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
    document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
    document.all.tooltip2.style.visibility="visible"
}
  else if (document.layers){
    document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
    document.tooltip2.document.nstip.document.close()
    document.tooltip2.document.nstip.left=0
    currentscroll=setInterval("scrolltip()",100)
    document.tooltip2.left=e.pageX+10
    document.tooltip2.top=e.pageY+10
    document.tooltip2.visibility="show"
}
}
function hidetip2(){
  if (document.all)
    document.all.tooltip2.style.visibility="hidden"
    else if (document.layers){
    clearInterval(currentscroll)
    document.tooltip2.visibility="hidden"
}
}
//  End -->
</script>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 140 0);width:150px;
background-color:white;z-index:10"></div>
<div align="CENTER" name="divTest" onMouseover="showtip2(this,event,'Довольно неплохо, правда?');"
onMouseout="hidetip2();" STYLE="cursor: hand"> Наведите курсор на это текст </div>
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Sunnyta в Пт 2 Янв - 12:26

К моей карте слишком большое объяснение и даю ссылку для примера:

http://rotorweb.ru/xhtmlcss-verstka/karty-izobrazhenij-na-css.html

я это брала за основу и переделывала yes
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Всплывающее описание ссылки

Сообщение автор Naruto-kage в Сб 21 Мар - 16:20

Вот я вернусь снова к этой теме, простите конешно)))
Я нашёл как делать всплывающие окна, но вот хочу чтоб мне подсказали как изменять их внешний вид и скорость появления при наведении курсора. Окно вставляется в хтмл тэге <a> и выглядит таким образом:
Код:
<a href="ссылка" title="Описание ссылки">
А как изменить как я раньше спрашивал скорость появления этого окошка и его внешний вид? Помогите, пробовал по всякому, но у меня не получилось =(
avatar
Naruto-kage
 

Мужчина

Сообщения : 76
Возраст : 25
Регистрация : 2008-12-26
Благодарности : 3

Без предупреждений

http://naruto-kage.net/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Re: Всплывающее описание ссылки

Сообщение автор Naruto-kage в Сб 21 Мар - 20:08

А если пробивась через CSS то после какой строчки нужно вставлять этот код. Прост в этом я не очень разбираюсь и css в глаза на этом движке видел может от силы 2 раза. Код выглядит так:
Код:
div:hover::before{
  width: 200px;
  display: block;
  background: yellow;
  border: 1px solid black;
  padding: 8px;
  margin: 25px 0 0 10px;
}
avatar
Naruto-kage
 

Мужчина

Сообщения : 76
Возраст : 25
Регистрация : 2008-12-26
Благодарности : 3

Без предупреждений

http://naruto-kage.net/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения