Курсор Наруто

автор Никита Июнь 15th 2011, 23:06

Добрый вечер,могли бы вы сделать мне курсор с наруто и рассказать как его ставить?Картинка курсора вот (Картинка)Там в чёрном кружке.Или же скачайте его и установите себе (http://narutoup.ucoz.ru/load/2-1-0-11)
Сайт:http://narutoinfo.forum2x2.ru/
Сделаете?Заранее,спасибо yes

автор Никита Июнь 15th 2011, 23:44

Версия сайта phpBB2 (subsilver)

автор Allankarra Июнь 16th 2011, 01:09

Знаю такой:
Курсор в виде картинки, ставить после head в шаблон

Код:: <html> <head> <title>Курсор картинкой</title> <script language="JavaScript"> var Netscape=(navigator.appName.indexOf("Netscape") != -1); function Move(e) { if (!document.getElementById) return; obj=document.getElementById("mouse"); if (Netscape) event=e; if (event.pageX) { // Netscape... xpointer=event.pageX; ypointer=event.pageY; } else if (event.x) { // Internet Explorer... xpointer=event.x; ypointer=event.y; } obj.style.left=xpointer - 55; obj.style.top=ypointer - 55; } function Setup() { if (!document.getElementById) return; if (Netscape) document.captureEvents(Event.MOUSEMOVE); document.onmousemove=Move; } </script> </head> <body onLoad="Setup();" style="cursor:crosshair"> <div ID="mouse" style="position:absolute; left:50; top:50;"> <img src="Адрес картинки курсора" width="50" height="50" alt="" border="0"> </div> </body> </html>

Картинка возле мышки летает: в виджиты

Код:: <SCRIPT type="text/javascript"> var trailimage=["http://i26.servimg.com/u/f26/16/46/12/95/011_bm10.jpg", 15, 12] // image, width, height var ofsm=[5,-10] if (document.getElementById || document.all) document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>') function gettrailobj(){ if (document.getElementById) return document.getElementById("trailimageid").style else if (document.all) return document.all.trailimagid.style } function truebody(){ return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function followmouse(e){ var xcoord=ofsm[0] var ycoord=ofsm[1] if (typeof e != "undefined"){ xcoord+=e.pageX+3 ycoord+=e.pageY-3 } else if (typeof window.event !="undefined"){ xcoord+=truebody().scrollLeft+event.clientX ycoord+=truebody().scrollTop+event.clientY } var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15 var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight) if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight) gettrailobj().display="none" else gettrailobj().display="" gettrailobj().left=xcoord+"px" gettrailobj().top=ycoord+"px" } document.onmousemove=followmouse </SCRIPT>

И есть еще простенький код ставить в описание форума

Код:: Я не помню, но Дана знает

С разрешения автора расширю тему, есть ли скрипт (рабочий на BB3) который при наведении на ссылки менял вид мыши?

автор Никита Июнь 16th 2011, 08:36

А разве в первом варианте код начинается не с screept?И сувать код css?

автор Смех Июнь 16th 2011, 10:17

Нет. Код написан верно и вставлять его нужно в

после head в шаблон

автор Никита Июнь 16th 2011, 10:31

А в css?

автор Смех Июнь 16th 2011, 10:48

В CSS НЕ надо ставить первый код.

автор Никита Июнь 16th 2011, 12:13

Извините,вставил первый код,но получилось что сама картинка слева (на верху) форума,а сам курсор в виде плюсика.Что надо сделать? sad

автор RockLexa Июнь 16th 2011, 13:06

В виджет поставь.
И в каком формате картинка самого Наруто? *ani,*cur?

автор Смех Июнь 16th 2011, 13:19

у него *gif

автор Irbis Июнь 16th 2011, 14:27

Правильно он и не будет работать. И так же правильно, что начинаться он должен со <script>. Просто его надо ставить немного по другому. Я расскажу как, когда буду дома, сейчас не удобно с телефона.

автор Никита Июнь 16th 2011, 15:38

Я и сам подумал что должно начинаться со screept.Пожалуйста,когда будете дома расскажите по-этапно,как сделать курсор с этой картинкой Курсор

автор Irbis Июнь 16th 2011, 19:23

Вот скрипт вставлять в overall_footer перед </body>

Код:: <img src="http://cur.cursors-4u.net/anime/images11/ani1037.gif" style="position: absolute; left: 0; top: 0;" id="imgcursor"> <script type="text/javascript"> document.getElementsByTagName('body')[0].style.cursor="crosshair"; document.getElementsByTagName('body')[0].onmousemove = startdragi; function startdragi(e){ mx = get_mouseX(e); my = get_mouseY(e); document.getElementById('imgcursor').style.left = (mx+1)+'px'; document.getElementById('imgcursor').style.top = (my+1)+'px'; } </script>

Правда картинку вашу надо в фотошопе обрезать, много пустого места на ней и поэтому кончик курсора не совпадает с координатами мыши.
Но все эти скриптовые костыли все равно не идеальны, лучше возьмите обычный не анимированный курсор и вставьте обычным CSS

автор Allankarra Июнь 16th 2011, 23:12

Irbis пишет:
Правда картинку вашу надо в фотошопе обрезать, много пустого места на ней и поэтому кончик курсора не совпадает с координатами мыши.
Но все эти скриптовые костыли все равно не идеальны, лучше возьмите обычный не анимированный курсор и вставьте обычным CSS

Например?