أهلا وسهلا بك إلى .
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

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

 :: تقنيات متقدمه :: اكواد html

شاطر

الإثنين أبريل 20, 2015 11:19 pm
المشاركة رقم:
مؤسس المنتدى
مؤسس المنتدى

avatar

إحصائية العضو

الجنس : ذكر
عدد المساهمات : 87
الدوله : اااتات
السٌّمعَة : 0
تاريخ التسجيل : 23/05/2012
العمر : 19
الوسام : الادارى المميز
http://modycode.yourme.net
مُساهمةموضوع: كود اعلان هام متحرك


كود اعلان هام متحرك


بسم الله الرحمن الرحيم 


دى صوره منه



1- ادخل التشكيلات العامه وضعه اول شى 


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


2- حط الكود التانى فى صفحة 
CSS



الكود:
 ======by msre ======
.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 msre ======

وشكرا اى استفسار 
تواصل عبر الفيس 





الموضوع الأصلي : كود اعلان هام متحرك // المصدر : منتديات أحلى حكاية // الكاتب: msre


توقيع : msre




[size=16]إذا كان هناك أي شيء غير واضح نرجو الرد للتوضيح
مع تحياتي
[/size]
[size=29]~[/size]m̶̶s̶̶r̶̶e̶̶ s̶̶a̶̶i̶̶e̶̶d̶̶~
                            






الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)



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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة