شبكة تبارك t-bark

شبكة تبارك t-bark
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  

شاطر | 
 

 كود CSS لفتح نافذة ترحيب عند مرور الماوس علي عنوان المنتدى

اذهب الى الأسفل 
كاتب الموضوعرسالة
ibda3today
Admin
avatar

عدد المساهمات : 189
تاريخ التسجيل : 27/04/2015

مُساهمةموضوع: كود CSS لفتح نافذة ترحيب عند مرور الماوس علي عنوان المنتدى   الخميس مايو 07, 2015 9:49 pm


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

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

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


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

 صورة عن الكود


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

 القسم الاول 

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

ادارة عامة


 منتدى 

 تشكيل

اسم المنتدى

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

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



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



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

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

 مظهر المنتدى


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

 الالوان


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

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

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



ووضع اي صورة اخرى تناسبك

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




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



الكود:
/*--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-نهاية-كود ترحيب الادارة عند مرور الماوس على عنوان المنتدى---*/



يسمح بنقل الموضوع مع ذكر المصدر 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://t-bark.0wn0.com
 
كود CSS لفتح نافذة ترحيب عند مرور الماوس علي عنوان المنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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