Tutorial - Multi Colors [Cod Colorat]

Scris de BeHappy Sam Iun 18, 2011 6:23 am

Tutorial - Cod - Multi Colors (Cod Colorat)

Pentru a face un astfel de cod colorat urmariti urmatorii pasi, Atentie: Acest tutorial functioneaza pe orice versiune:

Previzualizare:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

1. P.A. => Afisare => Imagini si culori => Culori => Foaie de stil CSS.
Aici veti adauga un cod:

Cod:: .str { color: #080; } .kwd { color: #008; } .com { color: #800; } .typ { color: #606; } .lit { color: #066; } .pun { color: #660; } .pln { color: #000; } .tag { color: #008; } .atn { color: #606; } .atv { color: #080; } .dec { color: #606; } pre.prettyprint { padding: 2px; } ol.linenums { margin-top: 0; margin-bottom: 0 } li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: none } li.L1, li.L3, li.L5, li.L7, li.L9 { background: #eee } @media print { .str { color: #060; } .kwd { color: #006; font-weight: bold; } .com { color: #600; font-style: italic; } .typ { color: #404; font-weight: bold; } .lit { color: #044; } .pun { color: #440; } .pln { color: #000; } .tag { color: #006; font-weight: bold; } .atn { color: #404; } .atv { color: #060; } }

2. P.A. => Module => HTML => Administrare pagini HTML => Creaza o pagina HTML.
Titlu: code (nu obligatoriu)
Doriti sa utilizati partea de sus si de jos a paginii forumului dvs: Nu
Utilizati aceasta pagina ca pagina de start: Nu
Cod HTML: abc (sau ceva de acest gen)
Click pe Valideaza.

3. Ne reintoarcem la administrarea paginilor HTML si dam click pe butonul editeaza la pagina pe care am creat-o.
Inlocuim continutul abc cu codul de [Trebuie sa fiti inscris si conectat pentru a vedea acest link].

4. Si iarasi ne ducem la administrare pagini HTML si gasim id-ul la pagina. "ID Pagina".

5. Ne ducem la P.A. => General => Forum => Configurare => Descrierea forumului:

Cod:: <script src=/-h1.htm></script>

Inlocuim cifra 1 cu id-ul paginii si salvam.

Este bine de stiut ca:
- Este functionabil doar pentru: c, html, java, javascript, makefile, perl, python, ruby, shell & xml.
- Daca doriti sa fie funtionabil pentru css sau pentru sql adaugati inainte:
Pentru CSS:

Cod:: <style> si la sfarsit </style>

Pentru SQL:

Cod:: <sql> si la sfarsit </sql>

Exemplu:

Cod:: [code]<style> .str { color: #080; } .kwd { color: #008; } .com { color: #800; } </style>[/code] [code]$(document).ready(function(){ $('*').each(function(){ $(this).removeClass(); }); });[/code] [code]<sql> SELECT * FROM Products WHERE cost BETWEEN 1000 AND 4000; </sql>[/code]

Sper ca o sa folositi aceasta metoda!
Tutorial by BeHappy. Toate drepturile sunt rezervate!

UPDATE: Cod Colorat Anti Bug...

Adaugati urmatorul cod in foaia de stil CSS:

Cod:: .code{ width: 500px; max-width: 500px; }

O seara buna si va urez un "anti-bug" placut.. Razz

***Daca intampinati probleme sau dificultati in realizarea acestui tutorial sa rugam sa postati in categoria [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Tutorial realizat de BeHappy | DesignART
***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !