ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R

[ BBcode ] فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم

رقم الموضوع : 4028

اكواد منتديات vBulletin 3.x.x

 
المشاهدات 5887 الردود 8 أدوات الموضوع إبحث في الموضوع

   رقم المشاركة [ 1 ]
03-06-2011, 07:29 PM
1828
الصورة الرمزية لـ انين الصمت
انين الصمت
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام28-05-2011 عدد المشاركات27 تقييم المستوى0 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 4   تم شكره 3 مرة في 2 مشاركة
افتراضي فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم



فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم

بسم الله
السلام عليكم ورحمة الله وبركاتة
اعضاء وزوار طور نت الكرام
نظرن لـ عالم التقنية و الحصريات ب طور نت
اردت ان افيدكم ب تقنية جميلة
الكثير منىء يبحث في المنتديات عن خاصية css في الفوتر
وهيا تعطي جمالية لا رقىء المنتديات العربية
نرى المثال سوين


وعنـد مرور الماوس على كل من ..!!



اليس هذا جميل ان تضع جميع خدماتك ..!!

الطريقة جدا بسيطة لم اتطرق لا شرحها ب الصور لا سهولتها
فقط ركز خمس ثواني بعدين اسحب علي <=حاس فيكم
1 : اذهب الى قالب الفوتر footer
2 : ابحث عــــن

HTML & CSS

<script type="text/javascript">
<!--
 
// Main vBulletin Javascript Initialization
 
vBulletin_init();
//-->
</script> 

3 : ضـع الكـود التالي تـحتة مباشر وقم ب التعديل http://www.alm6wer.com/vb
الى روابط موقعك وخدماتك ..

HTML & CSS

<table cellpadding="0" class="faras_tab" style="width: 90%">
<
tr>
<
td style="width: 15%">
<
ul class="faras_navigations">
<
li title="عنوان لقسم">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="عنوان لقسم1">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="عنوان لقسم4">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
</
ul>
</
td>
<
td style="width: 15%">
<
ul class="faras_navigations">
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a> </li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
</
ul>
</
td>
<
td style="width: 15%">
<
ul class="faras_navigations">
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
</
ul>
</
td>
<
td style="width: 15%">
<
ul class="faras_navigations">
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a> </li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
</
ul>
</
td>
<
td style="width: 15%">
<
ul class="faras_navigations">
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a> </li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
</
ul>
</
td>
<
td style="width: 15%">
<
ul class="faras_navigations">
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.6wer.com/vb/">عنوان نصي</a></li>
<
li title="6wer.com">
<
a href="http://www.alm6wer.com/vb/">عنوان نصي</a></li>
</
ul>
</
td>
</
tr>
</
table
4 : اعمـل حـفـظ ..


5 : اذهب الى تعاريف CSS الإضافية/Additional CSS Definitions

المربـع الثاني في اخرة اضـف :

HTML & CSS

.faras_tab {
marginauto;
}
.
faras_mtab {
marginauto;
width1000px;
}
img {
border0px none;
}
{
outline0px;
}
.
faras_hadv {
border1px #0099FF dashed;
margin-left4px;
}
.
faras_adv {
border1px #0099FF dashed;
}
.
faras_navigations {
margin-right5px;
padding-right5px;
font-size11px;
text-alignright;
marginauto;
}
.
faras_navigations li {
displayinline;
}
.
faras_navigations li a {
floatnone;
width95%;
displayblock;
text-decorationnone;
margin0 0px;
padding2px 2px;
margin-bottom2px;
border-bottom1px #C0C0C0 dashed;
color#0099FF;
}
.
faras_navigations li a:hover {
font-size11px;
color#808080;
border-bottom1px #0099FF dashed;
background-color#FBFBFD;

واعمـل حفـــظ ::
والحمدللة تم اتمام العمل ب امكانك الذهاب لا المعايـنـة

مـلآحـظـة : قبل العـمل خذ نسخـة من كل مآتم عملة هنآُ :

متمني لكم التؤفيق
فمممممان الله





كلمات البحث - معهد المطور ارشفة, ستايل, كود, هاك, html, css, java, BBcode, seo, php, JavaScript, Product, Style

بى سات   المعجبون بمشاركة انين الصمت

الصور المصغرة للصور المرفقة
طور.jpg‏   ش2.jpg‏  
الملفات المرفقة
نوع الملف: txt الشرح كامل.txt‏ (4.6 كيلوبايت, المشاهدات 33)
المنتدى غير مسئول عن أي اضرار تصيب جهازك بسبب المرفق ، لذا يرجى الفحص بعد التحميل



   رقم المشاركة [ 2 ]
03-06-2011, 11:12 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
الصورة الرمزية لـ AlM6weR
AlM6weR
متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,834 تقييم المستوى17848 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


اشكرك اخوي انين
موضوع رائعه ونتيجه مميزه
يسعدنا وجود امثالك في المنتدى ، تقبل تحيتي وتقديري ..




توقيعي

عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

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

مواقعنا :
  1. www.6wer.com
  2. www.alm6wer.com




   رقم المشاركة [ 3 ]
03-06-2011, 11:58 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
تجربتي
2
تابعني على instaram
الصورة الرمزية لـ أبوعبدالله
أبوعبدالله عضو موثوق في معهد المطور
غير متواجد
[ المستشار ]
اسمي : AbuAbdullah , من : بيشة , أهتم بـ البرمجة - الشعر - القراءة .
عضو لدية أكثر من 2000 مشاركةعضو لدية أكثر من 2000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات2,334 تقييم المستوى3474 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 235   تم شكره 129 مرة في 106 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


كثيرون يهملون الفوتر رغم أهميته


شكرا جزيلا لك أنين الصمت




توقيعي

تجربتي
الداعم الرسمي


   رقم المشاركة [ 4 ]
04-06-2011, 12:16 AM
90
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
جنونيات حالمه
غير متواجد
[ مطوّر مبدع ]
اسمي : ::سأبقىـآ بالََدَنّيآ طالَََبَهـ لِمَنْآفعهآ:: ,
عضو لدية أكثر من 500 مشاركةعضو لدية أكثر من 500 مشاركة
تاريخ الإنضمام06-08-2010 عدد المشاركات783 تقييم المستوى1898 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 2   تم شكره 18 مرة في 15 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


بارك الله فيك اخوي انين
شرح مبسط وواضح
والفوتر رآئع
:
شآكرهـ لك





   رقم المشاركة [ 5 ]
04-06-2011, 12:20 AM
1828
الصورة الرمزية لـ انين الصمت
انين الصمت
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام28-05-2011 عدد المشاركات27 تقييم المستوى0 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 4   تم شكره 3 مرة في 2 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


اشكرك اخوي انين
موضوع رائعه ونتيجه مميزه
يسعدنا وجود امثالك في المنتدى ، تقبل تحيتي وتقديري ..
العـفو ..
تسلم من ذوقك
احترامي لك




   رقم المشاركة [ 6 ]
04-06-2011, 12:22 AM
1828
الصورة الرمزية لـ انين الصمت
انين الصمت
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام28-05-2011 عدد المشاركات27 تقييم المستوى0 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 4   تم شكره 3 مرة في 2 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


كثيرون يهملون الفوتر رغم أهميته


شكرا جزيلا لك أنين الصمت
صحيح اخي الفاضل
العفو من واجبي
احترامي لك




   رقم المشاركة [ 7 ]
04-06-2011, 12:23 AM
1828
الصورة الرمزية لـ انين الصمت
انين الصمت
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام28-05-2011 عدد المشاركات27 تقييم المستوى0 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 4   تم شكره 3 مرة في 2 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


بارك الله فيك اخوي انين
شرح مبسط وواضح
والفوتر رآئع
:
شآكرهـ لك
وفيك اخي
تسلم من ذوقك
احترامي لك




   رقم المشاركة [ 8 ]
13-12-2011, 09:38 PM
116
الصورة الرمزية لـ sociolog
sociolog
غير متواجد
[ مطوّر مبدع ]
اسمي : مستشار تربوي وأسري , من : سلطنة عمان , أهتم بـ علم النفس .
عضو لدية أكثر من 500 مشاركةعضو لدية أكثر من 500 مشاركة
تاريخ الإنضمام27-08-2010 عدد المشاركات716 تقييم المستوى813 الدولةoman
الإعجابات التي قدمها للأعضاء 17   تم شكره 23 مرة في 19 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


كود جميل بس كيف اغير لون الخط الى اللون المطلوب ؟؟؟




توقيعي

أن أكثر العظماء الذين قضوا حياتهم في خدمة الناس كانوا نتاج تربية صحيحة تلقوها في صغرهم فأثرت على صناعة أنفسهم وأصبحوا عظماء بها .



   رقم المشاركة [ 9 ]
14-07-2013, 10:27 PM
5280
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
ملك الحصريات
غير متواجد
[ مطوّر مبدع ]
عضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركة
تاريخ الإنضمام25-02-2013 عدد المشاركات1,544 تقييم المستوى1561 الدولةegypt
الإعجابات التي قدمها للأعضاء 193   تم شكره 3 مرة في 3 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


شكرا على الموضوع والمشاركه الرائعه




 

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

الكلمات الدلالية (Tags)
css, بالكامل, بتقنية, جاهز, فوتر

أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم

الانتقال السريع

المواضيع المتشابهه للموضوع: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ طلب ] تغير خط المنتدى بالكامل حلم فلسطين طلبات و مشاكل منتديات vBulletin 3.x.x 9 16-01-2016 04:44 PM
[ طلب ] طلب شرح كيفية تركيب بوست بت ليجاسى بالكامل فى اى استايل حتى الخاص بى vb XStarKing طلبات و مشاكل منتديات vBulletin 3.x.x 6 23-07-2015 01:05 AM
[ BBcode ] عمل فوتر رائع بتقنية الـ css للمنتديات مع مثال أبوعبدالله اكواد منتديات vBulletin 3.x.x 3 20-04-2013 04:48 PM
لعيونكم ...<<>>وجبات خفيفه لذيذة للعشاء لذه غرام المنتدى العام 1 04-12-2010 07:06 PM


الساعة الآن 02:39 AM

توافق أكواد المعهد

تم التحقق بنجاح هذا الموقع من أخطاء XHTML  Valid XHTML 1.0 Transitional

تم التحقق بنجاح هذا الموقع من أخطاء CSS3  Valid CSS!

ترتيب الكسا alexa

من نحن

معهد المطور
موقع يهتم بتطوير المواقع والمنتديات وتحسين بيئة عمل المواقع العربية

أهدافنا

نسعى جاهدين لرقي المواقع العربية وتحسين بيئتها من خلال مناقشة كل ما يخص التطوير بوجه عام

خدماتنا

نمد يد العون لجميع اصحاب المواقع ، ونجيب عن جميع استفساراتهم قدر الامكان
كما نتطلع دائما لطرح الجديد والمفيد لهم

الدعم الفني المدفوع

خصصنا هذة الخدمة لاصحاب المواقع الجديدة ، وكذلك لمن تنقصه الخبره في تولي ادارة المواقع

مواقع صديقة

تجربتي

لماذا هذه المواقع ؟

هذا المساحة خصصت لإعضاء معهد المطور الذين يملكون مواقع مفيدة ، وحيث ترى إدارة معهد المطور ان هذه المواقع لها العديد من المواضيع المفيدة و القيمة التي تستحق الاشاده بها

الحقوق

Powered by vBulletin@Version 3.8.7 .Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي المطوّر
وجميع الحقوق محفوظة لاصحابها

تاريخ انشاء الموقع

08-06-2010