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

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

подсказка Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Вчера в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

подсказка

Перейти вниз

подсказка Empty подсказка

Сообщение автор Гость Сентябрь 24th 2008, 14:36

Код:
<title>Форма с сообщением (подсказкой)</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

</style>

<script type="text/javascript">
var horizontal_offset="9px" //horizontal offset of hint box from anchor link
/////No further editting needed
var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all
var ns6=document.getElementById&&!document.all
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
}
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
}
return edgeoffset
}

function showhint(menucontents, obj, e, tipwidth){
if ((ie||ns6) && document.getElementById("hintbox")){
dropmenuobj=document.getElementById("hintbox")
dropmenuobj.innerHTML=menucontents
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
dropmenuobj.style.visibility="visible"
obj.onmouseout=hidetip
}
}

function hidetip(e){
dropmenuobj.style.visibility="hidden"
dropmenuobj.style.left="-500px"
}

function createhintbox(){
var divblock=document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
}

if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload=createhintbox

</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form>
 <a href="#" class="hintanchor" onMouseover="showhint('Please choose a username. Should consist of alphanumeric characters only.', this, event, '150px')">[?]</a><br />



а вот етот код на знак вопроса!! когда вы наводите оно высвечует подсказку!! а также вы можете добавить ссылку подсказки и получится когда нажымаеш оно переходит на ту ссылку!! посмотреть вы можете его здесь http://dompets.forumgrad.com/question-h19.htm
что бы поменять знак вопроса на вашы слова найдите в коде
Код:
this, event, '150px')">[?]</a><br />


о находится в самом низу!! и место знака вопроса вставляйте смело свои слова

потом вам конешноже нужно поменять подсказку!! yes ищем вот етот код smile
Код:
"showhint('Please choose a username. Should consist of alphanumeric characters only.'

и место етих слов "Please choose a username. Should consist of alphanumeric characters only." вставляем вашы

а что бы добавить ссылку
Код:
<a href="#"


найдите етот код ( 2 строка снизу)и вставте место # (етого символа ) добавте адрес вашего сайта!!
yes

и заключительный момент !! smile если вы хотите добавит много много таких подсказок
то достаточно
копировать етот код в несколько раз

Код:
a href="#" class="hintanchor" onMouseover="showhint('Please choose a username. Should consist of alphanumeric characters only.', this, event, '150px')">[?]</a><br />

ну и повставлять
всё очень просто smile
надеюсь я обьяснял хорошо !! если что непонятно могу повторить smile

рад помоч wink
Anonymous
Гость
Гость


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

подсказка Empty Re: подсказка

Сообщение автор Sunnyta Октябрь 10th 2008, 21:39

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

Код:
<title>Форма с сообщением (подсказкой)</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

</style>

<script type="text/javascript">
var horizontal_offset="9px" //horizontal offset of hint box from anchor link
/////No further editting needed
var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all
var ns6=document.getElementById&&!document.all
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
}
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
}
return edgeoffset
}

function showhint(menucontents, obj, e, tipwidth){
if ((ie||ns6) && document.getElementById("hintbox")){
dropmenuobj=document.getElementById("hintbox")
dropmenuobj.innerHTML=menucontents
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
dropmenuobj.style.visibility="visible"
obj.onmouseout=hidetip
}
}

function hidetip(e){
dropmenuobj.style.visibility="hidden"
dropmenuobj.style.left="-500px"
}

function createhintbox(){
var divblock=document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
}

if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload=createhintbox

</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form>
 <a href="http://for-you.chudoforum.ru/forum.htm" class="hintanchor" onMouseover="showhint('Сим-сим покажись!!!', this, event, '150px')">[что-то тут будет?]</a><br />

Очень хочу, чтоб получилось!!!
Sunnyta
Sunnyta
 

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

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

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

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

подсказка Empty Re: подсказка

Сообщение автор Sunnyta Октябрь 10th 2008, 23:04

А вот такая подсказка работает!!!
Код:
<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>

happy
Sunnyta
Sunnyta
 

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

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

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

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

подсказка Empty Re: подсказка

Сообщение автор Гость Октябрь 10th 2008, 23:24

Lesia, привет!!
толко я непонял вчом тебе помоч pardon !!
ну если ты разобралась значит хорошо!!
если возникнут проблемы говори разберёмся yes
Леся спасибо тебе большое что исправила ошыбку thank friends
ну а там я думаю вы разберётесь сами!!
Anonymous
Гость
Гость


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

подсказка Empty Re: подсказка

Сообщение автор Sunnyta Октябрь 11th 2008, 11:15

sonik-power пишет:Lesia, привет!!
толко я непонял вчом тебе помоч pardon !!
ну если ты разобралась значит хорошо!!
если возникнут проблемы говори разберёмся yes
Леся спасибо тебе большое что исправила ошыбку thank friends
ну а там я думаю вы разберётесь сами!!
1. Твой код в Модуле на моем Портале не стал работать по какой-то мне до сих пор неизвестной причине (я в нем не разобралась, а у тебя как?)
2. Мой код (работающий) он совсем другой, я его нашла в инете.


Последний раз редактировалось: Lesia (Октябрь 11th 2008, 17:39), всего редактировалось 1 раз(а)
Sunnyta
Sunnyta
 

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

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

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

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

подсказка Empty Re: подсказка

Сообщение автор Гость Октябрь 11th 2008, 15:09

1. у меня работало!
2. я так и понял pardon ! вот и говрю если у когото не пойдёт на портале тогда берите код который ты дала
Anonymous
Гость
Гость


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

подсказка Empty Re: подсказка

Сообщение автор Sunnyta Октябрь 16th 2008, 22:27

Можно сделать подсказку к ссылке в виде картинки - это тоже бывает необходимо

Вот пример:

Код:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>  <meta http-equiv="content-type" content="text/html; charset=windows-1251"><style type="text/css">p {font-size: 24px;}.popup {position: relative;z-index: 1;}.popup:hover {background-color: transparent;z-index: 2;}.popup span {position: absolute;visibility: hidden;}.popup span img {border-width: 0;padding: 2px;}.popup:hover span {visibility: visible;top: 20;left: 50px;}</style></head>

далее указываем адрес своей ссылки и адрес нужной картинки (я написала для примера свое)

Код:
 [url=http://help.forum2x2.ru/адрес ссылки]Особенности английского языка[img]адрес картинки[/img][/url]


Последний раз редактировалось: Lesia (Октябрь 16th 2008, 23:34), всего редактировалось 1 раз(а)
Sunnyta
Sunnyta
 

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

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

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

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

подсказка Empty Re: подсказка

Сообщение автор Гость Октябрь 16th 2008, 22:57

а что нужно писать английскими??
Anonymous
Гость
Гость


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

подсказка Empty Re: подсказка

Сообщение автор Sunnyta Октябрь 16th 2008, 23:32

В верхней части кода ничего можно не менять, а во второй части записывай свой адрес ссылки, можно текст какой-то и адрес картинки (залитой в радикале или еще где-нить)
Если интересно, то поводи мышкой на моей сайте, где модуль "Спрашивали? Отвечаем!" yes
*да... и код я поправила, что-то сразу не скопировалось
Sunnyta
Sunnyta
 

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

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

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

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

Вернуться к началу

- Похожие темы

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