اهلا بكم احبائي اقدم لكم كود للاعلانات الادارية واهم المواضيع والخدمات بموقعك او منتداك 
صورة الكود :
الكود :
طريقة التركيب :
لوحة الادارة >> مظهر المنتدي >> الصفحة الرئيسية >>تشكيلات عامه
او اي مكان يقبل اكواد HTML
تحياتي لكم
صورة الكود :
الكود :
الكود:
<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
تحياتي لكم
