حالة الموضوع:
مغلق
  1. sagda

    sagda موقوف لمخالفة الشروط

    الأنتساب:
    ‏6 مارس 2012
    المشاركات:
    3
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    السلآم عليكم ورحمة الله وبركآتة

    بسم الله الرحمن الرحيم ..

    حيآكم الله اخواني واخوآتي ..

    آقدم لكم فوتر جديد

    وان شاء الله ينآل رضآ الجميع

    مميزآت الفوتر ..

    استخدام تقنية الـCss

    و Css3

    يعمل القالب ومتوافق مع جميع المتصفحات بإذن الله إلا الـIE المريض

    مشآهده القالب مثال مبآشر

    footer by BLaCk HoLe

    و لتركيب القالب اتبع الاتي

    قم بنسخ الكلاسات اللازمة هذة ووضعها في الفوتر وقم بالتعديل بما ينآسبك ووضع الروآبط

    كود PHP:
    <div id="footer">
    <
    div>

    <
    ul class="footer">
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    </
    ul>

    </
    div>

    <
    div>

    <
    ul class="footer">
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    </
    ul>

    </
    div>
    <
    div>

    <
    ul class="footer">
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    </
    ul>

    </
    div>
    <
    div>

    <
    ul class="footer">
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    <
    li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li>
    </
    ul>

    </
    div>

    </
    div>
    وتعاريف الـCss في

    الاستايلاتت و القوآلب -> التحكم بالاستايلات -> اختار الاستايل المرآد التعديل علية -> Css رئيسي -> تعاريف CSS الإضافية/Additional CSS Definitions ومن ثم الصق التعاريف الاتية :

    كود PHP:
    #footer{
        
    width:850px;
        
    background-color:#cdcdcd;
        
    border-radius:0px 30px 0px 30px;
        -
    moz-border-radius:0px 30px 0px 30px;
        -
    wibkit-border-radius:0px 30px 0px 30px;
        
    border-bottom:4px solid #666;
        
    border-top:4px solid #666;

    }
    div{
        
    width:200px;
        
    float:right;

    }
    #footer div ul{
         
    display:block;
         list-
    style:none;
    }
    #footer div ul li{
        
    display:block;
        
    padding:5px;
        
    border-bottom:1px dashed #006600;
        
    text-align:center;

    }
    #footer div ul li a{
        
    display:block;
        
    font-family:Tahoma;
        
    font-size:14px;
        
    color:#fff;
        
    text-decoration:none;
    }
    #footer ul li:hover{
        
    border-bottom:1px dotted #fff;
        
    background-color:#DDDDDD;
        
    padding-bottom:2px;
    }
    #footer ul li a:hover{
        
    color:#000;
        
    text-shadow:1px 1px 1px #fff;
        
    -moz-text-shadow:1px 1px 1px #fff;
        
    -wibkit-text-shadow:1px 1px 1px #fff;
        
    }
    آتمنى ان ينال رضآ الجميع

    [​IMG]

     
  2. امبرور هكر

    امبرور هكر Developer

    الأنتساب:
    ‏7 مارس 2012
    المشاركات:
    17
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    رد: فوتر جديد وجذآب بتقنية الـCss و الـCss3

    ربي يديك العافيه على هالموضوع المميز
     
  3. ÐβĽŎM

    ÐβĽŎM Developer

    الأنتساب:
    ‏7 مارس 2012
    المشاركات:
    57
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    6
    المخالفات
    3
    رد: فوتر جديد وجذآب بتقنية الـCss و الـCss3

    الله يعطيــك العــافيَـــةَ
     
  4. kasm

    kasm DeveloPer Plus

    الأنتساب:
    ‏6 نوفمبر 2011
    المشاركات:
    121
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    16
    رد: فوتر جديد وجذآب بتقنية الـCss و الـCss3

    يعطيك العافيه
     
حالة الموضوع:
مغلق

مشاركة هذه الصفحة