منتديات فرتكه
كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح Q3AC1
منتديات فرتكه
كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح Q3AC1
منتديات فرتكة
التسجيل

كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح


أهلا وسهلا بك فى منتديات فرتكة.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


اعلانات المنتدي











اخر المواضيع
الموضوعتاريخ انشاء المساهمةبواسطة
منتجات يوسيرين: رفع مستوى روتين العناية بالبشرة مع ويلنس سوق
اكتشفي منتجات لاروش بوزيه الفريدة من نوعها في ويلنس سوق
منتجات العناية بالبشرة
منتجات العناية بالبشرة
استكشف سر جمال شعرك في ويلنس سوق، الوجهة الأولى للعناية بالشعر
ويلنس سوق : وجهتك الأساسية لمنتجات العناية الشخصية والجمال
قناة bm4 التحفيزية ستساعدك في النجاح
نقلي - أفضل خدمة نقل عفش بالكويت
متجر فلاي هاير لجميع المنتجات والاكسسوارات النسائية
استعدي لرحلة ملهمة تلبي احتياجاتك الشخصية والعاطفية
الأحد 21 أبريل 2024, 00:43
السبت 20 أبريل 2024, 21:05
السبت 20 أبريل 2024, 12:42
السبت 20 أبريل 2024, 12:40
السبت 20 أبريل 2024, 07:51
السبت 20 أبريل 2024, 01:42
الخميس 11 أبريل 2024, 10:30
الخميس 04 أبريل 2024, 21:52
الإثنين 25 مارس 2024, 03:03
السبت 23 مارس 2024, 04:08















 
شاطر


كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح Emptyالسبت 01 ديسمبر 2012, 16:15
رسالة
بيانات كاتب الموضوع
كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح
المعلومات
الكاتب:
اللقب:
المدير العام
الرتبه:
المدير العام
الصورة الرمزية
 
MoDy Designer


البيانات
الجنس : ذكر
عدد المساهمات : 3579
تاريخ التسجيل : 13/09/2010
العمر : 30
حكمتي المفضله : لآ تأتمن أي إمرأة إلا امك :)
 
 

 


الإتصالات
الحالة:
وسائل الإتصال:

https://www.facebook.com/Des.MoDy?ref=bookmarks

مُساهمةموضوع: كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح   





كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط

كود Html عمل اي شيء بأسفل المنتدى مع الشرح

ثم

لوحة الاداره--> العناصر الاضافيه--> اداره العناصر المستقله على المنتدى--> انشاء عنصر شخصي جديد--> نضع

الكود--> ثم سجل--> وقوم بسحب الكود ووضعه فى العناصر اسفل الكود المنشأ للشرح اعلاه

الكود:

 
 
    [b] [img]http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png[/img] نبذه تعريفيه[/b]


     
        ضع هنا نبذه تعريفيه لمنتداك

         
   
       
 
      [b] <img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


         
           
[list]
 
         
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
                   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]           
[/list]
       
 

       
 
        [b]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


         
           
[list]
 
           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
         
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]           
[/list]
       
 
 
       
 
      [b]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
 /> الوصول السريع[/b]


           
[list]
         
 
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                           
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
                                     
                   
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
           
[/list]
       




نأتي الان لكود Css

توجه لـــ

لوحة الإدارة

مظهر المنتدى

الوان

ورقة تصميم css

ونضع الكود كاملا

الكود:

 #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*/


الكود مجرب على النسخة الثانية 2 ويعمل 100/100


للامانه منقـــــــــــول












 الموضوع الأصلي : كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح // المصدر : منتديات فرتكة // الكاتب: MoDy Designer




MoDy Designer ; توقيع العضو



كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح Emptyالأربعاء 28 أغسطس 2013, 12:10
رسالة
بيانات كاتب الموضوع
كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح
المعلومات
الكاتب:
اللقب:
فرتكاوي شغال
الرتبه:
فرتكاوي شغال
الصورة الرمزية
 
همسة


البيانات
الجنس : انثى
عدد المساهمات : 98
تاريخ التسجيل : 20/08/2013
العمر : 25
 
 

 


الإتصالات
الحالة:
وسائل الإتصال:


مُساهمةموضوع: رد: كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح   







الله يعطيك العافيه

هل الكود يشتغل على هاذى النسخة Invision














 الموضوع الأصلي : كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح // المصدر : منتديات فرتكة // الكاتب: همسة




همسة ; توقيع العضو




مواقع النشر (المفضلة)

تعليقات الفيس بوك

الــرد الســـريـع
..
هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع



خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح , كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح , كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح ,كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح ,كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح , كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ كود css عمل فوتر اسفل المنتدي مثل الفي بي مع الشرح ] مخالف ,, من فضلك راسل الإدارة من هنا






مواضيع ذات صلة





© جميع الحقوق محفوظة لمنتديات فرتكة 2014
تحويل شركة فور يمنى