ممكن طريقة شرح تركيب اكواد نصية

wissam

عضو مشارك
عضو انكور
السلام عليكم و رحمة الله و بركاته
ممكن طريقة شرح تركيب اكواد نصية اسفل المنتدى لاحلى منتدى و شكرا
 
سهلة اختي
توجهي نحو لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة
وادخلي قالب overal_footer_begin وضعي كود الروابط النصية في بدايته
تركيب كود بالفوتر

وهذا كود روابط نصية
HTML:
<style>
.link-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
  padding: 20px;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.link-grid a {
  display: block;
  padding: 12px 10px;
  background-color: #ffffff;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  border-radius: 6px;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.link-grid a:hover {
  background-color: #3498db;
  color: #fff;
  transform: translateY(-2px);
}

</style>

<div class="link-grid">
  <a href="#">الرابط 1</a>
  <a href="#">الرابط 2</a>
  <a href="#">الرابط 3</a>
  <a href="#">الرابط 4</a>
  <a href="#">الرابط 5</a>
  <a href="#">الرابط 6</a>
</div>
 

صاحب النقاش

wissam
wissamعضو مشارك

معرفة تكبر بالنقاش

وجدت معلومة مفيدة؟ أضف تجربتك أو سؤالك ليساعد النقاش أعضاء آخرين.

تابع رحلة التعلم

مقالات وشروحات من شركة انكور التطويرية.

استكشف المزيد
عودة
أعلى