النتائج 1 إلى 6 من 6

الموضوع: طريقة عمل صورة تتداخل مع الموقع ...

  1. #1
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    325

    طريقة عمل صورة تتداخل مع الموقع ...



    السلام عليكم ورحمة الله وبركاته

    كيفكم يا شباب

    ما بعرف كيف بدي اشرح الموضوع

    كيف بامكاني ان اضع في موقعي

    مثل

    http://www.paltimes.net/arabic/index.php

    ما هو موجود في الصورة التي تظهر في يسار هذا الموقع والتي تتداخل مع الصفحة

    اريد ان اتضامن مع القدس بهذه الطريقة :con2:

    يرجى الافادة وبارك الله فيكم







  2. #2
    عضو نشيط جدا
    تاريخ التسجيل
    Feb 2008
    المشاركات
    309


    طيب .. ضعها في جدول مثل جدول (الرياضة) عندك

    ضعها مثلا فوق خانة (مميزة) أو في الأسفل مثلا

    أخوك/
    إسلام الأشقر






  3. #3
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    325


    جزاك الله خير اخي
    بارك الله فيك على الاقتراح
    لا زلت انتظر الحل






  4. #4
    عضو نشيط جدا
    تاريخ التسجيل
    Aug 2008
    المشاركات
    324


    ضع هذا الكود اسفل الصفحة كما هو مبين


    كود PHP:


    <html>

    <
    head>
      <
    title></title>

                        <
    script type="text/javascript">
                        $(
    document).ready(function(){
                            var 
    index = new Array();
                            var 
    items = new Array();
                            var 
    maxIndex = new Array();
                            var 
    minIndex = new Array();

                            function 
    populateArrays(a) {
                                for(
    i=0i<a.lengthi++) {
                                    
    items[i] = $(a[i]).parent().parent().find("div.body div.more ul li");
                                    
    maxIndex[i] = items[i].length 1;
                                    
    minIndex[i] = 1;
                                    
    index[i] = maxIndex[i] - $(a[i]).parent().parent().find("div.body div.more ul li.hide").length;
                                }
                            }

                            
    populateArrays($(".more-ctrl").get());

                            $(
    ".more-ctrl .plus").bind('click', function(e) {
                                var 
    = $(".more-ctrl .plus").index(this);
                                
    e.preventDefault();

                                if (
    index[i] <= maxIndex[i]) {
                                    
    index[i]++;
                                    if (
    index[i] > maxIndex[i]) index[i] = maxIndex[i];
                                    $(
    items[i][index[i]]).css('display''list-item');
                                }
                            });

                            $(
    ".more-ctrl .minus").bind('click', function(e) {
                                var 
    = $(".more-ctrl .minus").index(this);
                                
    e.preventDefault();

                                if (
    index[i] >= minIndex[i]) {
                                    if (
    index[i] < minIndex[i]) index[i] = minIndex[i];
                                    $(
    items[i][index[i]]).css('display''none');
                                    
    index[i]--;
                                }

                            });
                        });
                        
    </script>

    </head>

    <body>

     <div style="top:0; left:0; width:51;  position: absolute;" id="myDiv">
    <table border="0">
    <tr><td>
    <img src="http://paltimes.net/arabic/data/ads/sms.gif" border='0'></a>
    </td></tr>
    <tr><td style="border-top:5px red solid;border-bottom:5px red solid;">
    <a href="http://paltimes.net/arabic/data/file/setup.exe" >
    <img src="http://paltimes.net/arabic/data/ads/sms3.gif" border='0'></a>
    </td></tr>
    </table>

    <tr><td><a href="#" onClick="getElementById('myDiv').style.display='none';" style="color:#00000;">إغلاق</a></td></tr></div>

    </body>

    </html> 






    التعديل الأخير تم بواسطة zamile28 ; 09-10-2009 الساعة 01:26 AM

  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2005
    المشاركات
    325


    جزاك الله كل خير اخي العزيز
    تم بحمد الله ..
    لكن عمل بعض الاخطاء في اسطر في الموقع
    لا بأس لا تؤثر كثيرا
    جزاك الله كل خير






  6. #6
    عضو فعال جدا
    تاريخ التسجيل
    Sep 2007
    المشاركات
    2,065


    أخى الكريم الحل الصحيح لهذه الحركه هو أن تضع الصورة فى div له class خاصية ال z-index الخاصه به أكبر من 1

    و هذا الحل هو الحل الأمثل

    ضع هذا بين تاج الهيدر

    كود:
    <style>
    <!--
    .khashabawy {
    position:absolute;
    left:0px;
    top:0px;
    z-index=2;
    }
    -->
    </style>

    ثم الصورة تضيف لها الكلاس كالتالى

    كود:
    <img class="khashabawy" src="">











ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض