Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] Stylish Code Box Like This type



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  balu

avatar
Newbie
Newbie

  • Description:

@Coolyou
Bro Can You Share One CodeBox Like This Forum Or Like This Screenshot




  • Information:




Forum:http://kbzteam.forums1.netVersion:PUNBB
Type:Request a codeTags:Stylish

Powered by PunBB
Currently 0 users have thanked balu for this post:

2
Offline

  Shadow

avatar
Administrator
Administrator
You can do it by adding the following javascript:[tip]Modules > JavaScript codes management.[/tip]

Title : Code syntax highlighter
Placement : In the topics
Code:
[panda=js]        $(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)})}})});

Next step is CSS [tip]Display > Colors > CSS styleshee[/tip]

Code:
[panda=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;
        }

Result would be:


This tutorial was written by the staff of the French Support Forum



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
OfflineOnline

  Van-Helsing

avatar
★Moderator★
★Moderator★
Hello @Balu,
Is this problem solved?

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

4
Offline

  Shadow

avatar
Administrator
Administrator
[aviso="Thread Archived"]Original poster seems to be inactive and did not respond within 7 days in this thread. Because of this, the topic has been Archived.

If you have further questions, please open a new topic.[/aviso]



Forum Administrator, Coolyou,
Due to the volume of PMs I receive, I do not provide support via PM.
We have community forums for most support requests. If it's truly confidential, please do PM me.

Useful links:
-> Before asking question,  please use a Search option.
-> If you want to check our staff members click here.
->  Forum rules, this is a MUST READ thread.
->  FAQ (Frenquently asked questions)

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

5
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum