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

شاطر | 
 

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

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


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

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

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

↑ Grab this Headline Animator


مُساهمةموضوع: الان الفوتر المتميز بدون تومبيلات للاحصائيات وجدول المنتدى   الأربعاء سبتمبر 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