ثاثيرات على الاكواد

اليوم باذن الله سنتحدث عن طريقة جديدة و حصرية لتخصيص الاكواد الخاصة بك فكل من لديه مدونة تتحدث عن الاضافات او اكواد مختلفة او حتى نصوص و يريد اثارة انتباه الزائر لها يبحث عن طريقة تساهم في اجذابك لها و هذا ما سنقوم باضافته اليوم هو كود يعطي تاثيرات مختلفة للنص المراد

و هذا مثال مباشر للاضافة مرر عليها الماوس لتتوضح الاضافة الاضافة

منطقة تجريبية للاضافة المقصودة مرر الماوس هنا

اذا اعجبتك اذهب الى تحرير الـHTML و ابحث عن الكود التالي:

]]></b:skin>

ثم اضف الكود التالي قبله:

.gib { font-size: 15px;font-family: Courier;font-weight: normal;font-style:italic; background-color: #000000; color: #ffffff; width: 90%; margin: 5px 10px; padding: 20px 20px 20px 20px; border: 2px dotted lightgrey; transition: background-color .777s; -webkit-transition: background-color .777s; -moz-transition: background-color .777s; -o-transition: background-color .777s; -ms-transition: background-color .777s; } .gib:hover { background-color: #0c991a ; color: #fff; box-shadow: -1px -1px 12px 2px gainsboro; border-radius: 10px; } .gib:active { background-color: CornflowerBlue ; color: #000; }

 و احفظ القالب اذا اردت تطبيق الكود ما عليك سوى تحرير الـHTML في التدوينة المرادة و اضف الكود التالي:

<div class="gib"> النص المراد تطبيق الثاثير عليه</div>