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



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

شريط هيدر بتقنية css
شريط هيدر بتقنية css
 

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



السلام عليكم ورحمة الله وبركاته

أقدم لكم شريط الهيدر بتقنية CSS

:: مثال ::



:: شرح مختصر من خلال برنامج الفرنت بيج ::



:: طريقة اضافة الكود في الهيدر header ::

ابحث في الهيدر عن :

HTML & CSS

$spacer_open 
اعلاها مباشرة أضف الكود التالي ( مع تعديل ما يلزم من اسماء وروابط ) :

HTML & CSS

<table class="h3" border="0" width="100%" cellspacing="0" cellpadding="0">
 <
tr>
  <
td id="navcontainer">
  <
ul id="navlist">
   <!-- 
CSS Tabs www.alm6wer.com-->
   <
li><a target="_self" href="الرابط">الرئيسية</a></li>
   <
li><a target="_blank" href="الرابط">اعلانات المنتدى</a></li>
   <
li><a target="_blank" href="الرابط">مكتبة البرامج</a></li>
   <
li><a href="الرابط">المواضيع المميزة</a></li>
   <
li><a href="الرابط">تطوير المواقع</a></li>
   <
li><a href="الرابط">ركن الاستايلات</a></li>
   <
li><a href="الرابط">دروس الفوتوشوب</a></li>
   <
li><a href="الرابط">تحميل الفوتوشوب</a></li>
  </
ul>
  <!-- /
CSS Tabs www.alm6wer.com-->
  </
td>
 </
tr>
</
table
ثم اضف خصائص الـ CSS في الحقل الثاني :

HTML & CSS

.h3{
background#3B97B1;
background-repeat:no-repeat;height:25px;width:100%;
}
.
h3 a:hover{
text-decorationunderlinecolor#FFFFFF;
}
ul#navlist {
        
margin0;
        
padding0;
        list-
style-typenone;
        
white-spacenowrap;
}
ul#navlist li {
        
floatright;
        
font-familyTahoma;
        
font-size10px;
        
font-weightbold;
        
margin0;
        
padding5px 0 4px 0;
        
background-color#3B97B1;
        
-border-top1px solid #e0ede9;
        
-border-bottom1px solid #e0ede9;
}
#navlist a, #navlist a:link {
        
margin0;
        
padding5px 9px 4px 9px;
        
color#FFFFFF;
        
border-right1px dashed #FFFFFF;
        
text-decorationnone;
}
ul#navlist li#active {
        
color#95bbae;
        
background-color#2A97A8;
}
#navlist a:hover {
        
color#000000;
        
background-color#A1D7DF;

تم بحمد الله ..


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

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

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

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

التعديل الأخير تم بواسطة AlM6weR ; 18-06-2013 الساعة 09:58 PM
رد مع اقتباس

غير متواجد
KingStar
عضو مبدع
عضو لدية أكثر من 200 مشاركة
قديم 26-04-2011, 09:31 AM
#2  
 
قديم 26-04-2011, 09:31 AM
#2  
تاريخ الإنضمام: 18-08-2010
الدولة: * بيــن النجـــــــوم *
المشاركات: 354
الإعجابات التي قدمها للأعضاء 3   تم شكره مرة : 1 في مشاركة : 1
معدل تقييم المستوى: 399
KingStar يسير نحو الشهره
افتراضي رد: شريط هيدر بتقنية css


جزاك الله خير الجزاء ونفع بما تقدم
داااامت سعادتك

رد مع اقتباس

تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
متواجد
AlM6weR
مؤسس معهد المطوّر
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
قديم 26-04-2011, 10:40 AM
#3  
 
قديم 26-04-2011, 10:40 AM
#3  
تاريخ الإنضمام: 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
رد مع اقتباس

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


مآ شآء آلله أپدآع پلآ حدود و پآنتظآر أپدآعآتگ آلقآدمة

رد مع اقتباس

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

الكلمات الدلالية (Tags)
css, بتقنية, شريط, هيدر

شريط هيدر بتقنية css


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

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

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

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



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ طلب ] قالب هيدر مثل ترايدنت 2015 arbaye طلبات و مشاكل منتديات vBulletin 3.x.x 6 23-11-2016 01:48 PM
[ طلب ] طلب هيدر ثابت ahmedsaye طلبات و مشاكل منتديات vBulletin 3.x.x 0 11-04-2015 02:54 AM
[ طلب ] طلب هيدر ثابت ahmedsaye طلبات و مشاكل منتديات vBulletin 3.x.x 3 05-04-2015 02:12 AM
[ طلب ] تعديل على ازرار هيدر ترايدنت ar-des طلبات و مشاكل منتديات vBulletin 3.x.x 11 21-09-2013 07:36 PM
شرج: تصميم هيدر موقع ويب + ازرار بشاير البرامج العامه والشروحات 3 20-08-2011 10:53 PM



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