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

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


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

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

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


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

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

подсказка

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

подсказка

Сообщение автор Гость в Ср 24 Сен - 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

Гость
Гость


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

Re: подсказка

Сообщение автор Sunnyta в Пт 10 Окт - 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
 

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

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

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

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

Re: подсказка

Сообщение автор Sunnyta в Пт 10 Окт - 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
 

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

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

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

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

Re: подсказка

Сообщение автор Гость в Пт 10 Окт - 23:24

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

Гость
Гость


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

Re: подсказка

Сообщение автор Sunnyta в Сб 11 Окт - 11:15

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


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

Sunnyta
 

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

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

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

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

Re: подсказка

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

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

Гость
Гость


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

Re: подсказка

Сообщение автор Sunnyta в Чт 16 Окт - 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 (Чт 16 Окт - 23:34), всего редактировалось 1 раз(а)

Sunnyta
 

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

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

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

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

Re: подсказка

Сообщение автор Гость в Чт 16 Окт - 22:57

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

Гость
Гость


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

Re: подсказка

Сообщение автор Sunnyta в Чт 16 Окт - 23:32

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

Sunnyta
 

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

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

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

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

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


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