هل تريد ان تضفي حلة جديدة لموقعك و تزينه باخر الاضافات ? هل مللت من شكل التنسيق العددي الخاص بموقعك و كذلك شكل الاقتباس و العناوين ? اذا ما عليك الا اتباع الشرح التالب من مدونة المجرة .
اولا و قبل تغير اي شئ على القالب يجب عليك اخذ نسخة احتياطية . ثم اتبع الخطوات القادمة .
تغيير شكل العناوين :
العناوين المقصود بها هنا Headings اي اوسام h1 و h2 الى h6 و التي تكون موجودة في تحرير الموضوع في العالى بالضبط القائمة المندسلة الكتوب عليها عادي و لتغيير شكلها من ابتدائي الى احترافي اتبع الخطوات التالية :
- توجه الى بلوغر .
- ثم قالب .
- ثم تحرير HTML .
ثم ابحث عن الوسم ]]></b:skin> ثم ضع الكود التالي فوقه او ضعه بين <style></style> فوق </head>
.post h3 {
background-color: #eee;
border-bottom: 4px solid #FC5400;
display: block;
font-weight: normal;
line-height: 38px;
margin: 20px 0;
min-height: 40px;
padding: 0 10px;
}
.post h4::before {
color: #4fba6e;
content: "\f058";
float: right;
font: 22px fontawesome;
margin-left: 5px;
}
.post h4 {
color: #333;
text-align: right !important;
margin:20px 0;
}
لاضافة الكود عليك تحديد الجملة التي تريد منها عنوان ثم اختر هل تريدها كعنوان فرعي او ثانوي .
تغيير شكل التنسيق العددي :
ربما التنيسق العددي لا يحتاج لتعريف لانه هو ترتيب الجل حسب الترتيب العددي اي من 1 الى اخر عدد تريده . لاضافة الكود عليك بالطريقة التالية :
- توجه الى بلوغر .
- ثم قالب .
- ثم تحرير HTML .
ثم ابحث عن الوسم ]]></b:skin> ثم ضع الكود التالي فوقه او ضعه بين <style></style> فوق </head>
.post ol{
counter-reset:li;
list-style: none;
*list-style: decimal;
margin-right:0;
padding-right:0
}
.post ol li:before {
background-color:#446FAA;
color: #fff;
content: counter(li, decimal);
counter-increment: li;
font: bold 14px serif;
margin: 0 0 10px;
padding: 5px 3px !important;
position: absolute;
right: -9px;
text-align: right;
text-indent: 6px;
top: -5px;
width: 20px;
}
.post ol li:after {
border-color: transparent #446FAA transparent transparent;
border-style: solid;
border-width: 5px 5px 0 0;
content: "";
height: 0;
position: absolute;
right: 17px;
top: -5px;
width: 0;
}
.post ol li{
position:relative;
margin:0 15px 20px 0 !important;
padding:4px 10px 4px 5px !important;
list-style:none;
*list-style: decimal;
border-bottom:1px solid #e2e3e2;
background-color:#f2f2f2;
text-indent:14px;
}
شكل الاقتباس :
 |
الاقتباس هو لتفريق الموضوع عن الاكواد و هو من الاشياء التي يقيم عليها الزائر الموضوع . اذن لتغيير نفس الشئ اتبع الخطوات التالية : |
- توجه الى بلوغر .
- ثم قالب .
- ثم تحرير HTML .
ثم ابحث عن الوسم ]]></b:skin> ثم ضع الكود التالي فوقه او ضعه بين <style></style> فوق </head>
/*اقتباس*/blockquote::before,blockquotc::before,blockquoth::before,blockquotb::before,blockquotw::before {color: #fff;font: bold 26px/34px serif;height: 34px;margin: 0 0 0 -10px;position: absolute;top: 0;width: 100%;}blockquotc::after,blockquoth::after,blockquotb::after,blockquotw::after {color: #fff;font: bold 14px/34px "droid arabic kufi",georgia;position: absolute;right: 5px;text-align: right;top: 0;width: 100%;}blockquote,blockquotc,blockquoth,blockquotb,blockquotw {background-color: #333;color: #fff;direction: ltr !important;display: block;font: 14px/1.8em georgia;margin: 20px auto 5px;max-height: 300px;overflow: auto;padding: 40px 10px 10px;position: relative;text-align: left !important;width: 94%;}blockquote {background-color: #eee !important;color: #444444 !important;}blockquote::before {background-color: #446FAA; content: "\00a0 Code";}blockquotc::before {background-color: #FC5400; content: "\00a0 CSS";}blockquotc::after {content:"]]\003e\003c/b:skin\003e يضاف فوق";}blockquoth::before {background-color: #0065FD; content: "\00a0 JS";}blockquoth::after {content:"\003c/head\003e يضاف فوق";}blockquotb::before {background-color: #4FBA6E; content: "\00a0 JS";}blockquotb::after {content:"\003c/body\003e يضاف فوق";}blockquotw::before {background-color: #F00004; content: "\00a0 HTML/JavaScript";}blockquotw::after {content:"يوضع في آداة";}
الى هنا يكون موضوعنا قد انتهى الى موضوع اخر ان شاء الله .
المصدر مدونة المجرة للمعلوميات
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).