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

الموضوع: كيفية عمل رابط للخلفية بالـ CSS - Clickable Background

  1. #1

    Lightbulb كيفية عمل رابط للخلفية بالـ CSS - Clickable Background



    شرح كيفية عمل رابط على صورة خلفية Background عبر ملف CSS

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

    اسعد الله صباحكم أعضاء سوالف ,,

    كنت ابحث عن طريقة لجعل الخلفية الباك جراوند عليها رابط كإعلان لاحد الشركات و وجدت الطريقة و حبيت افيدكم بها .

    نقوم باضافة صورة الخلفية اولاً ضمن هذا الكود CSS

    .box1 {
    position: relative;
    margin: 20px 0 20px 40px;
    padding: 5px 0; width: 300px;
    height: 100px;
    background-image: url(images/background.jpg);
    background-repeat: no-repeat;
    }

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

    #box-link {
    position: absolute;
    top: 8px;
    left: 20px;
    width: 83px;
    height: 83px;
    background-color: transparent;
    border: 1px solid yellow; }

    و هنا تضع الرابط و الوصف ان اردت

    <div class="box1">
    <a id="box-link" href="#"></a>
    <p>The background of this box is an image.</p>
    </div>

    بالتوفيق









  2. الف شكر





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter

  3. #3
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


    لماذا كل ذلك .. إن كان فهمي للموضوع صحيح
    فذلك الكود أفضل وأيسر بكثير

    كود PHP:
    <div class="box1" onclick="location.href='http://www';" style="cursor: pointer;">
    </
    div






    __________________
    تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
    وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
    وتلك الفاظ لا معنى لها كذلك كلماته





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

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

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