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

القلم الذهبي (https://www.hanaenet.com/vb/index.php)

- «۩۞۩-منتدى البرمجة وتطوير المواقع-۩۞۩» (https://www.hanaenet.com/vb/forumdisplay.php?f=69)

- - تغير شكل الكلمات الدليلية الى شكل جميل و جذاب (https://www.hanaenet.com/vb/showthread.php?t=31022)

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

الحركة عبارة عن كود
لاحظ الصور قبل و بعد الاضافة http://www.hanaenet.com/vb/imgcache/2/31119alsh3er.gif
قبل
http://www.hanaenet.com/vb/imgcache/2/31120alsh3er.gif
بعد
http://www.hanaenet.com/vb/imgcache/2/31121alsh3er.gif

":" طريقة التركيب ":"
ابحث في قالب 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>

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

كود PHP:

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

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

كود PHP:

.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; }

أنتهى http://www.hanaenet.com/vb/imgcache/2/31122alsh3er.gif

شكري موصول للأخ أبو محمد http://www.hanaenet.com/vb/imgcache/2/31123alsh3er.gif
ومعهد بسمة مصرية:200 (67):