• صفحة 1 من%
  • 1
مجتمع uCoz العربي للدعم والمساعدة » اصحاب المواقع والويب ماسترز » اكواد وحلول HTML » كود (كلام يتبع الماوس)
كود
king
مشاركات: 1335
السمعة: 20
مشاركة # 1 | 18:45
ارجو المساعدة في تركيب هذا الكود حاولت وما زبط



كلام يتبع الماوس

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD


<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
</style>
<script>

/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="Welcome!!!"
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}

</script>

<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>


2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا

<BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

وهذا كود محرر الصفحة في موقعي

<html dir="rtl">
<head>
<title>www.rome.ucoz.com </title>

<META NAME="des-cription" CONTENT="موقع ومنتديات رومي انشئ الموقع لتبادل الخبرات ونشر المعرفة والضحك والفرفشة">

<META NAME="keywords" CONTENT="العاب, العاب اون لاين, فيديو, صور, قران, طقس, برامج, برامج موبايل, سوفتوير, نوكيا">

<META NAME="audience" CONTENT="All">

<link type="text/css" rel="StyleSheet" href="/.s/src/css/rtl/812.css" />
</head>

<body>

<div id="contanier" align="center">
$GLOBAL_AHEADER$

<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td valign="top" style="width:200px;">
$GLOBAL_CLEFTER$

</td>

<td valign="top" style="padding:0px 20px 0px 20px;"><?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?><!-- <body> -->$CONTENT$<!-- </body> --></td>

<td valign="top" style="width:200px;">
$GLOBAL_DRIGHTER$
</td>
</tr>
</table>
<!-- </middle> -->

$GLOBAL_BFOOTER$
</div>
</body>

</html>

mudar
مشاركات: 2131
السمعة: 36
مشاركة # 2 | 18:56
جرب هكذا
Code
i
<style>
.spanstyle {
   position:absolute;
   visibility:visible;
   top:-50px;
   font-size:10pt;
   font-family:Verdana;
        font-weight:bold;
   color:black;
}
</style>
<script>

/* Visit our site at http://wwwk7lk.com/ for more code
* This notice must stay intact for use */

var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="Welcome!!!"
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
   xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
   ypos[i]=-50
}

function handlerMM(e){
   x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
   y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
   flag=1
}

function makesnake() {
   if (flag==1 && document.all) {
       for (i=message.length-1; i>=1; i--) {
        xpos[i]=xpos[i-1]+step
     ypos[i]=ypos[i-1]
       }
    xpos[0]=x+step
    ypos[0]=y
     
    for (i=0; i<message.length-1; i++) {
        var thisspan = eval("span"+(i)+".style")
        thisspan.posLeft=xpos[i]
     thisspan.posTop=ypos[i]
       }
   }
     
   else if (flag==1 && document.layers) {
       for (i=message.length-1; i>=1; i--) {
        xpos[i]=xpos[i-1]+step
     ypos[i]=ypos[i-1]
       }
    xpos[0]=x+step
    ypos[0]=y
     
    for (i=0; i<message.length-1; i++) {
        var thisspan = eval("document.span"+i)
        thisspan.left=xpos[i]
     thisspan.top=ypos[i]
       }
   }
    var timer=setTimeout("makesnake()",30)
}

</script>

<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
      document.write("<span id='span"+i+"' class='spanstyle'>")
   document.write(message[i])
      document.write("</span>")
}

if (document.layers){
   document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>
i

2- ضع الرموز ضمن الوسم BODY

Code
i
  <BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">  
i
king
مشاركات: 1335
السمعة: 20
مشاركة # 3 | 15:27
رح اجربه بس سؤالي تحديدا وسم البدي يعني احط كود وسم بودي ضمن خانه بودي ام اشطب كلمه بودي واحط كود وسم مكانه انا مشكلتي الوسم كيف

تمت الإضافة (26.02.2010, 15:27)
---------------------------------------------

Code
<style>
.spanstyle {
    position:absolute;
    visibility:visible;
    top:-50px;
    font-size:10pt;
    font-family:Verdana;
         font-weight:bold;
    color:black;
}
</style>
<script>

/* Visit our site at http://wwwk7lk.com/ for more code
* This notice must stay intact for use */

var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="Welcome!!!"
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
    xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
    ypos[i]=-50
}

function handlerMM(e){
    x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
    y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
    flag=1
}

function makesnake() {
    if (flag==1 && document.all) {
        for (i=message.length-1; i>=1; i--) {
         xpos[i]=xpos[i-1]+step
      ypos[i]=ypos[i-1]
        }
     xpos[0]=x+step
     ypos[0]=y
       
     for (i=0; i<message.length-1; i++) {
         var thisspan = eval("span"+(i)+".style")
         thisspan.posLeft=xpos[i]
      thisspan.posTop=ypos[i]
        }
    }
       
    else if (flag==1 && document.layers) {
        for (i=message.length-1; i>=1; i--) {
         xpos[i]=xpos[i-1]+step
      ypos[i]=ypos[i-1]
        }
     xpos[0]=x+step
     ypos[0]=y
       
     for (i=0; i<message.length-1; i++) {
         var thisspan = eval("document.span"+i)
         thisspan.left=xpos[i]
      thisspan.top=ypos[i]
        }
    }
     var timer=setTimeout("makesnake()",30)
}

</script>

<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
       document.write("<span id='span"+i+"' class='spanstyle'>")
    document.write(message[i])
       document.write("</span>")
}

if (document.layers){
    document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>


وضعت هذا في منطقة الهيد لكن انا لحد هلأ مش فاهم ما المقصود بالوسم واين يقع
يعني هذا الكود

Code
<BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">   

هل اضعة داخل منطقة البودي ليصبح هكذا

Code
<body>

   <BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

ام احذف كلمة <body> واضع الكود مكانها
wacko wacko wacko wacko

mudar
مشاركات: 2131
السمعة: 36
مشاركة # 4 | 16:47
Quote (king)
ما المقصود بالوسم واين يقع
يعني هذا الكود

تتكون مفردات لغة HTML من شيفرات تسمى TAGS أي الوسوم وتكتب من اليسار الى اليمين بالشكل التالي :

مثال :
الوسم <B> يستخدم لكتابة الكلمات بخط أسود عريض. ويكتب بالصورة التالية :

<B> King </B>

ملف HTML يبدأ دائماً بالوسم <HTML> وينتهي بالوسم </HTML> .
الوسم <HEAD> يحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة (عنوان الصفحة, اللغة, معلومات خاصة لمحركات بحث) وبالطبع يجب كتابة الوسم </HEAD> لكي ننهي هذا المقطع.
الوسم <BODY> هو جسم الملف وبداخله يتم وضع وسوم لمحتويات الصفحة التي ستظهر لدى المستخدم حيث يمكن أن تكون هذه المحتويات نصوص, ارتباطات تشعبية, صور وغيرها. وهو أيضا يحتاج الى وسم الانهاء </BODY> .

king
مشاركات: 1335
السمعة: 20
مشاركة # 5 | 21:39
شكرا على الشرح بس لحد الآن ما فهمت سؤالي أنا اقصد عندما يقول ضع هذا الكود في وسم البدي كما في الكود السابق السؤال تحديدا هل اضعه في منطقه البدي اي تحت <body‎>‎

ام اضعه داخله كهذا

‏<الكود body>

3bkreno
مشاركات: 5
السمعة: 0
مشاركة # 6 | 05:14
اين اجد الكود
HEAD
واين اجد الكود
BODY
انا دورت كتير ومش عارف اى حاجة فى اى حاجة ما عدا تصميم نسخ الوندوز
يا ريت تدلونى
biggrin
book

http://3bkreno.ucoz.net
3bkreno
مشاركات: 5
السمعة: 0
مشاركة # 7 | 01:07
الف شكر انا وجدتها ولكن قبل الكتب وجدتها وفى صفحات الموقع
وكنى استفدت كتير من الكتب شكراااااااااااااااااااااااااااا
biggrin

http://3bkreno.ucoz.net
mrlove117
مشاركات: 5
السمعة: 0
مشاركة # 8 | 18:37
انا مش فاهم حاجة فين وسم >body< وفين <head>
مجتمع uCoz العربي للدعم والمساعدة » اصحاب المواقع والويب ماسترز » اكواد وحلول HTML » كود (كلام يتبع الماوس)
  • صفحة 1 من%
  • 1
بحث: