منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» مشكلة وكيف الحل
اليوم في 16:07 من طرف JAR7

» سؤال بغاية الاهمية
اليوم في 15:15 من طرف الزعيم

» رابط منتداي يحول الى الادفلاي يرجى رفع للزعيم
اليوم في 15:11 من طرف الزعيم

» مشكلة
اليوم في 11:46 من طرف الزعيم

» لماذا تم حذف دومين 123.st
اليوم في 11:06 من طرف الزعيم

» تجديد الدومين
اليوم في 11:01 من طرف الزعيم

» حذفت موقعي ثم استعدته، ولكن كلمة السر لا تدخل
اليوم في 10:53 من طرف الزعيم

»  طلب الكود
اليوم في 2:11 من طرف كمال92

» طلب سلايد بسيط*
اليوم في 0:45 من طرف 0marp0p23

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

تعديل على كود html

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

معلومة تعديل على كود html

مُساهمة من طرف شبح العراق في الإثنين 29 يوليو 2013 - 8:21

 السلام عليكم ورحمة الله وبركاتة 
هذ مجلة عند الضغط على الصورة يخلك مباشرتا على المحتوى 

انا عايز تعديل عند الضغط على الصورة بيفتح في صفحة مستقلة ممكن 


الرمز:
<style>
.slider_specialoffer_content {
width: 500px;
height: 239px;
position: relative;
display: block;
width: 691px;
height: 239px;
}
.slider {
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;
  width: 691px;
  height: 239px;
  position: absolute;
}
.box_skitter_large {
  width:691px !important;
  height:237px !important;
}
.slider img { width:691px; height: 237px; margin: 6px 9px; }
.slider .next_button {
  position: absolute;
  z-index: -9999px;
right: 30px;
  top: 40%;
  background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;
  width: 43px;
  height: 45px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 999;
}
.slider .prev_button {
  position: absolute;
  z-index: 999;
  left: 30px;
  top: 40%;
  background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;
  width: 43px;
  height: 45px;
  text-indent: -9999px;
  overflow: hidden;
}
</style><font size="6"><span style="color: Red;">
</span></font><link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css"><font size="6"><span style="color: Red;">
 
 
 
 
 
 
 
 
</span></font><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script><script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
">
</script><center><div class="slider_specialoffer_content "><div class="slider"><font size="6"><span style="color: Red;">
 </span></font><!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> --><div class="box_skitter box_skitter_large">





<ul>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h4-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o10.jpg"> </a> </li>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h3-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/uoou_o10.jpg"></a> </li>
 <li><a target="_blank" href="http://iraqna.ahlamontada.com/h5-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/oousu_10.png"></a> </li>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h7-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o11.jpg"> </a> </li>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h8-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/2210.jpg"> </a> </li>
<li><a href="#"><img alt="" src="http://im41.gulfup.com/BXI2d.gif"> </a> </li>
ul></div></div></div></center>

شبح العراق
 
 

ذكر
عدد المساهمات : 681
معدل النشاط : 2313

http://www.mzeeka.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: تعديل على كود html

مُساهمة من طرف HAMSAHAQ في الإثنين 29 يوليو 2013 - 17:30

جاري  التعديل على الكود يا اخي

HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 6554

http://alhoub.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: تعديل على كود html

مُساهمة من طرف HAMSAHAQ في الإثنين 29 يوليو 2013 - 17:38

تفضل اخي تم التعديل ولكن لم اجربه  
الرمز:
    <style>
    .slider_specialoffer_content {
    width: 500px;
    height: 239px;
    position: relative;
    display: block;
    width: 691px;
    height: 239px;
    }
    .slider {
    background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;
      width: 691px;
      height: 239px;
      position: absolute;
    }
    .box_skitter_large {
      width:691px !important;
      height:237px !important;
    }
    .slider img { width:691px; height: 237px; margin: 6px 9px; }
    .slider .next_button {
      position: absolute;
      z-index: -9999px;
    right: 30px;
      top: 40%;
      background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;
      width: 43px;
      height: 45px;
      text-indent: -9999px;
      overflow: hidden;
      z-index: 999;
    }
    .slider .prev_button {
      position: absolute;
      z-index: 999;
      left: 30px;
      top: 40%;
      background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;
      width: 43px;
      height: 45px;
      text-indent: -9999px;
      overflow: hidden;
    }
    </style><font size="6"><span style="color: Red;">
    </span></font><link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css"><font size="6"><span style="color: Red;">
   
   
   
   
   
   
   
   
    </span></font><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script><script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
    ">
    </script><center><div class="slider_specialoffer_content "><div class="slider"><font size="6"><span style="color: Red;">
    </span></font><!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> --><div class="box_skitter box_skitter_large">

     
    <a href="" target="_blank"><img src="" border="0">



    <ul>
    <li> <a href="http://iraqna.ahlamontada.com/h4-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o10.jpg" border="0"> </li>
    <li>  <a href="http://iraqna.ahlamontada.com/h3-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/uoou_o10.jpg" border="0"></li>
    <li> <a href="http://iraqna.ahlamontada.com/h5-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/oousu_10.png" border="0"> </li>
    <li> <a href=" href="http://iraqna.ahlamontada.com/h7-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o11.jpg" border="0"> </li>
    <li> <a href="href="http://iraqna.ahlamontada.com/h8-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/2210.jpg" border="0"> </li>
    <li> <a href="http://iraqna.ahlamontada.com" target="_blank"><img src="http://im41.gulfup.com/BXI2d.gif" border="0"></li>
    ul></div></div></div></center>


HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 6554

http://alhoub.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: تعديل على كود html

مُساهمة من طرف HAMSAHAQ في الإثنين 29 يوليو 2013 - 18:14

انا اسفة اخي الكود الذي استعمله للتعديل على الكود وفتح الموضوع في صفحة مستقلة هو نفس الموجود في الكود الاصلي وانا لم انتبه له

 تفضل لقد عدلت لك على هذا الكود ايضا جربه  وارجو ان يعجبك
الرمز:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>


    <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
    <head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>عنوان الصفحة</title><meta http-equiv="content-script-type"
    content="text/javascript" /><meta http-equiv="content-style-type"
    content="text/css" /><meta http-equiv="imagetoolbar" content="no"
      />

    <meta name="google-site-verification" content="P7BJggJ24VHn6Tj47PJcOEZAY-D28VmZHKMCQX-93y0" />
    <HTML dir=rtl>

    <style type="text/css">
    html {
    overflow: hidden;
    }
    body {
    position: absolute;
    margin: 0px;
    padding: 0px;
    background: #111;
    width: 100%;
    height: 100%;
    }
    #center {
    position: absolute;
    left: 50%;
    top:  50%;
    }
    #slider {
    position: absolute;
    width: 820px;
    height: 333px;
    left: -430px;
    top: -186px;
    overflow: hidden;
    background: #000;
    border: 20px solid #000;
    }
    #slider .slide {
    position: absolute;
    top: 0px;
    height: 333px;
    width: 500px;
    background: #000;
    overflow: hidden;
    border-left: #000 solid 1px;
    cursor: default;
    }
    #slider .title  {
    color: #F80;
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 1.5em;
    text-decoration: none;
    }
    #slider .backgroundText {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    background: #000;
    filter: alpha(opacity=40);
    opacity: 0.4;
    }
    #slider .text {
    position: absolute;
    top: 1%;
    top: 100%;
    color: #FFF;
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-align: justify;
    width: 470px;
    left: 10px;
    }
    #slider .diapo {
    position: absolute;
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: hidden;
    }
    a:link {
    color: Lime;
    text-decoration:none;
    }
    a:visited {
    color: Lime;
    text-decoration:none;
    }
    a:hover {
    color:DarkOrange;
    text-decoration:none;
    }
     
    a {text-decoration: none;}
    a:hover {
    text-shadow: 2px 2px 2px #73729c;
    text-decoration: none !important;
    }

    a:hover
    {
    background: url(http://i65.servimg.com/u/f65/16/35/21/30/undo10.gif) no-repeat right;
    padding:10px 30px 10px 10px;
    }



    </style>

    <script type="text/javascript">
    /* ==== slider nameSpace ==== */
    var slider = function() {
    /* ==== private methods ==== */
    function getElementsByClass(object, tag, className) {
    var o = object.getElementsByTagName(tag);
    for ( var i = 0, n = o.length, ret = []; i < n; i++) {
    if (o[i].className == className) ret.push(o[i]);
    }
    if (ret.length == 1) ret = ret[0];
    return ret;
    }
    function setOpacity (obj,o) {
    if (obj.filters) obj.filters.alpha.opacity = Math.round(o);
    else obj.style.opacity = o / 100;
    }
    /* ==== Slider Constructor ==== */
    function Slider(oCont, speed, iW, iH, oP) {
    this.slides = [];
    this.over = false;
    this.S  = this.S0 = speed;
    this.iW  = iW;
    this.iH = iH;
    this.oP  = oP;
    this.oc    = document.getElementById(oCont);
    this.frm    = getElementsByClass(this.oc, 'div', 'slide');
    this.NF    = this.frm.length;
    this.resize();
    for (var i = 0; i < this.NF; i++) {
    this.slides[i] = new Slide(this, i);
    }
    this.oc.parent = this;
    this.view      = this.slides[0];
    this.Z        = this.mx;
    /* ==== on mouse out event ==== */
    this.oc.onmouseout = function () {
    this.parent.mouseout();
    return false;
            }
        }
        Slider.prototype = {
            /* ==== animation loop ==== */
            run : function () {
                this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;
                this.view.calc();
                var i = this.NF;
                while (i--) this.slides[i].move();
            },
            /* ==== resize  ==== */
            resize : function () {
                this.wh = this.oc.clientWidth;
                this.ht = this.oc.clientHeight;
                this.wr = this.wh * this.iW;
                this.r  = this.ht / this.wr;
                this.mx = this.wh / this.NF;
                this.mn = (this.wh * (1 - this.iW)) / (this.NF - 1);
            },
            /* ==== rest  ==== */
            mouseout : function () {
                this.over      = false;
                setOpacity(this.view.img, this.oP);
            }
        }
        /* ==== Slide Constructor ==== */
        Slide = function (parent, N) {
            this.parent = parent;
            this.N      = N;
            this.x0    = this.x1 = N * parent.mx;
            this.v      = 0;
            this.loaded = false;
            this.cpt    = 0;
            this.start  = new Date();
            this.obj    = parent.frm[N];
            this.txt    = getElementsByClass(this.obj, 'div', 'text');
            this.img    = getElementsByClass(this.obj, 'img', 'diapo');
            this.bkg    = document.createElement('div');
            this.bkg.className = 'backgroundText';
            this.obj.insertBefore(this.bkg, this.txt);
            if (N == 0) this.obj.style.borderLeft = 'none';
            this.obj.style.left = Math.floor(this.x0) + 'px';
            setOpacity(this.img, parent.oP);
            /* ==== mouse events ==== */
            this.obj.parent = this;
            this.obj.onmouseover = function() {
                this.parent.over();
                return false;
            }
        }
        Slide.prototype = {
            /* ==== target positions ==== */
            calc : function() {
                var that = this.parent;
                // left slides
                for (var i = 0; i <= this.N; i++) {
                    that.slides[i].x1 = i * that.Z;
                }
                // right slides
                for (var i = this.N + 1; i < that.NF; i++) {
                    that.slides[i].x1 = that.wh - (that.NF - i) * that.Z;
                }
            },
            /* ==== HTML animation : move slides ==== */
            move : function() {
                var that = this.parent;
                var s = (this.x1 - this.x0) / that.S;
                /* ==== lateral slide ==== */
                if (this.N && Math.abs(s) > .5) {
                    this.obj.style.left = Math.floor(this.x0 += s) + 'px';
                }
                /* ==== vertical text ==== */
                var v = (this.N < that.NF - 1) ? that.slides[this.N + 1].x0 - this.x0 : that.wh - this.x0;
                if (Math.abs(v - this.v) > .5) {
                    this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + 'px';
    this.v = v;
    this.cpt++;
    } else {
    if (!this.pro) {
    /* ==== adjust speed ==== */
    this.pro = true;
    var tps = new Date() - this.start;
    if(this.cpt > 1) {
    that.S = Math.max(2, (28 / (tps / this.cpt)) * that.S0);
    }
    }
    }
    if (!this.loaded) {
    if (this.img.complete) {
    this.img.style.visibility = 'visible';
    this.loaded = true;
    }
    }
    },
    /* ==== light ==== */
    over : function () {
    this.parent.resize();
    this.parent.over = true;
    setOpacity(this.parent.view.img, this.parent.oP);
    this.parent.view = this;
    this.start = new Date();
    this.cpt = 0;
    this.pro = false;
    this.calc();
    setOpacity(this.img, 100);
    }
    }
    /* ==== public method - script initialization ==== */
        return {
    init : function() {
    // create instances of sliders here
    // parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio, opacity
    this.s1 = new Slider("slider", 12, 1.84/3, 1/3.2, 70);
    setInterval("slider.s1.run();", 16);
    }
    }
    }();
    </script>
    </head>
    <body>
    <br>
    <div
    style="text-align: center;"><font style="font-weight: bold;"
    size="5"><span style="font-family: Tahoma;"><a href="رابط
    منتداك">الرئيسية</a>  <a href="رابط البوابة او رابط
    اخر">البوابة</a></span></font><br></div>

    <div id="center">
    <div id="slider">

    <div class="slide">
    <img
    class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o10.jpg" alt=" كلمات
    دلالية للموضوع " width="500" height="333"><div class="text">

    <span class="title">-حسام الرسام</span>
    الفنان حسام الرسام.  <a href="http://iraqna.ahlamontada.com/h4-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>


    </div><div class="slide">
    <img
    class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/uoou_o10.jpg" alt="كلمات
    دلالية للموضوع" width="500" height="333"><div class="text">
      <span class="title">كاظم الساهر
    </span>
    الفنان كلظم الساهر.  <a href="http://iraqna.ahlamontada.com/h3-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>

    </div><div class="slide">
    <img
    class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/oousu_10.png" alt=" حسين الغزال
    " width="500" height="354"><div class="text">
      <span class="title">حسين الغزال</span>
    اسهر ليالي .  <a href="http://iraqna.ahlamontada.com/h5-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>


    </div> <div class="slide">
    <img
    class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o11.jpg" alt="كلمات
    دلالية للموضوع" width="500" height="334"><div class="text">
      <span class="title">حاتم العراقي</span>
    اجمل اغاني  حاتم العراقي  <a href="href="http://iraqna.ahlamontada.com/h7-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>

    </div> <div class="slide">
    <img
    class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/2210.jpg" alt="كلمات
    دلالية للموضوع" width="500" height="334"><div class="text">
      <span class="title">ماجد المهندس</span>
      ماجد المهندس <a href="http://iraqna.ahlamontada.com/h8-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>

    </div> <div class="slide">
    <img
    class="diapo"
    src="http://im41.gulfup.com/BXI2d.gif" alt="كلمات
    دلالية للموضوع" width="500" height="334"><div class="text">
      <span class="title">مسابقات حصرية</span>
      مواضيع حصرية <a href="http://iraqna.ahlamontada.com/" target="_blank">قرائة المزيد</a><br><br>.
    </div>
 
    </div>
    </div>

    <script type="text/javascript">
    /* ==== start script ==== */
    slider.init();
    </script>
    </body>
    </html>



HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 6554

http://alhoub.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: تعديل على كود html

مُساهمة من طرف شبح العراق في الثلاثاء 30 يوليو 2013 - 1:45

HAMSA-HAQ كتب:انا اسفة اخي الكود الذي استعمله للتعديل على الكود وفتح الموضوع في صفحة مستقلة هو نفس الموجود في الكود الاصلي وانا لم انتبه له

 تفضل لقد عدلت لك على هذا الكود ايضا جربه  وارجو ان يعجبك
الرمز:

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>


    <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
    <head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>عنوان الصفحة</title><meta http-equiv="content-script-type"
     content="text/javascript" /><meta http-equiv="content-style-type"
    content="text/css" /><meta http-equiv="imagetoolbar" content="no"
      />

    <meta name="google-site-verification" content="P7BJggJ24VHn6Tj47PJcOEZAY-D28VmZHKMCQX-93y0" />
     <HTML dir=rtl>

    <style type="text/css">
    html {
    overflow: hidden;
    }
    body {
    position: absolute;
    margin: 0px;
    padding: 0px;
    background: #111;
    width: 100%;
    height: 100%;
    }
    #center {
    position: absolute;
    left: 50%;
    top:  50%;
    }
    #slider {
    position: absolute;
    width: 820px;
    height: 333px;
    left: -430px;
    top: -186px;
    overflow: hidden;
    background: #000;
    border: 20px solid #000;
    }
    #slider .slide {
    position: absolute;
    top: 0px;
    height: 333px;
    width: 500px;
    background: #000;
    overflow: hidden;
    border-left: #000 solid 1px;
    cursor: default;
    }
    #slider .title  {
    color: #F80;
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 1.5em;
    text-decoration: none;
    }
    #slider .backgroundText {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    background: #000;
    filter: alpha(opacity=40);
    opacity: 0.4;
    }
    #slider .text {
    position: absolute;
    top: 1%;
    top: 100%;
    color: #FFF;
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-align: justify;
    width: 470px;
    left: 10px;
    }
    #slider .diapo {
    position: absolute;
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: hidden;
    }
    a:link {
    color: Lime;
    text-decoration:none;
    }
    a:visited {
    color: Lime;
    text-decoration:none;
    }
    a:hover {
    color:DarkOrange;
    text-decoration:none;
    }
      
    a {text-decoration: none;}
    a:hover {
    text-shadow: 2px 2px 2px #73729c;
    text-decoration: none !important;
    }

    a:hover
    {
    background: url(http://i65.servimg.com/u/f65/16/35/21/30/undo10.gif) no-repeat right;
    padding:10px 30px 10px 10px;
    }



    </style>

    <script type="text/javascript">
    /* ==== slider nameSpace ==== */
    var slider = function() {
    /* ==== private methods ==== */
    function getElementsByClass(object, tag, className) {
    var o = object.getElementsByTagName(tag);
    for ( var i = 0, n = o.length, ret = []; i < n; i++) {
    if (o[i].className == className) ret.push(o[i]);
    }
    if (ret.length == 1) ret = ret[0];
    return ret;
    }
    function setOpacity (obj,o) {
    if (obj.filters) obj.filters.alpha.opacity = Math.round(o);
    else obj.style.opacity = o / 100;
    }
    /* ==== Slider Constructor ==== */
    function Slider(oCont, speed, iW, iH, oP) {
    this.slides = [];
    this.over = false;
    this.S  = this.S0 = speed;
    this.iW  = iW;
    this.iH = iH;
    this.oP  = oP;
    this.oc    = document.getElementById(oCont);
    this.frm    = getElementsByClass(this.oc, 'div', 'slide');
    this.NF    = this.frm.length;
    this.resize();
    for (var i = 0; i < this.NF; i++) {
    this.slides[i] = new Slide(this, i);
    }
    this.oc.parent = this;
    this.view      = this.slides[0];
    this.Z        = this.mx;
    /* ==== on mouse out event ==== */
    this.oc.onmouseout = function () {
    this.parent.mouseout();
    return false;
            }
        }
        Slider.prototype = {
            /* ==== animation loop ==== */
            run : function () {
                this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;
                this.view.calc();
                var i = this.NF;
                while (i--) this.slides[i].move();
            },
            /* ==== resize  ==== */
            resize : function () {
                this.wh = this.oc.clientWidth;
                this.ht = this.oc.clientHeight;
                this.wr = this.wh * this.iW;
                this.r  = this.ht / this.wr;
                this.mx = this.wh / this.NF;
                this.mn = (this.wh * (1 - this.iW)) / (this.NF - 1);
            },
            /* ==== rest  ==== */
            mouseout : function () {
                this.over      = false;
                setOpacity(this.view.img, this.oP);
            }
        }
        /* ==== Slide Constructor ==== */
        Slide = function (parent, N) {
            this.parent = parent;
            this.N      = N;
            this.x0    = this.x1 = N * parent.mx;
            this.v      = 0;
            this.loaded = false;
            this.cpt    = 0;
            this.start  = new Date();
            this.obj    = parent.frm[N];
            this.txt    = getElementsByClass(this.obj, 'div', 'text');
            this.img    = getElementsByClass(this.obj, 'img', 'diapo');
            this.bkg    = document.createElement('div');
            this.bkg.className = 'backgroundText';
            this.obj.insertBefore(this.bkg, this.txt);
            if (N == 0) this.obj.style.borderLeft = 'none';
            this.obj.style.left = Math.floor(this.x0) + 'px';
            setOpacity(this.img, parent.oP);
            /* ==== mouse events ==== */
            this.obj.parent = this;
            this.obj.onmouseover = function() {
                this.parent.over();
                return false;
            }
        }
        Slide.prototype = {
            /* ==== target positions ==== */
            calc : function() {
                var that = this.parent;
                // left slides
                for (var i = 0; i <= this.N; i++) {
                    that.slides[i].x1 = i * that.Z;
                }
                // right slides
                for (var i = this.N + 1; i < that.NF; i++) {
                    that.slides[i].x1 = that.wh - (that.NF - i) * that.Z;
                }
            },
            /* ==== HTML animation : move slides ==== */
            move : function() {
                var that = this.parent;
                var s = (this.x1 - this.x0) / that.S;
                /* ==== lateral slide ==== */
                if (this.N && Math.abs(s) > .5) {
                    this.obj.style.left = Math.floor(this.x0 += s) + 'px';
                }
                /* ==== vertical text ==== */
                var v = (this.N < that.NF - 1) ? that.slides[this.N + 1].x0 - this.x0 : that.wh - this.x0;
                if (Math.abs(v - this.v) > .5) {
                    this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + 'px';
    this.v = v;
    this.cpt++;
    } else {
    if (!this.pro) {
    /* ==== adjust speed ==== */
    this.pro = true;
    var tps = new Date() - this.start;
    if(this.cpt > 1) {
    that.S = Math.max(2, (28 / (tps / this.cpt)) * that.S0);
    }
    }
    }
    if (!this.loaded) {
    if (this.img.complete) {
    this.img.style.visibility = 'visible';
    this.loaded = true;
    }
    }
    },
    /* ==== light ==== */
    over : function () {
    this.parent.resize();
    this.parent.over = true;
    setOpacity(this.parent.view.img, this.parent.oP);
    this.parent.view = this;
    this.start = new Date();
    this.cpt = 0;
    this.pro = false;
    this.calc();
    setOpacity(this.img, 100);
    }
    }
    /* ==== public method - script initialization ==== */
        return {
    init : function() {
    // create instances of sliders here
    // parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio, opacity
    this.s1 = new Slider("slider", 12, 1.84/3, 1/3.2, 70);
    setInterval("slider.s1.run();", 16);
    }
    }
    }();
    </script>
    </head>
    <body>
    <br>
    <div
     style="text-align: center;"><font style="font-weight: bold;"
    size="5"><span style="font-family: Tahoma;"><a href="رابط
    منتداك">الرئيسية</a>  <a href="رابط البوابة او رابط
    اخر">البوابة</a></span></font><br></div>

    <div id="center">
    <div id="slider">

    <div class="slide">
    <img
     class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o10.jpg" alt=" كلمات
    دلالية للموضوع " width="500" height="333"><div class="text">

    <span class="title">-حسام الرسام</span>
     الفنان حسام الرسام.  <a href="http://iraqna.ahlamontada.com/h4-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>


    </div><div class="slide">
    <img
     class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/uoou_o10.jpg" alt="كلمات
    دلالية للموضوع" width="500" height="333"><div class="text">
      <span class="title">كاظم الساهر
    </span>
     الفنان كلظم الساهر.  <a href="http://iraqna.ahlamontada.com/h3-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>

    </div><div class="slide">
    <img
     class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/oousu_10.png" alt=" حسين الغزال
    " width="500" height="354"><div class="text">
      <span class="title">حسين الغزال</span>
     اسهر ليالي .  <a href="http://iraqna.ahlamontada.com/h5-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>


    </div> <div class="slide">
    <img
     class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o11.jpg" alt="كلمات
    دلالية للموضوع" width="500" height="334"><div class="text">
      <span class="title">حاتم العراقي</span>
     اجمل اغاني  حاتم العراقي  <a href="href="http://iraqna.ahlamontada.com/h7-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>

    </div> <div class="slide">
    <img
     class="diapo"
    src="http://i38.servimg.com/u/f38/18/06/95/88/2210.jpg" alt="كلمات
    دلالية للموضوع" width="500" height="334"><div class="text">
      <span class="title">ماجد المهندس</span>
      ماجد المهندس <a href="http://iraqna.ahlamontada.com/h8-iq" target="_blank">قرائة المزيد</a><br><br>.
    </div>

     </div> <div class="slide">
    <img
     class="diapo"
    src="http://im41.gulfup.com/BXI2d.gif" alt="كلمات
    دلالية للموضوع" width="500" height="334"><div class="text">
      <span class="title">مسابقات حصرية</span>
      مواضيع حصرية <a href="http://iraqna.ahlamontada.com/" target="_blank">قرائة المزيد</a><br><br>.
    </div>
 
    </div>
    </div>

    <script type="text/javascript">
    /* ==== start script ==== */
    slider.init();
    </script>
     </body>
     </html>



 بتشكرك اختي همسا الغايا وادعو الله ان يعطيكي دوام الصحة والعافية silent 


 تم  

شبح العراق
 
 

ذكر
عدد المساهمات : 681
معدل النشاط : 2313

http://www.mzeeka.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: تعديل على كود html

مُساهمة من طرف new.moon في الثلاثاء 30 يوليو 2013 - 6:13

إذا حصلت على الجواب المقنع لسؤالك, لا تنس بتعديل موضوعك و وضع ايقونة  لتسهل عمل فريق المساعدة و تحافظ على النظام في منتدى الدعم.

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10636
معدل النشاط : 12006

http://ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى