JEDDAH


::: الصحف الخليجيه::: مع تحيات منتديات مجالس جده




    موسوعة اكواد hotml التي لاغنا عنها...

    شاطر

    ابومعاذ
    Admin
    Admin

    عدد المساهمات : 1641
    السٌّمعَة : 14
    تاريخ التسجيل : 29/07/2010

    . موسوعة اكواد hotml التي لاغنا عنها...

    مُساهمة من طرف ابومعاذ في الجمعة 30 أغسطس - 1:17

    أولاً :أكواد النصوص  
    كود النص العريض
    اكتب النص هنا


    كود تحديد اتجاه النص  


    الكود:
    [color=#000000][font=Times New Roman]<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>
    [/font][/color]



    كود التحكم فى حجم الخط ولونه ونوعه

    الكود:
    [color=#000000][font=Times New Roman]<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>[/font][/color]



    أكواد الألوان موجودة هـــــــــنـــــاااااااااا 

    كود نص يتحرك لأعلى




    الكود:
    <marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">



    اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1

    اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2

    مدونة كن داعيا للخير 3

    اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4

    ......




    كود نص يتمدد وينكمش

    الكود:
    <table align="center" width="98%"><tr><td>

    <HTML>
    <HEAD>
    <script language="JavaScript">
    var sizes = new Array("0px", "1px", "2px", "3px", "4px");
    sizes.pos = 0;
    function elast() {
    var el = document.all.elastic;
    if (null == el.direction)
     el.direction = 1;
    else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos))
     el.direction *= -1;
     el.style.letterSpacing = sizes[sizes.pos += el.direction];
    }
    setInterval('elast()', 100)
    </script>
    </HEAD>
    <BODY>
    <h1 align="center" id="elastic"><font size="3">مدونة كن داعيا للخير</font></hi>
    </BODY>
    </HTML></td></tr></table>



    كود نص متأرجح يميناً ويسارا
    مدونة كن داعيا للخير


    الكود:
    [color=#000000][font=Times New Roman]
    [/font][/color]
    [color=#000000][font=Times New Roman]<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">مدونة كن داعيا للخير</marquee>
    [/font][/color]
    [color=red][font=Tahoma][b] [/b][/font][/color]

     
    كود إظهار نصوص بها روابط بالتناوب

    الكود:
    [color=#000000][font=Times New Roman]<div style="position:relative;center:0px;top:0px">
    <span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>
    </div>
    <script type="text/javascript">
    var tickercontents=new Array()
    tickercontents[0]='مدونة كن داعيا للخير <a href="http://conda3ianllkhir.blogspot.com/">text</a>'
    tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
    tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
    tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
    var tickdelay=3000 //delay btw messages
    var highlightspeed=10 //10 pixels at a time.

    ////Do not edit pass this line////////////////

    var currentmessage=0
    var clipwidth=0

    function changetickercontent(){
    crosstick.style.clip="rect(0px 0px auto 0px)"
    crosstick.innerHTML=tickercontents[currentmessage]
    highlightmsg()
    }

    function highlightmsg(){
    var msgwidth=crosstick.offsetWidth
    if (clipwidth<msgwidth){
    clipwidth+=highlightspeed
    crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
    beginclip=setTimeout("highlightmsg()",20)
    }
    else{
    clipwidth=0
    clearTimeout(beginclip)
    if (currentmessage==tickercontents.length-1) currentmessage=0
    else currentmessage++
    setTimeout("changetickercontent()",tickdelay)
    }
    }

    function start_ticking(){
    crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
    crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
    if (parseInt(crosstick.offsetHeight)>0)
    crosstickParent.style.height=crosstick.offsetHeight+'px'
    else
    setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
    changetickercontent()
    }

    if (document.all || document.getElementById)
    window.onload=start_ticking

    </script>
    [/font][/color]






    كود نص متحرك

    الكود:
    <div align="center">
    <table border="0" width="100%" style="border-collapse: collapse">
    <tr><td class="alt1" colspan="3"><b>
    <font size="4" color="000000">
    <marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة كن داعيا للخير </marquee></font></b></td>
    </tr></table></div>



    كود شريط متحرك مع روابط


    اكتب هنا اسم الموقع ------




    الكود:
    <marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">[color=#000000][font=Times New Roman][/font][/color]
    <a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------[color=#000000][font=Times New Roman][/font][/color]
    </marquee>


      
    كود نص يضئ بالتدريج


    الكود:



    [color=#000000][font=Times New Roman]<h2>
    <script language="JavaScript1.2">
    [/font][/color]



    var message="مدونة كن داعيا للخير"
    var neonbasecolor="gray"
    var neontextcolor="yellow"
    var flashspeed=100 //in milliseconds

    ///No need to edit below this line/////

    var n=0
    if (document.all||document.getElementById){
    document.write('')
    for (m=0;mdocument.write(''+message.charAt(m)+'')
    document.write('
    ')
    }
    else
    document.write(message)

    function crossref(number){
    var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
    return crossobj
    }

    function neon(){

    //Change all letters to base color
    if (n==0){
    for (m=0;m//eval("document.all.neonlight"+m).style.color=neonbasecolor
    crossref(m).style.color=neonbasecolor
    }

    //cycle through and change individual letters to neon color
    crossref(n).style.color=neontextcolor

    if (nn++
    else{
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",1500)
    return
    }
    }

    function beginneon(){
    if (document.all||document.getElementById)
    flashing=setInterval("neon()",flashspeed)
    }
    beginneon()






    كود نص يضئ بألوان مختلفة

    الكود:
    [center][left]<b>
    <font size="5">
    <script>

    // ********** عدل هنا

    var text="مدونة كن داعيا للخير"
    var speed=80 // سرعه تغير الالوان

    // ********** لا تعدل شي هنا


    if (document.all||document.getElementById){
    document.write('<span id="highlight">' + text + '</span>')
    var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
    }
    else
    document.write(text)
    var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
    var r=1
    var g=1
    var b=1
    var seq=1
    function changetext(){
    rainbow="#"+hex[r]+hex[g]+hex[b]
    storetext.style.color=rainbow
    }
    function change(){
    if (seq==6){
    b--
    if (b==0)
    seq=1
    }
    if (seq==5){
    r++
    if (r==12)
    seq=6
    }
    if (seq==4){
    g--
    if (g==0)
    seq=5
    }
    if (seq==3){
    b++
    if (b==12)
    seq=4
    }
    if (seq==2){
    r--
    if (r==0)
    seq=3
    }
    if (seq==1){
    g++
    if (g==12)
    seq=2
    }
    changetext()
    }
    function starteffect(){
    if (document.all||document.getElementById)
    flash=setInterval("change()",speed)
    }
    starteffect()
    </script>
    </font></b>
    </font></p>[/b][/left]
    [color=#000000][font=Times New Roman][b]

    [b][color=red][font=Tahoma]ثانياً :  أكواد الصور[/font][/color][/b][/b][/font][/color][/center]
    [b]


    [color=red][font=Tahoma][b]كود إضافة صورة[/b][/font][/color]
    [color=#000000][font=Times New Roman]<img src="رابط الصورة" >[/font][/color]
    [/b]

    الكود:

    كود صورة مع رابط
    <CENTER><a href="الرابط">
    <img src="رابط الصورة" width="30" height="80" border="2" align=" middle" /></a></CENTER>

    الكود:


     كود تغيير الصور تلقائيا

    <center><style type="text/css">
    #pscroller1{
    font-size: 14px;
    font-family: Tahoma;
    width: 250px;
    height: 250px;
    border: 0px solid black;
    padding: 5px;
    background-color: white;
    }

    </style>

    <script type="text/javascript">

    /*Example message arrays for the two demo scrollers*/

    var pausecontent=new Array()
    pausecontent[0]='<img border="0" src="https://lh6.googleusercontent.com/-MzjplMi8KoQ/TtZvZy6ociI/AAAAAAAAAu4/QarCCQhJFaI/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif">'
    pausecontent[1]='<img border="0" src="رابط الصورة 2">'
    pausecontent[2]='<img border="0" src="رابط الصورة 3">'
    pausecontent[3]='<img border="0" src="رابط الصورة 1">'
    </script>

    <script type="text/javascript">

    /***********************************************
    * Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
    ***********************************************/

    function pausescroller(content, divId, divClass, delay){
    this.content=content //message array content
    this.tickerid=divId //ID of ticker div to display information
    this.delay=delay //Delay between msg change, in miliseconds.
    this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
    this.hiddendivpointer=1 //index of message array for hidden div
    document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
    var scrollerinstance=this
    if (window.addEventListener) //run onload in DOM2 browsers
    window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
    else if (window.attachEvent) //run onload in IE5.5+
    window.attachEvent("onload", function(){scrollerinstance.initialize()})
    else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
    setTimeout(function(){scrollerinstance.initialize()}, 500)
    }

    // -------------------------------------------------------------------
    // initialize()- Initialize scroller method.
    // -Get div objects, set initial positions, start up down animation
    // -------------------------------------------------------------------

    pausescroller.prototype.initialize=function(){
    this.tickerdiv=document.getElementById(this.tickerid)
    this.visiblediv=document.getElementById(this.tickerid+"1")
    this.hiddendiv=document.getElementById(this.tickerid+"2")
    this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
    //set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
    this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
    this.getinline(this.visiblediv, this.hiddendiv)
    this.hiddendiv.style.visibility="visible"
    var scrollerinstance=this
    document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
    document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
    if (window.attachEvent) //Clean up loose references in IE
    window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
    setTimeout(function(){scrollerinstance.animateup()}, this.delay)
    }


    // -------------------------------------------------------------------
    // animateup()- Move the two inner divs of the scroller up and in sync
    // -------------------------------------------------------------------

    pausescroller.prototype.animateup=function(){
    var scrollerinstance=this
    if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
    this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
    this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
    setTimeout(function(){scrollerinstance.animateup()}, 50)
    }
    else{
    this.getinline(this.hiddendiv, this.visiblediv)
    this.swapdivs()
    setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
    }
    }

    // -------------------------------------------------------------------
    // swapdivs()- Swap between which is the visible and which is the hidden div
    // -------------------------------------------------------------------

    pausescroller.prototype.swapdivs=function(){
    var tempcontainer=this.visiblediv
    this.visiblediv=this.hiddendiv
    this.hiddendiv=tempcontainer
    }

    pausescroller.prototype.getinline=function(div1, div2){
    div1.style.top=this.visibledivtop+"px"
    div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
    }

    // -------------------------------------------------------------------
    // setmessage()- Populate the hidden div with the next message before it's visible
    // -------------------------------------------------------------------

    pausescroller.prototype.setmessage=function(){
    var scrollerinstance=this
    if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
    setTimeout(function(){scrollerinstance.setmessage()}, 100)
    else{
    var i=this.hiddendivpointer
    var ceiling=this.content.length
    this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
    this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
    this.animateup()
    }
    }

    pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
    if (tickerobj.currentStyle)
    return tickerobj.currentStyle["paddingTop"]
    else if (window.getComputedStyle) //if DOM2
    return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
    else
    return 0
    }

    </script>
    <script type="text/javascript">

    //new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

    new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
    document.write("<br />")

    </script>
    </center>



    الكود:

     كود صور متحركة
    <img
    src="رابط الصورة المتحركة"
    onload="NcodeImageResizer.createOn(this);" border="0"
    originalWidth="250" originalHeight="270">



    كود شريط الصور المتحرك مع روابط


    يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى  down أو right أو lift 

    الكود:


    <center/>
    <div class="textwidget"><marquee direction="up" width="115" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="125" align="left"><br /> <a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة كن داعيا للخير" width="115" src="http://img12.imageshack.us/img12/914/75539242.png" height="115" /></a>
    <br/>
    <a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة كن داعيا للخير" width="115" src="
    https://lh6.googleusercontent.com/-MzjplMi8KoQ/TtZvZy6ociI/AAAAAAAAAu4/QarCCQhJFaI/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif"height="115" /></a>
    <br/>
    <a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة" height="115" /></a>
    <br/>

    <a href="
    ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="
    رابط الصورة"height="115" /></a>
    <br/>

    <a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورةرابط الصورة" height="115" /></a>
    <br/>

    <a href="ضع الرابط هنا/search?updated-max=2011-07-26T10%3A47%3A00-07%3A00&max-results=7
    " rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة
    "height="115" /></a>
    " width="115" src="
    <p/></p></marquee></div></center>




     ثالثاً : أكواد الروابط

    الكود:


    كود إضافة رابط
    <a href="ضع الرابط هنا">Nom du site</a>


    فتح الرابط في نافذة جديدة
      

    الكود:

    <a href="ضع الرابط هنا" target="_blank">Nom du site</a>
     


    فتح الرابط في نفس النافذة

    الكود:

    <a href="ضع الرابط هنا" target="_self">Nom du site</a>
     


    لون الرابط

    الكود:

    <a style="color:اسم اللون باللغة الانجليزية;" href="رابط الموقع">Nom du site</a>


    رابعا:أكواد إسلامية



    كود القرآن الكريم  ويمكن معاينة المصحف من  هنــا
    الكود:


    [left]<center><iframe align="center" allowtransparency="1" frameborder="0" height="334" id="IW_frame_1438" scrolling="no" src="http://www.tvquran.com/add/index.htm" width="302"></iframe></center></div>[/left]


    شريط الحديث والدعاء
    الكود:
    [right][/right]

    [left][font=Arial]<[/font][font=Calibri]iframe
     align="center"
    src="http://www.wathakker.net/outdoor-strip-marquee.html"
    frameborder="0" allowtransparency="1" scrolling="no" width="474"
    height="41" vspace="0"></iframe[/font][font=Arial]>[/font][/left]



    خامسا:أكواد إخبارية

    أخبار BBC

    الكود:

    [left] <iframe name="I1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://news.bbc.co.uk/hi/arabic/news/ticker.stm"></iframe>
     
    [/left]


    شريط قناة الجزيرة
    الكود:

    [left]<iframe frameborder="0" height="50" marginheight="0" marginwidth="0" scrolling="no" src="http://www.faisal1.com/News_Grab/jazeera.php" width="100%"></iframe>
    [/left]


    شريط العربية نت 
    الكود:

    [left]<div width="600"><script src="http://www.alarabiya.net/ara_v_ticker.html"></script></div>[/left]




    سادسا:سكربتات متنوعة



    كود وضع الفلاش
    (يمكن التحكم فى الطول والعرض بتغيير قيم width,height)

    الكود:
    <object width="150" height="340">
    <param value="MYFLASH.swf" name="movie"/>
    <embed width="150" src="URL OF MYFLASH.swf" height="340">
    </embed>
    </object>


    كود إضافة صفحة موقع داخل صفحة موقعك

    الكود:

    <div dir="rtl" style="text-align: right;" trbidi="on">
    <iframe height="500" src="رابط الموقع" width="600"></iframe></div>

    </div>




    سكربت طباعة الصفحة

    الكود:
    <a href="javascript:window.print()">اطبع هذه الصفحة</a>
     


    سكريبت آلة حاسبة

    الكود:
    <SCRIPT>
    function compute(obj)
    {obj.expr.value = eval(obj.expr.value)}
    var one = '1'

    ابومعاذ
    Admin
    Admin

    عدد المساهمات : 1641
    السٌّمعَة : 14
    تاريخ التسجيل : 29/07/2010

    . رد: موسوعة اكواد hotml التي لاغنا عنها...

    مُساهمة من طرف ابومعاذ في الأحد 21 سبتمبر - 20:42








    اشعارات يتم تدوينه من قبل مشرف الاطفاء لاتنسانا بالممتاز












      الوقت/التاريخ الآن هو الثلاثاء 17 أكتوبر - 19:21