الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالتسجيلدخول
<div style="background-color: #d90b0b;"><a href="http://www.rsspump.com/?web_widget/rss_ticker/news_widget" title="News Widget">News Widget</a></div>

شاطر | 
 

  اكواد css أكثر من رائعة تخص الروابط من صنعي

اذهب الى الأسفل 
كاتب الموضوعرسالة
amr sarhan
- المدير العام للمنتدى -
- المدير العام للمنتدى -
avatar

الْمَشِارَكِات الْمَشِارَكِات : 2623
بلدى بلدى : مصر
الجنس : ذكر
مزاجى :
الْنِّقَاط الْنِّقَاط : 19185678
فريقى: : الاهلى
الأوسمه :











مجموع الاوسمه:6

مُساهمةموضوع: اكواد css أكثر من رائعة تخص الروابط من صنعي    الجمعة 25 مارس 2011, 7:28 am

السلام عليكم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ازيكم يا احلي اعضاء
انا عملت اكواد css دمار شامل بخصوص الروابط
الاكواد بسطية لكن ارجوا ان تفيدكم

الاكواد تعمل علي جميع النسخ

-----------
ـــــــــــــــــــــــ 1 ـــــــــــــــــــــــ
كود وضع صورة كخلفية لجميع الروابط بالمنتدي
اي رابط بالمنتدي ستكون خلفيته صورة سواء كان اسم عضو او عنوان موضوع او اي رابط
الكود


الكود: ---------تضليل المحتوى
a:link
{
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}

a:visited
{
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}

a:active
{
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}

a:hover
{
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}
يمكنك استبدال

الكود: ---------تضليل المحتوى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]بالصورة اللتي تريدها
-----------
ـــــــــــــــــــــــ 2 ـــــــــــــــــــــــ

كود شبيه بالاول لكنه يضع اطار لهذه الخلفية لتكون بشكل أفضل
الكود


الكود: ---------تضليل المحتوى
a:link
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}

a:visited
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}

a:active
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}

a:hover
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}
يمكنك استبدال

الكود: ---------تضليل المحتوى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]بالصورة اللتي تريدها
ويمكنك استبدال


الكود: ---------تضليل المحتوى
#ffffffبكود اللون اللذي تريده ليكون لون الاطار
-----------
ـــــــــــــــــــــــ 3 ـــــــــــــــــــــــ

كود لوضع اطار حول جميع الروابط لكن بدون صورة خلفية للروابط
الكود


الكود: ---------تضليل المحتوى
a:link
{
border:1px dashed #ffffff;

}

a:visited
{
border:1px dashed #ffffff;

}

a:active
{
border:1px dashed #ffffff;

}

a:hover
{
border:1px dashed #ffffff;

}
يمكنك استبدال

الكود: ---------تضليل المحتوى
#ffffffبكود اللون اللذي تريده ليكون لون الاطار
-----------
ـــــــــــــــــــــــ 4 ـــــــــــــــــــــــ
برأيي هذا أفضل كود
لوضع صورة كخلفية للرابط عند مرور الفأرة علي الرابط
الكود


الكود: ---------تضليل المحتوى
a:hover
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}


يمكنك استبدال

الكود: ---------تضليل المحتوى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]بالصورة اللتي تريدها
ويمكنك استبدال


الكود: ---------تضليل المحتوى
#ffffffبكود اللون اللذي تريده ليكون لون الاطار
-----------
طريقة وضع الأكواد :

<BLOCKQUOTE>لوحة الادارة >> مظهر المنتدي >> الوان >> ورقة تصميم css
</BLOCKQUOTE>
-----------
ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل
-----------
في النهاية ارجوا ان تسعدوا بهذه الأكواد
ملحوظة : جميع الاكواد من صنعي (
s@kr ) وارجوا اذا اراد احد نقلها يربط موضوعه برابط هذا الموضوع
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
منتدى عشاق البرو [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://alpro.alafdal.net
 
اكواد css أكثر من رائعة تخص الروابط من صنعي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى عشاق البرو :: المنتديات العامه ::  أقسام تطوير منتديات أحلى منتدى :: اكوادcss-html-
انتقل الى: