منتدى الرياضة العربية البوابة

اخبار ، فيديوهات ، مباريات ، بث مباشر ، ترددات ، قسم خاص Bein SPORTS ، ترتيب الفرق ، ترتيب الهدافين ، قنوات MBC PRO SPORTS , اكواد html , اكواد java , اكواد Css , اكواد تومبيلات , كل ذلك في منتدانا
 
الرئيسيةالبوابةس .و .جبحـثالتسجيلدخول

شاطر | 
تابعنا على مواقع التواصل الاجتماعى

 

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

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

avatar

Admin

Admin
معلومات إضافية
الدولة : فلسطين
الساعة :
ذكر
القوس
عدد المساهمات : 5139
نقاطك : 1095428576
تاريخ الميلاد : 09/12/1994
تاريخ التسجيل : 02/05/2012
العمر : 23
الموقع : http://arabfoot.ahlamontada.com
المزاج : ممتاز
معلومات الاتصال
مُساهمةموضوع: كود تأثير على الاعلان   الإثنين يونيو 22, 2015 5:00 pm

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




اليوم جب معي 
كود حصري  تأثيرات  
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 ======



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

تحياتي ليكم


Admin

مواضيع المنتدى وحقوقها محفوظة ويمنع النقل دون ذكر المصدر ومن نقلها من غير نقل المصدر جزاء امانته عند ربةالموضوعالأصلي : كود تأثير على الاعلان المصدر : منتدى الرياضة العربية البوابة الكاتب:Admin
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود تأثير على الاعلان
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 

صفحة 1 من اصل 1


خدمات الموضوع
 KonuEtiketleri كلمات دليليه
كود تأثير على الاعلان , كود تأثير على الاعلان , كود تأثير على الاعلان ,كود تأثير على الاعلان ,كود تأثير على الاعلان , كود تأثير على الاعلان
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ كود تأثير على الاعلان ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى

ضوابط المشاركة في المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى


BB codeمتاحة للجميع
الابتسامات متاحةللأعضاء
كود[IMG]متاح للأعضاء
كود HTML متاحللأعضاء


منتدى الرياضة العربية البوابة :: الـتـقـنـيـات الـمـتـقـدمـة :: أكواد HTML-