تواصل معي عبر facebook تواصل معي عبر twitter تواصل معي عبر youtube تواصل معي عبر google

مصر , الله , التركي , الكلمات , حركة , رائع , tags , هلا , كلمات , كامل

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

الحركة عبارة عن كود
لاحظ الصور قبل و بعد الاضافة
قبل

بعد


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

HTML & CSS

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

  

استبدله بـ :

HTML & CSS

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

  

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

HTML & CSS

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

  

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

HTML & CSS

 /* 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; } 

  

أنتهى

شكري موصول للأخ أبو محمد
ومعهد بسمة مصرية

ابوفهد معجب بهذا

المصدر: القلم الذهبي - من قسم: منتدى البرمجة وتطوير المواقع

---

jydv a;g hg;glhj hg]gdgdm hgn [ldg , [`hf lwv hggi hgjv;d pv;m vhzu tags igh ;glhj ;hlg

   

مشكوووووور والله يعطيك الف عافيه

   

تواصل معي عبر facebook تواصل معي عبر twitter تواصل معي عبر youtube تواصل معي عبر google

الشكر لكم أخي الحواط على تواجدكم

   

شكرا للجهد الطيب والرائع
مع تقديري

رشيد برادة معجب بهذا

   

تواصل معي عبر facebook تواصل معي عبر twitter تواصل معي عبر youtube تواصل معي عبر google

اقتباس: المشاركة الأصلية كتبت بواسطة اسامه العراقي شكرا للجهد الطيب والرائع مع تقديري

أهلا بك أخي أسامة وين غيبتك

   

شكرا للجهد الطيب والرائع
مع تقديري

رشيد برادة معجب بهذا

   

تواصل معي عبر facebook تواصل معي عبر twitter تواصل معي عبر youtube تواصل معي عبر google

أهلا بكم أخي أبوفهد نورتم