-css-كود فتح نافذة ترحيبية عند مرور الماوس على عنوان المنتدى من hamsa-haq

admin كتب:

Admin كتب:السلام وعليكم


 اخواني اخواتي اليوم اقدم لكم  كود حصري وجديد

 -css-كود فتح نافذة ترحيبية عند  مرور الماوس على عنوان المنتدى من hamsa-haq

 وعمل الكود هو عندما تضع الماوس على اسم المنتدى والذي وضعته تحت الواجهة


 تخرج لك نافذة ترحبيبية

 صورة عن الكود

https://i.servimg.com/u/f58/15/96/93/59/p11.jpg

  وهذه العملية تكون على قسمين

 القسم الاول

 ندخل الى لوحة الادارة

ادارة عامة


 منتدى

 تشكيل

اسم المنتدى

 ونضع هذا الكود في داخله ونضغط على سجل

الكود:

'<span class="word-highlight">هنا ضع اسم منتداك</span>'

ولا تنسى وضع اسم منتداك داخل الكود

https://i.servimg.com/u/f58/15/96/93/59/o10.png



 والان المرحلة الاخيرة وهي ايضا سهلة جدا

 نذهب الى لوحة الادارة

 مظهر المنتدى

  الصورة والالوان

 الالوان


ونضع الكود في ورقة تصاميم ال CSS


ولا ننسى ان نضغط على سجل

ملاحظة صغيرة يمكنك انت ايضا تغير الصورة الموجودة داخل ورقة
  ال CSS
ووضع اي صورة اخرى تناسبك

 فقط عليك تغير هذا الرابط من الكود اذا تريد

الكود:

http://i58.servimg.com/u/f58/15/96/93/59/fotor110.jpg

https://i.servimg.com/u/f58/15/96/93/59/z10.png

والان تفضلو الكود

الكود:



/*--hamsa-haq-بداية-كود ترحيب الادارة عند مرور الماوس على عنوان المنتدى---*/
.word-highlight{
position:relative;
background-color:#fc0;
}
.word-highlight:hover:after{
box-shadow:2.9px 2.5px 1.9px rgba(0,0,0, 0.5), 3px 3px 6px rgba(255,255,255, 0.5) inset;
background-color:#333;
border:3px solid #333;
display:inline-block;
border-radius:5px;
position:absolute;
bottom:-95px;
right:-259px;
padding:3px;
z-index:1;
content:url('http://i58.servimg.com/u/f58/15/96/93/59/fotor110.jpg');
}
/*--hamsa-haq-نهاية-كود ترحيب الادارة عند مرور الماوس على عنوان المنتدى---*/

 وفي النهاية لي طلب منكم


يسمح بنقل الموضوع مع ذكر المصدر

مع عدم حذف  اسمي وحقوقي من على الموضوع

والله رقيب على الجميع


 ادعو لي بالشفاء

اختكم بالله

hamsa-haq


:karlhff: