| Fareed |
02-22-2016 08:25 PM |
تلوين الاكواد وإضافتها في أقتباس حسب صيغة الكود لمدونات بلوجر
السلام عليكم ورحمة الله وبركاته
في درسنا اليوم سوف نتعرف على طريقة تتلوين الاكواد وإضافتها في أقتباس وحسب صيغة الكود .
طريقة التركيب :
1- ادخل إلى مدونتك ، ثم اختر لوحة التحكم .
2-من لوحة التحكم اختر -> قالب -> تحرير قالب HTML .
3- الآن ابحث عن الوسم :]]></b:skin> بواسطة المفاتيح Ctrl+F
4- اضف الكود التالي فوقه
كود بلغة HTML:
/* Tema : LightSyntax Home Blogger*/
pre {
margin:15px 15px 15px 0;
padding:10px;clear:both;
background:#f2f2f2;
color:#666;
border:1px solid #ddd;
overflow:auto;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 12px !important;
}
code {
color:#126AAF;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 13px !important;
}
code .token.punctuation {
color:#83405A;
}
pre code .token.punctuation {
color:#800000;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
color:#008200;
}
code .namespace {
opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
color:#881280;
}
code .token.selector,
code .token.attr-name,
code .token.string {
color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
color:#994500;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
color:#994500;
}
code .token.operator {
color:#878A85;
}
code .token.atrule,
code .token.attr-value {
color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
color:#227BC0;
}
code .token.keyword {
color:#881280;
font-style:italic;
}
code .token.comment {
font-style:italic;
}
code .token.regex {
color:#B43D3D;
}
code .token.important {
font-weight:bold;
}
code .token.entity {
cursor:help;
}
ا اللون الغامق
5- الآن ابحث عن الوسم :</body> بواسطة المفاتيح Ctrl+F
6- اضف الكود التالي فوقه .
|
