Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !


Alăturați-vă forumului, este rapid și ușor

Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Cod - Multi Colors (Cod Colorat)

+3
Mr.Crispy
[x]sTyL[e]
BeHappy
7 participanți

 :: DesignART - Resurse :: Tutoriale :: Tutoriale Css, Html si JavaScript

In jos

Cod - Multi Colors (Cod Colorat) Empty Cod - Multi Colors (Cod Colorat)

Mesaj Scris de BeHappy Joi Iun 16, 2011 1:44 pm

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:
Pentru SQL: si la sfarsit

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 !
BeHappy
BeHappy
Gold Member
Gold Member

Mesaje Mesaje : 125
Credite Credite : 165
Reputatie : 0
Varsta Varsta : 30
Localizare Localizare : Mereni, Moldova

http://web-kings.talk-forums.com/

Sus In jos

Cod - Multi Colors (Cod Colorat) Empty Re: Cod - Multi Colors (Cod Colorat)

Mesaj Scris de [x]sTyL[e] Lun Sept 26, 2011 10:00 pm

Tutorial acceptat.
[x]sTyL[e]
[x]sTyL[e]
Administrator
Administrator

Mesaje Mesaje : 504
Credite Credite : 560
Reputatie : 0
Localizare Localizare : Suceava

http://www.epicart.forumhit.ro

Sus In jos

Cod - Multi Colors (Cod Colorat) Empty Re: Cod - Multi Colors (Cod Colorat)

Mesaj Scris de Mr.Crispy Mier Sept 28, 2011 11:53 am

Multumesc Chiar cautam acest cod .


Ultima editare efectuata de catre Edge in Mier Sept 28, 2011 8:29 pm, editata de 1 ori (Motiv : Sters font + italic)
avatar
Mr.Crispy
Membru DesignART
Membru DesignART

Mesaje Mesaje : 67
Credite Credite : 118
Reputatie : 0
Varsta Varsta : 28
Localizare Localizare : DesignART

Sus In jos

Cod - Multi Colors (Cod Colorat) Empty Re: Cod - Multi Colors (Cod Colorat)

Mesaj Scris de Edge Mier Sept 28, 2011 8:28 pm

Done,printr-o "sedinta" am decis sa ramai liber pe aici,dar nu vei sta mult,daca mai incalci regulile!
Boldul,culorie,fonturile diferite sunt rezervate staf-ului!
avatar
Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Resita

https://designart.catsboard.com/

Sus In jos

Cod - Multi Colors (Cod Colorat) Empty Re: Cod - Multi Colors (Cod Colorat)

Mesaj Scris de Heas Dum Oct 02, 2011 1:21 am

Foarte bun codul.Bravo BeHappy
Heas
Heas
Gold Member
Gold Member

Mesaje Mesaje : 167
Credite Credite : 263
Reputatie : 0
Varsta Varsta : 28
Localizare Localizare : Pe eci colo

https://designart.catsboard.com/

Sus In jos

Cod - Multi Colors (Cod Colorat) Empty Re: Cod - Multi Colors (Cod Colorat)

Mesaj Scris de InternetFUN Dum Oct 02, 2011 1:29 am

E cam complicat de "instalat"...
InternetFUN
InternetFUN
Membru DesignART
Membru DesignART

Mesaje Mesaje : 95
Credite Credite : 115
Reputatie : 0
Varsta Varsta : 27
Localizare Localizare : Piatra Neamt

http://internetfun.forumz.ro/

Sus In jos

Cod - Multi Colors (Cod Colorat) Empty Re: Cod - Multi Colors (Cod Colorat)

Mesaj Scris de Edge Dum Oct 02, 2011 1:47 am

Arata bine,dar e greu de instalat....si mie nici nu mi-a mers..
avatar
Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Resita

https://designart.catsboard.com/

Sus In jos

Cod - Multi Colors (Cod Colorat) Empty Re: Cod - Multi Colors (Cod Colorat)

Mesaj Scris de Gabryel Mier Oct 19, 2011 2:00 pm

foarte frumos acest tutorial ,felicitari pentru munca depusa Wink
Gabryel
Gabryel
Gold Member
Gold Member

Mesaje Mesaje : 101
Credite Credite : 106
Reputatie : 0
Localizare Localizare : MUIE DESIGNART!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

http://MUIEDESIGNRT.FORUMHIT.RO

Sus In jos

Cod - Multi Colors (Cod Colorat) Empty Re: Cod - Multi Colors (Cod Colorat)

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 :: DesignART - Resurse :: Tutoriale :: Tutoriale Css, Html si JavaScript

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum