مركز الإعتمادات العربى
مرحبا بك في مركز الإعتمادات العربي

تشرفنا زيارتك لنا وندعوك الى التسجيل وانضمام لنا والتمتع بخدماتنا المتميزة

مركز الإعتمادات العربى

إعتمادات أحلى منتدى , خدمات الإعتمادات و المعاملات المالية
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

  كود تأثير على الاعلان

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
AmEr-Dz
عضو سوبر
عضو سوبر



ذكر
عدد المساهمات : 6648
التقييم : 4
العمر : 21
احترام قوانين المنتدى :

مُساهمةموضوع: كود تأثير على الاعلان    الخميس 4 ديسمبر - 23:40

اقتباس :
بسم الله الرحمن الرحيم
والصلاة والسلام على افضل الخلق سيدنا محمد عليه افضل الصلاة والسلام
اما بعد





اليوم جب معي

كود حصري  تأثيرات  
CSS
عند اقتراب الفأرة نحوه



صورة للكود


تكبير الصورة معاينة الأبعاد الأصلية.



الشرح


نأتي الي اول طريقة


ندخل على لوحة التحكم / مظهر المنتدى / تشكيلات عامة


شرح بصور


تكبير الصورة معاينة الأبعاد الأصلية.



تكبير الصورة معاينة الأبعاد الأصلية.

ونضع الكود




الكود


الكود: ---------تضليل المحتوى
الرمز:
  <div class="infobulle">                           <!--             Illustration de l'infobulle             -->    <img src="http://i59.servimg.com/u/f59/19/05/30/99/1111110.png" alt="من طرف AmEr-Dz" />                 <!--             Contenu de l'infobulle             -->               <div>                               <div class="fleche">                     </div>                               <div class="bouh">                                   <h1>        هنا اعنوان الاعلان            </h1>                                   <hr />                            هذه طريقة ظهور الاعلان . (:                                                <p>                          بالطبع يمكنك وضع كل ما تريد في أي اعلان، مثل رابط وصلة تأخد  لمو ضوع الاعلان <a href="" title="اضغط هنا للمزيد">help.ahlamontada.com</a>                       </p>                               </div>                           </div></div>



نأتي للكود الآخر

يتم وضعه في css




ندخل على لوحة التحكم / مظهر المنتدى /الوان/ ورقة تصميم css






الكود


الكود: ---------تضليل المحتوى
الرمز:
======by AmEr-Dz ======.infobulle {      display: inline-block;    }     .infobulle > div {      position: absolute;      margin-top: -20px;      opacity: 0;      visibility: hidden;       -webkit-transform: scale(0.3) rotate(-45deg);      -moz-transform: scale(0.3) rotate(-45deg);      -o-transform: scale(0.3) rotate(-45deg);      transform: scale(0.3) rotate(-45deg);       -webkit-transition: all 0.3s linear;      -moz-transition: all 0.3s linear;      -o-transition: all 0.3s linear;      transition: all 0.3s linear;    }     .infobulle:hover > div {      opacity: 1;      visibility: visible;       -webkit-transform: scale(1) rotate(0deg);      -moz-transform: scale(1) rotate(0deg);      -o-transform: scale(1) rotate(0deg);      transform: scale(1) rotate(0deg);    }     .bouh {      width: 300px;      padding: 25px;      margin: auto;      background-color: #000000;      color: #ffffff;      text-align: center;       -webkit-box-shadow: 0 0 5px #212121;      -moz-box-shadow: 0 0 5px #212121;      -o-box-shadow: 0 0 5px #212121;      box-shadow: 0 0 5px #212121;       -webkit-border-radius: 5px;      -moz-border-radius: 5px;      -o-border-radius: 5px;      border-radius: 5px;    }     .bouh a {      padding: 5px;      margin: 5px 0 0 0;      display: inline-block;      background-color: #000000;      color: #666666;      text-decoration: none;       -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;      -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;      -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;      box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;       -webkit-border-radius: 5px;      -moz-border-radius: 5px;      -o-border-radius: 5px;      border-radius: 5px;    }     .bouh a:hover {      color: #ffffff;    }     .bouh h1 {      -webkit-text-shadow: 0 0 5px #ffffff;      -moz-text-shadow: 0 0 5px #ffffff;      -o-text-shadow: 0 0 5px #ffffff;      text-shadow: 0 0 5px #ffffff;    }     .bouh p {      text-align: justify;    }     .bouh hr {      -webkit-box-shadow: 0 0 3px #666666;      -moz-box-shadow: 0 0 3px #666666;      -o-box-shadow: 0 0 3px #666666;      box-shadow: 0 0 3px #666666;    }     .fleche {      width: 0;      margin-left: 70px;      border: 5px solid transparent;      border-bottom: 10px solid #000000;    } ======by AmEr-Dz ======


وبهذا انتهينا من شرح عمل سجل
بالتوفيق ليكم
 

تحياتي ليكم


AmEr-Dz


الرجوع الى أعلى الصفحة اذهب الى الأسفل
JAR7
عضو سوبر
عضو سوبر



انثى
عدد المساهمات : 13599
التقييم : 39
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود تأثير على الاعلان    الأحد 7 ديسمبر - 16:07

يعطيگ آلعآفيه على آلطرح آلقيم وآلرآئع
چزآگ آلله گل خير وچعله فى ميزآن حسنآتگ يوم آلقيامه
تسلم آلآيآدى وپآرگ آلله فيگ
دمت پحفظ آلرحمن

الرجوع الى أعلى الصفحة اذهب الى الأسفل
انور زياية
وكيل اعتمادات الجزائر
وكيل اعتمادات الجزائر



ذكر
عدد المساهمات : 14097
التقييم : 24
العمر : 54
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود تأثير على الاعلان    الإثنين 16 فبراير - 19:54

شكرا [على] الموضوع تستاهل تقييم و تشجيع [على]
المجهودات الرائعة

واصل عزيزي ,,,,#

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://educ47online.0wn0.com/
asmaa.fr
عضو سوبر
عضو سوبر



انثى
عدد المساهمات : 6181
التقييم : 5
العمر : 17
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود تأثير على الاعلان    الجمعة 27 مارس - 23:32

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://banatwebas2011.yoo7.com/
عمر المصري
عضو نشيط
عضو نشيط



ذكر
عدد المساهمات : 402
التقييم : 0
العمر : 23
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود تأثير على الاعلان    الإثنين 4 يناير - 20:55

بِآرَﻛَ آلَلَﮩ فْيْﻛَ

جَزَآﻛَ آلَلَﮩ آلَفْ خِيْرَ

طٌـــــــــبِــــــتْ

الرجوع الى أعلى الصفحة اذهب الى الأسفل
almaldin
المشرف العام
المشرف العام



ذكر
عدد المساهمات : 3037
التقييم : 1
العمر : 36
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود تأثير على الاعلان    الأربعاء 23 مارس - 6:24

يعطِيكْ العَآفيَةْ..

عَلَىْ روْعَةْ طرْحِكْ’..
بإآنْتظَآرْ الَمزيِدْ منْ إبدَآعِكْ ..
لكْ ودّيْ وَأكآليلَ ورْديْ ..


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://almsoft.sudanforums.net/
 
كود تأثير على الاعلان
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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