منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


درس تكويد . وضع روابط نصية بالهيدر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

درس تكويد . وضع روابط نصية بالهيدر

مُساهمة من طرف JAR7 في 05/04/16, 12:07 pm

درس تكويد . وضع روابط نصية بالهيدر

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

نكمل درسنا تكويد هيدر لنضيف روابط نصية بالنافبار العلوي

 درس عمل هيدر باللوغو بتقنية css مثل منتدانا الحبيب  

كود النافبار هو

الرمز:
.navb {
background-color: #034671;
background-repeat: repeat; 
height: 50px;
}

نضيف تحته كود css لروابط النصية وسوف يحتوي على

اتجاة موقع الروابط النصية
float: right;
لون الروابط النصية
color: #AAAAAA;
حجم خط النص
font-size: 14px;
وضع امر تباعد الروابط
padding: 5;
وضع امر توسيط الروابط في وسط النافبار
margin: 5;

ويكون تسميته كالاتي

الرمز:
.navb a{
float: right;
color: #AAAAAA;
font-size: 14px;
padding: 5;
margin: 5;
}



حيث حرف a  يرمز لكلاس الكتابة الذي سيضاف بكلاس النافبار
الذي تم وضعه سابقا بالدرس

ويكون كالاتي

الرمز:
<a></a>

نضيف خاصية تلميح الرابط عند مرور الماوس علية
الرمز:
<a title="طلبات التصميم"></a>
نضيف خاصية الرابط الموجةة ﻻسم الروابط النصية
الرمز:
<a href="http://taqnyiat.forumarabia.com/f3-montada" title="طلبات التصميم"></a>
نضيف هنا اسم الرابط
الرمز:
<a href="http://taqnyiat.forumarabia.com/f3-montada" title="طلبات التصميم">طلبات التصميم</a>
ليكون كالاتي

الرمز:
<div class="navb">
<a href="http://taqnyiat.forumarabia.com/f3-montada" title="طلبات التصميم">طلبات التصميم</a>
</div>

ونكرر نفس الكلاس دة على حسب عدد الروابط النصية المطلوب



انتهى الدرس دمتم بخير



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: درس تكويد . وضع روابط نصية بالهيدر

مُساهمة من طرف عضوة مبدعة في 07/04/16, 12:02 am

شرح نايس جرح
يسلموووو

عضوة مبدعة
عضو نشيط


الجنس : انثى
عدد المساهمات : 82
التقييم : 3
تاريخ التسجيل : 27/02/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: درس تكويد . وضع روابط نصية بالهيدر

مُساهمة من طرف Mr.Yakoub في 19/04/16, 08:47 pm

شكرآ جزيلا على الموضوع الرائع و المميز 
واصل تالقك معنا في المنتدى 
بارك الله فيك اخي ... 
ننتظر منك الكثير من خلال ابداعاتك المميزة 
لك منـــــــ اجمل تحية ــــــــــي

Mr.Yakoub
الاشراف العام


الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: درس تكويد . وضع روابط نصية بالهيدر

مُساهمة من طرف البراق في 20/04/16, 04:11 pm

الابداع عنوانك اختي جرح
انا متابع لااعمالك الرائعه واستخدم كل ابداعك من الاستايلات والاكواد
لاانها تكويد صحيح ..
بورك نبضك المتالق


البراق
عضو نشيط


الجنس : ذكر
عدد المساهمات : 109
التقييم : 25
تاريخ التسجيل : 14/04/2016
اوسمتي : :3:4:3

معاينة صفحة البيانات الشخصي للعضو http://raad2.montadalitihad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: درس تكويد . وضع روابط نصية بالهيدر

مُساهمة من طرف JAR7 في 20/04/16, 04:57 pm

اهلا اخي العزيز
بوركت على كلماتك الرائع
دمت بخير



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: درس تكويد . وضع روابط نصية بالهيدر

مُساهمة من طرف عبقرينو في 05/05/16, 11:55 pm

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



عبقرينو
عضو نشيط


الجنس : ذكر
عدد المساهمات : 168
التقييم : 6
تاريخ الميلاد : 18/10/1997
تاريخ التسجيل : 27/02/2016
العمر : 19
الموقع : ام الدنيا مصر
العمل/الترفيه : مبرمج
المزاج : تمام

معاينة صفحة البيانات الشخصي للعضو http://mohamed-nabina.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى