راسلنا من خلال النمودج التالي :

الاسم

بريد إلكتروني *

رسالة *

إعلان

آخر الأخبار

إعلان

مجموعة من الأضافات الرائعة لتغير شكل العناوين و تغير شكل الترقيم و التنقيط


مجموعة من الأضافات الرائعة لتغير شكل العناوين و تغير شكل الترقيم و التنقيط




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


معاينة للاضافات




طريقة تركيب الأضافات


قم بالبحث عن الوسم التالي ]]></b:skin>



ثم قم بأضافة جميع الأكواد فوقه مباشرة


كود تغير شكل العناوين الفرعية و الثانوية




h3 {
padding:5px 18px;
border:2px dashed #0089ff;
border-bottom:5px solid #0089ff;
color:#047ce4;
margin: 0px 20px 3px 61px !important;
height: 42px;
font-size:15px;
border-radius: 10px;
}

h4 {
padding:5px 18px;
border:2px dashed #cb2027;
border-bottom:5px solid #cb2027;
color:#cb2027;
margin: 0px 20px 3px 61px !important;
height: 42px;
border-radius: 10px;
font-size:15px
}


كود تغير شكل التنقيط


.post-body ul li:before {
  color: #E74C3C;
  content: "\f14a";
  font-family: fontawesome;
    margin: 8px 51px 6px 14px;
  font-size: 20px;
}



كود تغير شكل الترقيم بتأثير متحرك



.post ol {
counter-reset: li;
list-style: none;
margin-top: 6px;
text-align: right;
}
.post ol li {
position: relative;
margin: 5px 0px !important;
padding: 5px 25px !important;
background: #eee;
border: 1px solid #ccc;
text-indent: 18px;
color: #d62424;
margin: 0px 41px 3px 61px !important;
}
.post ol li:hover {
transition: .6s;
transition: all 0.5s ease-out 0s;
position: relative;
margin: 5px 0px !important;
padding: 5px 50px !important;
border: 1px solid #dd2f2f;
margin: 0px 41px 3px 61px !important;
}
.post ol li:before {
content: counter(li);
counter-increment: li;
position: absolute;
right: 1px;
width: 29px;
padding: 3px;
color: #fff;
background: #dd2f2f;
text-indent: 10px;
border-radius: 3px;
height: 28px;
margin-top: -4px;
}
blockquote {
overflow: scroll;
max-height: 300px;
background: #3c5588;
position: relative;
padding: 55px 20px 20px 20px;
color: #fff;
margin: 10px 0;
border-radius: 3px;
font-size: 13px;
direction: ltr;
}



و شكرا



hala teck
الكاتب : MAHER

مدون عربي صاحب مدونة هلا تك يهتم بكل جديد بعالم التقنية و المعلومات

شارك الموضوع
تعليقات
إعلان