أنت في : الرئيسية :: CSS :: موضوع: ثلاث أنماط مفيدة

الدكتور نت

السلام عليكم

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

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

بقلم: محمود مواضيع أخرى لنفس المحرر محمود

◄ حول الموضوع

وصف الموضوع

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

الأوسمة :
CSS| وصلات| تظليل| خط
في التصنيفات :CSS

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

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

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

<p>&lt;style type=&quot;text/css&quot;&gt;<br />&lt;--<br />a{<br />text-decoration:none;<br />}<br />--&gt;<br />&lt;/style&gt;</p>

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

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

<p>&lt;style type=&quot;text/css&quot;&gt;<br />&lt;--<br />a:hover{<br />&nbsp;&nbsp;&nbsp; color:red;<br />} <br />--&gt;<br />&lt;/style&gt;</p>

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

<p>&lt;style type=&quot;text/css&quot;&gt;<br />&lt;--<br />a:hover{<br />&nbsp;&nbsp;&nbsp; color:#c0c0c0;<br />} <br />--&gt;<br />&lt;/style&gt;</p>

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

مثلا

 <p>&lt;style type=&quot;text/css&quot;&gt;<br />&lt;--<br />a:hover{<br />&nbsp;&nbsp;&nbsp; color:#c0c0c0;</p><p>text-decoration:none; <br />} <br />--&gt;<br />&lt;/style&gt;</p>

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

  <p>&lt;style type=&quot;text/css&quot;&gt;<br />&lt;--<br />a:hover{<br />&nbsp;&nbsp;&nbsp; color:#c0c0c0;</p> <p>text-decoration:underline; <br />} <br />--&gt;<br />&lt;/style&gt;</p>

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

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

[xml]

[/code]