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


اخبار اسلاميات الصحة التعليم الرباضة الاسرة والمجتمع الترفيه تطوير المنتديات اكواد html اكواد css تقنيات متقدمة لاصحاب المواقع.
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  قالوا عناقالوا عنا  التسجيلالتسجيل  
أحرص على أن تكون مواضيعك من أجل الفائده أيا كانت ولا تكون من أجل زيادة عدد المشاركات فليس المهم أن تشارك بألف موضوع,,!! بل الأهم أن تكتب موضوع يستفيد منه ألف عضو,, اجعل من أخطاء مشاركات اليوم !! بنك الفائدة لمشاركاتك غداً وإجعل حكمتك الكلمة الطيبة ..صدقة
اللهم صلى على سيدنا محمد صلى الله عليه وسلم اللهم تمم علينا العيد بسعادة وفرحة وبهجة اللهم امين
أحرص على اختيار أفضل التعابير وأحسن الألفاظ وأثمن الجمل

 

  الان الفوتر المتميز بدون تومبيلات للاحصائيات وجدول المنتدى

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


الجنس : ذكر
عدد المساهمات : 1779

بطاقة الشخصية
اخر المواضيع:

اخر المواضيع لشمس المستقبل

↑ Grab this Headline Animator


 الان الفوتر المتميز بدون تومبيلات للاحصائيات وجدول المنتدى Empty
مُساهمةموضوع: الان الفوتر المتميز بدون تومبيلات للاحصائيات وجدول المنتدى    الان الفوتر المتميز بدون تومبيلات للاحصائيات وجدول المنتدى Icon_minitimeالأربعاء سبتمبر 28, 2011 11:23 am

صورة الكود بعد وضعة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


اولا نتوجه الى
عناصر اضافية
ادارة العناصر المستقلة على المنتدى

انشاء عنصر جديد
قم بتفعيل خاصية الجدول (نعم)
وضع هدا الكود

الكود

الكود:
[/color]
 <!--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 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>

[color=red]


نأتي الان لكود Css
توجه لـــ
لوحة الإدارة
مظهر المنتدى
الوان
ورقة تصميم css
ونضع الكود
الكود
الكود:

[/color]
 #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*/
[color=red]

الى اللقاء مع كود اخر ان شاء الله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
الان الفوتر المتميز بدون تومبيلات للاحصائيات وجدول المنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شمس المستقبل :: تطوير المنتديات :: تقنيات أخرى-
انتقل الى:  
ThE Footer
 الان الفوتر المتميز بدون تومبيلات للاحصائيات وجدول المنتدى Fb110