اهلا بكم احبائي اقدم لكم كود للاعلانات الادارية واهم المواضيع والخدمات بموقعك او منتداك كود HTML بتاثير حركي للاعلانات الادارية مع صورة  557207

صورة الكود :

كود HTML بتاثير حركي للاعلانات الادارية مع صورة  290260542


الكود :


الكود:

<div align="center">
                 <style>
/* ستايل للشريط الخلفي */
#myBar {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.2); /* ظل للشريط */
  padding: 10px;
}

/* ستايل للأيقونات */
.icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 0 10px;
  position: relative;
}

/* حركة العنوان عند مرور المؤشر */
.icon:hover .title {
  transform: translateY(-10px);
}


/* رابط العنوان */
.link {
  color: #333;
}
</style>             
   <div id="myBar">
                                   
      <div class="icon">
                           <img alt="Icon 1" src="الصورة" />                 
         <div class="title">
                          <a class="link" الرابط">العنوان</a>             
         </div>
                                      
      </div>
                                   
      <div class="icon">
                           <img alt="Icon 2" src="الصورة" />                 
         <div class="title">
                          <a class="link" href="الرابط">العنوان</a>             
         </div>
                                      
      </div>
                                   
      <div class="icon">
                           <img alt="Icon 3" src="الصورة" />                 
         <div class="title">
                          <a class="link" href="الرابط">العنوان</a>             
         </div>
                                            
      </div>
                         
      <div class="icon">
                           <img alt="Icon 4" src="الصورة" />                 
         <div class="title">
                          <a class="link" href=الرابط">العنوان</a>             
         </div>
                                    
      </div>
                       
      <div class="icon">
                           <img alt="Icon 5" src="الصورة" />                 
         <div class="title">
                          <a class="link" href="الرابط">العنوان </a>             
         </div>
                            
      </div>
                             
   </div>
                            
</div>




طريقة التركيب :

لوحة الادارة >> مظهر المنتدي >> الصفحة الرئيسية >>تشكيلات عامه


او اي مكان يقبل اكواد HTML

تحياتي لكم كود HTML بتاثير حركي للاعلانات الادارية مع صورة  235873