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

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

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

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

مُساهمة من طرف 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.forumotion.com

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

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

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

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

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

قمر الكوامل غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء

وعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم بــه

التعليقات المنشورة لا تعبر عن رأي قمرالـكوامـل ولا نتحمل

أي مسؤولية قانونية حيال ذلك

(ويتحمل كاتبها مسؤولية النشر)




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



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

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

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

http://egypt2055.cinebb.com

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

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


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