Diferencia entre revisiones de «Enmarcado de código»
| Línea 86: | Línea 86: | ||
|} | |} | ||
| + | Ejemplo 3: | ||
| + | |||
| + | <pre> | ||
| + | {| style="border:1px solid #000; background:#FAFAFA; vertical-align:top; color:#000; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px" cellpadding=20px cellspacing=0 align=lefth width=0% | ||
| + | | | ||
| + | <source lang="c"> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </source> | ||
| + | |} | ||
| + | </pre> | ||
| + | |||
| + | Producirá | ||
| + | |||
| + | {| style="border:1px dashed rgb(0,0,255); background:#FAFAFA; vertical-align:top; color:#000; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px" cellpadding=20px cellspacing=0 align=lefth width=0% | ||
| + | | | ||
| + | <source lang="c"> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </source> | ||
| + | |} | ||
Revisión del 12:35 1 dic 2012
Para enmarcar código, es posible utilizar los comandos "pre" y "source", sin embargo, pre, ofrece menos prestaciones para el código que source, dado que "pre" muestra el contenido sin formato, en cambio, con "source" y la directiva "lang" se puede elegir entre diversos lenguajes de programacion para que el texto se muestre resaltado como debe ser.
Ejemplo "pre"
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
Ejemplo "source"
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
Ahora, como se pudo notar, source no enmarca automáticamente el código, para lo cual entonces se debe usar codigo CSS.
Ejemplo 1:
{| style="background:rgb(230,230,230);color:black; solid gray; font-family: fixedsys; border-style:solid; border-width:5px;" cellpadding=20px cellspacing=0 align=lefth width=0%
|
<source lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
</source>
|}
Producirá
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
|
Ejemplo 2:
{| style="background:rgb(230,230,230);color:black; solid gray; font-family: fixedsys; " cellpadding=20px cellspacing=0 align=lefth width=0%
|
<source lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
</source>
|}
Producirá
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
|
Ejemplo 3:
{| style="border:1px solid #000; background:#FAFAFA; vertical-align:top; color:#000; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px" cellpadding=20px cellspacing=0 align=lefth width=0%
|
<source lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
</source>
|}
Producirá
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
|
Además de estas posibilidades se puede utilizar el comando "[syntaxhighlight]" y la directiva "lang", sin embargo es necesario tener instalado el módulo, para lo cual se puede seguir esta [guía]
Referencias
[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi]
