منتديات هبوب الجنوب - تغير شكل الكلمات الدليلية الى شكل جميل

منتديات هبوب الجنوب (http://www.h-aljnoop.com/vb/index.php)

- ۩۞۩ هبوب شرح خصائص المنتدى ۩۞۩ (http://www.h-aljnoop.com/vb/forumdisplay.php?f=926)

- - تغير شكل الكلمات الدليلية الى شكل جميل (http://www.h-aljnoop.com/vb/showthread.php?t=48680)

تغير شكل الكلمات الدليلية الى شكل جميل

لاحظ الصور قبل و بعد الاضافة
قبل
https://www.klk-gla.com/vb/attachmen...1&d=1672042579
بعد
https://www.klk-gla.com/vb/attachmen...1&d=1672042593

":" طريقة التركيب ":"
ابحث في قالب SHOWTHREAD عن :

كود PHP:

<td class="alt1 smallfont" id="tag_list_cell">$tag_list</td>

استبدله بـ :

كود PHP:

<td style="background: #FFFFFF; color:#FFF;" id="tag_list_cell">$tag_list</td><td style="background: #FFFFFF; color:#FFF;" id="tag_list_cell">$tag_list</td>

ثم اذهب الى قالب tagbit
واستبدل كامله بالكود التالي :

كود PHP:

<a class="tag" href="tags.php?$session[sessionurl]tag=$tag_url">$tag</a>

بالأخير اضف في خصائص CSS الستايل الكود التالي :

كود PHP:

/* tag www.egybasma.com */ .tag { background: #2c60a5; border-radius: 3px 0 0 3px; color: #FFF; display: inline-block; height: 26px; line-height: 26px; padding: 0 5px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; transition: color 0.2s; border-radius: 7px; } .tag::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; } .tag::after { background: #fff; border-bottom: 13px solid transparent; border-right: 10px solid #2c60a5; border-top: 13px solid transparent; content: ''; position: absolute; left: 0; top: 0; } .tag:hover { background-color: #acd5f1; color: #000; transition: color 1.5s; } .tag:hover::after { border-left-color: crimson; border-right: 10px solid #acd5f1; transition: color 0.2s; } #tags a { text-decoration: none; color: #FF0000; }