السلام عليكم ورحمة الله وبركاته
![]() |
تغيير شكل التسميات الى شكل احترافي مثل مدونة اسمعنى اون لاين |
أهلا وسهلاً بكم من جديد على مدونة اسمعنى اون لاين سوف نتعلم معاً كيفية تغيير شكل التسميات على المدونة الخاص بك كل ما عليه فعله هو اتباع الخطوات وهي طريقة سهلة في متناول الجميع حتي المبتدأ .
قم بنسخ هذا الكود واتباع الخطوت التالية في طريقة تركيبه
/* CSS label */.label-size {display: inline-block;}.label-size {position:relative;text-transform:none;text-decoration:none;font-size:13px;font-family:cursive;color:#fff!important;}.label-size a {width: 130px; color: #233442; padding: 5px 5px; background: #F8F8F8; display: block; text-align: center; margin: 5px; border-bottom-color: #E6E6E6; border-bottom-style: dashed; border-bottom-width: 1px;}.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5,.label-size-6{font-size:100%;}.label-size a:before {content: "\f02c";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none;color: #fff;transition: .3s linear;float: right;background: #29567D; padding: 3px;}.label-size a:after { content: ''; position: absolute; top: 10px; right: 28px; border: 10px solid transparent; border-right-color: #29567D; }.label-size a:before:hover{color:#254E71}.label-size:hover{opacity:1;visibility:visible;}.label-size a:hover{color:#F74047;}ثم بعد ذلك نتجه إلى القالب ثم تحرير القالب والبحث عن هذا الكود ]]></b:skin>
ووضع الكود فوقها ثم نضغط علي حفظ النموذج
وقم بعمل اعادة تحديث لمدونتك سوف تلاحظ اختلاف شكل التسميات على مدونتك