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

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

شاطر
 

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

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

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

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


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

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

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


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

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

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

 القسم الاول 

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

ادارة عامة


 منتدى 

 تشكيل

اسم المنتدى

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

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



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

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

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

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

 مظهر المنتدى


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

 الالوان


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

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

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



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

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


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

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



الكود:
/*--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-
انتقل الى: