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

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

بعد



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


الموضوع الأصلي: تغير شكل الكلمات الدليلية الى شكل جميل || الكاتب: الوافي || المصدر: منتديات هبوب الجنوب

www.h-aljnoop.com

كلمات البحث

برامج | سيارات | هاكات | استايلات | أكواد | الوان مجموعات | برمجه | منتديات عامه | العاب