Hide this notice

مرحبا أنت تستخدم انترنت اكسبلورر ٦ و هو متصفح اصدر في العام 2001 الا يبدو لك ذلك قديما .

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

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

Post Pic

ثلاث أنماط مفيدة

لابد انك رأيت هذه الانواع من قبل و تسائلت كيف قام اصحابها بها الوصلات بدون الخط اسفلها .. و النص المتغيير عند مرور الفأرة عليه و النص المظلل الخلفية..

أولا: أزالة الخط من أسفل الوصلات ..

بكل بساطة ضع الكود التالي في منطقة الرأس في صفحتك أي بين , و


a{
text-decoration:none;
}

ثانيا : الوصلات المتغييرة عند مرور الفأرة عليها .

و هو من الشفرات المستخدمةبكثرةعلى الشبكة .. و فيما ما يلي مثال..



a:hover{
 color:red;
}

يمكنك تغيير اللون red إلى اللون الذي تريده ..او رقم اللون الذي تريده في النظام السادس عشر مثلا


a:hover{
 color:#c0c0c0;
}

كما يمكنك ان تضيف خاصية إضافة خط تحت الوصلة او ازالته غند مرور الفأرة عليه..

مثلا


a:hover{
color:#c0c0c0;
text-decoration:none;
}

أو ظهور الخط تحت الوصلة


a:hover{
color:#c0c0c0;
text-decoration:underline;

}

ثالثا: النص المظلل:

و هي خاصية تتيح إضافة لون خلف النص مياشرة .. ليبدو مظلل.. استعمل الكود التالي .. Dr.net غير اللون red إلى اللون الذي تريده.. و النص dr.net إلى النص الذي تريد .. و ضع الشفرة في المكان الذي تريد ظهور النص فيه في منطقة الجسم بين و


<span style="background-color:red">Dr.net</span>

بقلم : فاطمة العمادي

أم و زوجة .. مصممة حرة و مصورة .. عرف الناس كتاباتي التقنية من خلال شخصية خيالية هي الدكتور نت . اصمم المواقع منذ العام ١٩٩٩م .

أوسمة : , , ,

التعليقات مغلقة .