مرحبا عزيري الزائر قم بالتسجيل الأن من هنا
إذا لديك بالفعل حساب لدينا قم بتسجيل الدخول الأن



اكواد منتديات vBulletin 3.x.x كود , اكواد , تعديلات , BBCode - خاص باكواد المنتديات فقط BBCode [ يمنع وضع الهاكات في هذا القسم ]

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

غير متواجد
انين الصمت
مُطوِّر مشارك
قديم 03-06-2011, 07:29 PM
#1  
 
قديم 03-06-2011, 07:29 PM
#1  
تاريخ الإنضمام: 28-05-2011
المشاركات: 27
الإعجابات التي قدمها للأعضاء 4   تم شكره 3 مرة في 2 مشاركة
معدل تقييم المستوى: 0
انين الصمت في بداية مشواره
افتراضي فوتر جاهز بالكامل بتقنية 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;

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

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

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

الصور المصغرة للصور المرفقة
طور.jpg‏   ش2.jpg‏  
الملفات المرفقة
نوع الملف: txt الشرح كامل.txt‏ (4.6 كيلوبايت, المشاهدات 33)

التعديل الأخير تم بواسطة AlM6weR ; 19-06-2013 الساعة 12:31 AM
رد مع اقتباس

تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
متواجد
AlM6weR
مؤسس معهد المطوّر
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
قديم 03-06-2011, 11:12 PM
#2  
 
قديم 03-06-2011, 11:12 PM
#2  
تاريخ الإنضمام: 07-06-2010
الدولة: الرياض
العمر: 40
المشاركات: 7,808
الإعجابات التي قدمها للأعضاء 285   تم شكره 747 مرة في 568 مشاركة
معدل تقييم المستوى: 17822
AlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداعAlM6weR قمه في الابداع
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


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

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

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

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

مواقعنا :
  1. www.6wer.com
  2. www.alm6wer.com
رد مع اقتباس

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


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


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

توقيعي
تجربتي
رد مع اقتباس

90
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
غير متواجد
جنونيات حالمه
مطوّر مبدع
عضو لدية أكثر من 500 مشاركةعضو لدية أكثر من 500 مشاركة
قديم 04-06-2011, 12:16 AM
#4  
 
قديم 04-06-2011, 12:16 AM
#4  
تاريخ الإنضمام: 06-08-2010
المشاركات: 783
الإعجابات التي قدمها للأعضاء 2   تم شكره 16 مرة في 13 مشاركة
معدل تقييم المستوى: 1893
جنونيات حالمه لديه الكثير ونحن فخورين بهجنونيات حالمه لديه الكثير ونحن فخورين بهجنونيات حالمه لديه الكثير ونحن فخورين بهجنونيات حالمه لديه الكثير ونحن فخورين بهجنونيات حالمه لديه الكثير ونحن فخورين بهجنونيات حالمه لديه الكثير ونحن فخورين بهجنونيات حالمه لديه الكثير ونحن فخورين بهجنونيات حالمه لديه الكثير ونحن فخورين بهجنونيات حالمه لديه الكثير ونحن فخورين به
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


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

رد مع اقتباس

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


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

رد مع اقتباس

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


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


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

رد مع اقتباس

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


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

رد مع اقتباس

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


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

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

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


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

رد مع اقتباس

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

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

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


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

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

الانتقال السريع
تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ طلب ] تغير خط المنتدى بالكامل حلم فلسطين طلبات و مشاكل منتديات 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



الساعة الآن 08:22 AM