 |
السلام عليكم ورحمة الله و بركاته
لدى سؤال بسيط فى الـCSS
وهو كيفية تحديد لون الـhover , active , visited للروابط فى <a> معينة من خلال خاصية الـstyle
من دون كتابة اكواد الـcss بين وسوم الـhead
لان مقدمين خدمات البريد الإلكترونى مثل(yahoo,gmail,hotmail) لا يدعموا الـcss بين وسم الـhead
انتظر خبراء الـcss
بسيطة أخي الحبيب ..
افتح ملف في أي محرر واكتب الكود التالي:
في حال رغبت في عمل أكثر من ستايل للروابط استخدم الطريقة التالية:كود HTML:a:link { color: #000000; text-decoration: underline; } a:visited { color: #0000FF; text-decoration: underline; } a:hover { color: #FF0000; text-decoration: none; }
قم بتغيير كلمة WALIDOV لكل ستايل جديد للروابطكود HTML:.WALIDOV:link { color: #000000; text-decoration: underline; } .WALIDOV:visited { color: #0000FF; text-decoration: underline; } .WALIDOV:hover { color: #FF0000; text-decoration: none; }
احفظ الملف باسم style.css
ثم ضع الوسم التالي في صفحة الـHTML بين وسمي الـ<head> :
الروابط الافتراضية ستظهر بالستايل المحدد أولا ..كود HTML:<link href="style.css" rel="stylesheet" type="text/css" />
أما الروابط التي تريد أن تظهر بالاستايلات الأخرى قم بالتالي :
طبعا استبدل كلمة WALIDOV بالاستايل الذي قمت بعمله في ملف style.cssكود HTML:<a href="www.swalif.com" class="WALIDOV">Swalif !</a>
أتمنى أن أكون قد أفدتك ..
والسلام عليكم
تعديل بسيط على كود الأخ walidov
قبل وسم الرابط ضع a والأفضل تكون الكلاسات Small Words كلمات بالسمولكود:.WALIDOV a:link { color: #000000; text-decoration: underline; } .WALIDOV a:visited { color: #0000FF; text-decoration: underline; } .WALIDOV a:hover { color: #FF0000; text-decoration: none; }
طبعاً هذي تعديلات قياسية
تحياتي
محمد
__________________
” كذب من قال الدنيا هي نفسها الدنيا بعيني من بعدك ياأبو محمد “
﴿ كُلُّ نَفْسٍ ذَآئِقَةُ الْمَوْتِ ... ﴾ رحمة الله عليك
*عدم ردي على بعض الرسائل لايعني تجاهلي لها
شكراً لكم
لكن واضح انكم لم تقرأوا محتوى الموضوع جيداً
انا اطلب كود يعمل بين خاصية style يعنى
وليس اكواد css مكتوبة فى وسم الـhead اوكود:<a style="CODES" href="...............
كود:<link href="style.css" rel="stylesheet" type="text/css" />
على حسب معلوماتي المتواضعهالمشاركة الأصلية كتبت بواسطة محمد 902
تعديل بسيط على كود الأخ walidov
قبل وسم الرابط ضع a والأفضل تكون الكلاسات Small Words كلمات بالسمولكود:.WALIDOV a:link { color: #000000; text-decoration: underline; } .WALIDOV a:visited { color: #0000FF; text-decoration: underline; } .WALIDOV a:hover { color: #FF0000; text-decoration: none; }
طبعاً هذي تعديلات قياسية
تحياتي
محمد
نضعها عندما يكون الكلاس للelement المحتوي لل aكود:.WALIDOV a:visited
يمكن تقصدكود:<div class="WALIDOV"> <a ......></div>
وهذه تعني اذا جاء الكلاس لعنصر الa فقطكود:a.WALIDOV:visited
طبعا ممكن اخطي واصيب انتظر ردك
elMASry
كود الاخ WaliDov مضبوط ومافيه طريقة غيره الا عن طريق وسم الbody بالخصائص التالية
كود:# LINK=Color (link color for document) # VLINK=Color (visited link color for document) # ALINK=Color (active link color for document) <body link="#......" vlink="#...." alink="#.....">
لا أخي الحبيب محمد 902 .. لقد أخطأت خطأ فادح .. لقد أتلفت الكود تماما ..تعديل بسيط على كود الأخ walidov
قبل وسم الرابط ضع a والأفضل تكون الكلاسات Small Words كلمات بالسمول
طبعاً هذي تعديلات قياسية
تحياتي
محمد
لا تقم بوضع حرف a في حالة إضافة ستايلات أخرى للروابط ..
أما بالنسبة للحروف الصغيرة .. فكلامك سليم 100% .. ولكني وضعتها كابيتل لأسباب تعليمية حتى أقوم بعمل highlight إن صح الوصف
وفعلا يجب وضعها سمول حتى تعمل بشكل صحيح!
وشكرا على المداخلة
إيه هذا قصدي إذا كان قبل <a>
<Div> يحتوي على الكلاس ... ماأنتبهت لهالنقطة لأن الغالب أن المحتويات تكون داخل Div كامل وأنت تتحكم باللي داخله بنفس الطريقة اللي قلتها.
ماأتوقع تخطيء يـافلاشر
تحياتي
محمد
__________________
” كذب من قال الدنيا هي نفسها الدنيا بعيني من بعدك ياأبو محمد “
﴿ كُلُّ نَفْسٍ ذَآئِقَةُ الْمَوْتِ ... ﴾ رحمة الله عليك
*عدم ردي على بعض الرسائل لايعني تجاهلي لها
أخي الحبيب Flasher .. معلومات ليست متواضعة .. بل احترافية ماشاء الله عليك ..
جميل جميل الكلام ...
طبعاً الرد الوحيد اللي بتعلق بالموضوع هو رد الأخ Flasher لانه الظاهر الاخوان ما كانوا فاهمين المطلوب من الاول ...
جزى الله كل من ساهم في الموضوع خيراً ...
لكن لدي إضافة اذا لم تجد طريقة أعتقد أنه بإمكانك استخدام Javascript ..
إن شاء الله تكون الطرق المفيدة انحصرت في الموضوعكود:<a href="http://www.swalif.net/softs" style="color: #0072e6" onmouseover="this.style.color='#000000'" onmouseout="this.style.color='#0072e6'">Swalif Soft</a>
تحياتي،،
ضوابط المشاركة
رد مع اقتباس