قمرالكواملتابعنا علي :

[كود] جعل الاكواد بشكل رائع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

[كود] جعل الاكواد بشكل رائع

مُساهمة من طرف omarpop23 في الأحد أبريل 17, 2016 5:23 am

تلوين الاكواد

هذه التقنية تمكنك من تلوين محتوى الكود صورة توضح مثال علي ذلك

1- كود الجافا سكربت Javascript






بداية عليك انشاء كود جافا جديد من خلال لوحة الادارة - عناصر اضافية - إدارة أكواد Javascript
العنوان: تميز الاكواد
المكان: المواضيع
الكود:

$(function(){
var a=$("dl.codebox dd").find("code, div.cont_code");
0!=a.length&&$.ajax(
{url:"http://yandex.st/highlightjs/8.0/highlight.min.js",
cache:!0,dataType:"script",success:
function(){
hljs.configure(
{useBR:!0});
a.each(function(a,b){hljs.highlightBlock(b)})}})});
اضغط علي زر التسجيل بعد الانتهاء

2- الأكواد الانسيابية CSS






اخيرا يجب عليك اضافة هذا الكود في ورقة الاكواد الانسيابية CSS من خلال
لوحة الادارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم css ثم الصق الكود التالي
الكود:
.hljs {
  display: inline-block;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
}
 
.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
  color: #998;
  font-style: italic;
}
 
.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold;
}
 
.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #099;
}
 
.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula {
  color: #d14;
}
 
.hljs-title,
.hljs-id,
.coffeescript .hljs-params,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold;
}
 
.javascript .hljs-title,
.lisp .hljs-title,
.clojure .hljs-title,
.hljs-subst {
  font-weight: normal;
}
 
.hljs-class .hljs-title,
.haskell .hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold;
}
 
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal;
}
 
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
  color: #008080;
}
 
.hljs-regexp {
  color: #009926;
}
 
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073;
}
 
.hljs-built_in,
.lisp .hljs-title,
.clojure .hljs-built_in {
  color: #0086b3;
}
 
.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold;
}
 
.hljs-deletion {
  background: #fdd;
}
 
.hljs-addition {
  background: #dfd;
}
 
.diff .hljs-change {
  background: #0086b3;
}
 
.hljs-chunk {
  color: #aaa;
}
اضغط قدم عند الانتهاء , الان انتهينا ! 
avatar
omarpop23
المديرون
المديرون

الجنس : ذكر
عدد المساهمات : 10
الابراج : القوس

http://cocss.arab.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: [كود] جعل الاكواد بشكل رائع

مُساهمة من طرف على في الإثنين أبريل 18, 2016 11:09 am

الله يعطيكـِ العافيه يارب

لك خالص احترامي




شكراً لتسجيل دخولك في منتدى قمرالكوامل يا زائر فأهلا بك من جديد
مع تحيات اداره المنتدى



آخر زيارة لك كانت في

avatar
على
الأدارة
الأدارة

الجنس : ذكر
عدد المساهمات : 188
الابراج : الجدي

http://egypt2055.cinebb.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى