Div Simple
يمكن التسجيل عن طريق حسابك في المواقع التالية : Linkedin,Google,Microsoft




الرجاء تسجيل الدخول لتتمكن من الرد أو إضافة موضوع.


06-04-2024 22:14

معلومات الكاتب ▼
إنضم في : 24-03-2022
رقم العضوية : 1
المشاركات : 1391
الدولة : تونس
قوة السمعة : 100
بسم الله الرحمان الرحيم

في هذا الشرح سنتعرف على كيفية تخصيص ستايل للكلمات الدلالية للمواضيع كما هو مبين في الصورة التالية

نقوم أولا بإدراج الكود التالي في ملف ستايل المنتدى
CSS

.mytag {
background: #2E86C1;
border-radius: 3px 0 0 3px;
color: #FFfffF;
display: inline-block;
height: 20px;
line-height: 20px;
padding: 0 15px 0px 23px;
position: relative;
margin: 0;
text-decoration: none;
transition: color 0.2s;
border-radius: 7px;
}

.mytag::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: 7px;
}

.mytag::after {
background: #fff;
border-bottom: 10px solid transparent;
border-right: 10px solid #2E86C1;
border-top: 10px solid transparent;
content: '';
position: absolute;
left: 0;
top: 0;
}

بعد ذلك نقوم بالتعديل على قالب show_tags_topicنبحث عن الكود التالي 
CODE

{$tags['tag']}


ونستبدله بالكود التالي
Html
span class="mytag">{$tags['tag']}</span>


نلاحظ بعد ذلك التغيير

أرجو أن ينال الشرح إستحسانكم

إلى اللقاء في موضوع جديد

الرجاء تسجيل الدخول لتتمكن من الرد أو إضافة موضوع.




الكلمات الدلالية