أرشيف انكور
(نسخة قابلة للطباعة من الموضوع)
https://archive.iinkor.com/t58
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

صناديق عرض صور مع اضافة هوفر
Admin 19-01-2020 10:03 مساءً
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتهاقدم لكم صناديق لعرض الصور والاعلانات و يمكن ايضا استخدامها كلوحة شرف للمنتدى
مع اضافة هوفر على الصور لتجعلها تظهر بشكل جميل4254219950
p_1429l6yd91
لمشاهدة الروابط يلزمك التسجيل

3434259910 ورقة css
وقم بوضع الكود التالي
CODE
  
 .hads { height:135px; width:1000px; margin-top:30px; padding-right:6px; }
.hads .bann { float:right; width:185px; height:130px; margin-left:15px; }
.hads .conimg { background:#fafafa; width:185px; height:108px; border:1px solid #cecccc; }
.hads .conimg .bannimg { width:169px; height:92px; margin:8px; }
.hads .conimg .bannimg a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.hads .conimg .bannimg a img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.hads .bann .infoimg { background:#f1f1f1; width:185px; border:1px solid #cecccc; height:18px; font:normal 9px tahoma; text-align:center; line-height:18px; color:#6f6f6f; }

ومن ثم توجه نحو تشكيلات عامة او اي مكان اخر تريد ظهور الصندوق فيه وضع الكود التالي
مع تعديل ما يلزم
CODE
  
<div class="hads">
                
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     
 <!--     bann     -->             
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     
 <!--     bann     -->             
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     
 <!--     bann     -->             
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     
 <!--     bann     -->             
 <div class="bann">
                   
 <div class="conimg">
     
 <div class="bannimg">
   <a href="#">  <img src="https://i.servimg.com/u/f62/19/23/13/06/42610.png" alt="banner" title="banner" style="width: 169px; height: 92px;" /></a>   
 </div>
     
 </div>
     
 <!--     conimg     -->                
 <div class="infoimg">
   قريبا   
 </div>
     
 <!--     infoimg     -->             
 </div>
     




ان شاء الله يكون عجبكم
بالتوفيق للجميع

جميع الحقوق محفوظة لشركة انكور التطويرية
يمنع النقل دون ذكر المصدر
لمشاهدة الروابط يلزمك التسجيل
والسلام ختام
أرشيف انكور

Copyright © 2009-2025 PBBoard® Solutions. All Rights Reserved