المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع

المتواجدون الآن ؟
ككل هناك 11 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 11 زائر :: 1 روبوت الفهرسة في محركات البحث

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 523 عُضو.
آخر عُضو مُسجل هو حفصة الغرافي فمرحباً به.

أعضاؤنا قدموا 9868 مساهمة في هذا المنتدى في 1850 موضوع

لونك المفضل

اعلان هــــــام

استايل منتدى تقنيات الحالى للبيع لمزيد من التفاصيل مراسلة الأخ omarpop23


منتديات تقنيات :: دورات ودروس منتديات تقنيات :: 

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

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

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

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

 درس عمل هيدر باللوغو بتقنية 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.ahlamontada.com/f3-montada" title="طلبات التصميم"></a>
نضيف هنا اسم الرابط
الكود:
<a href="http://taqnyiat.ahlamontada.com/f3-montada" title="طلبات التصميم">طلبات التصميم</a>
ليكون كالاتي

الكود:
<div class="navb">
<a href="http://taqnyiat.ahlamontada.com/f3-montada" title="طلبات التصميم">طلبات التصميم</a>
</div>

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



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


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

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


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


avatar
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي

سجل دخولك أو انشئ حساب لترك رد

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

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


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

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول