سجل في المعهد لتفعيل روابط التحميل

للتسجيل اضغط على الزر التسجيل
ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R

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


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

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

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

 

   [ 1 ]
03-06-2011, 07:29 PM
1828
الصورة الرمزية لـ انين الصمت
انين الصمت
غير متواجد
[ مطوّر مشارك ]

تاريخ الإنضمام28-05-2011 عدد المشاركات27 تقييم المستوى0 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 4   تم شكره 3 مرة في 2 مشاركة
افتراضي فوتر جاهز بالكامل بتقنية 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
تواصل معي مباشرة
الصورة الرمزية لـ AlM6weR
AlM6weR
متواجد
[ مؤسس معهد المطوّر ]

اسمي : فخري الحاتم - أبو محمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,902 تقييم المستوى17920 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 289   تم شكره 749 مرة في 570 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية css واحلى تركيب لعيونكم


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




   [ 3 ]
03-06-2011, 11:58 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
تجربتي
2
الصورة الرمزية لـ أبوعبدالله
أبوعبدالله عضو موثوق في معهد المطور
غير متواجد
[ المستشار ]

اسمي : AbuAbdullah , من : بيشة , أهتم بـ البرمجة - الشعر - القراءة .
عضو لدية أكثر من 2000 مشاركةعضو لدية أكثر من 2000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات2,334 تقييم المستوى3476 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 235   تم شكره 130 مرة في 107 مشاركة
افتراضي رد: فوتر جاهز بالكامل بتقنية 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


الساعة الآن 10:40 AM

RSS RSS 2.0 XML Sitemap1 Sitemap2 HTML Tags اتصل بنا بيان الخصوصية

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