العراق اونلاين
نرحب
بكل من يزور
منتدانا



 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول╣☼╠00%mybblogoكيويروابط ماوس
منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

شاطر | 
 

  كود الفوتر الاحترافى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
سحر العيون
Admin
Admin
avatar

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013

مُساهمةموضوع: كود الفوتر الاحترافى   الخميس ديسمبر 11, 2014 7:08 pm

لمشاهدة الفوتر

http://im38.gulfup.com/iTUZN.jpg

شرح وضع الكود
الكود:
<!--Start Footer--><div id="footer">

 <div class="my-tet1">
 
    <h3> <img src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> نبذه تعريفيه</h3>
 
        <p>ضع هنا نبذه تعريفيه لمنتداك</p>
     
    </div>
        <div class="my-tet1">
 
      <h3> <img
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع</h3>
     
            <ul>
 
          <li><a href="#" target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>
            <li><a href="#"
target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>
                       
<li><a href="#" target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>
                                 
    <li><a href="#" target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>
                                 
                    <li><a href="#" target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>            </ul>
        </div>
 

        <div class="my-tet1">
 
        <h3><img
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع</h3>
     
            <ul>
 
            <li><a href="#" target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>
            <li><a href="#"
target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>
                       
<li><a href="#" target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>
                                 
    <li><a href="#" target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>
          <li><a href="#"
target="_self"><img
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا</a></li>            </ul>
        </div>
 
       
</div>


كود يوضع فى ورقة ccs

الكود:
    #footer {
    width:auto;
            cursor: crosshair
    margin:auto;
    height:220px;
    color:#c3c3c3;
    direction:rtl;
    background-color: #dddddd;
    }
    img{
    border:none;
    }
   
    .my-tet1{
    float:right;
    width:230px;
    padding:10px;
    border-right:1px dashed #666;
    }
    .my-tet1 h3{
    font-family:"Arial Black", Gadget, sans-serif;
    font-size:16px;
    color:#FFF;
    font-weight:bold;
    background-color:#0a95b8;
    padding-right:10px;
    margin-bottom:3px;
    }
   
    .my-tet1 ul li {
    list-style-type:none;
            text-decoration: none;
    padding:5px;
    cursor: crosshair;
    float: right;
    }
    .my-tet1 p {
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    color:#696969;
    text-align: justify;
    }
    .my-tet1 ul li a {
    color:#1c6b7f;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    }
    .my-tet1 ul li a:hover{
    color:#FFF;
    }
    .my-tet1 ul li:hover{
    cursor: crosshair;
    background-color: #0e83a0;
    color: #FFF;
    }
    /*End footer style*/


ضع گود آعلآن أدسنس أو أي شيء تريده مپآشرة تحت هذآ آلسطر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://iraqaonlaen.0wn0.com
 
كود الفوتر الاحترافى
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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