Diferencia entre revisiones de «Enmarcado de código»
De Wikitronica
| Línea 12: | Línea 12: | ||
</pre> | </pre> | ||
| + | Ejemplo "source" | ||
| + | <source lang="c"> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </source> | ||
| − | + | También se puede usar codigo CSS para sombrear o enmarcar contenido. | |
Ejemplo 1: | Ejemplo 1: | ||
| Línea 27: | Línea 36: | ||
return(potato) | return(potato) | ||
} | } | ||
| − | |||
|} | |} | ||
| + | |||
| + | </source> | ||
</pre> | </pre> | ||
| Línea 56: | Línea 66: | ||
return(potato) | return(potato) | ||
} | } | ||
| − | |||
|} | |} | ||
| + | </source> | ||
</pre> | </pre> | ||
| Línea 71: | Línea 81: | ||
return(potato) | return(potato) | ||
} | } | ||
| + | |||
</source> | </source> | ||
|} | |} | ||
| Línea 104: | Línea 115: | ||
|} | |} | ||
| + | Además de estas posibilidades se puede utilizar el comando "[[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi syntaxhighlight]]" y la directiva "lang", sin embargo es necesario tener instalado el módulo, para lo cual se puede seguir esta [[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi#Installation guía]] | ||
| + | Ejemplo syntaxhighlight: | ||
| − | < | + | <pre> |
| + | <syntaxhighlight lang="c"> | ||
//yo soy código en C | //yo soy código en C | ||
int hornear(int potato) | int hornear(int potato) | ||
| Línea 113: | Línea 127: | ||
return(potato) | return(potato) | ||
} | } | ||
| − | </ | + | </syntaxhighlight> |
| + | </pre> | ||
| − | + | Producirá: | |
| + | |||
| + | <syntaxhighlight lang="c"> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </syntaxhighlight> | ||
====Referencias==== | ====Referencias==== | ||
Revisión del 13:48 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)
}
También se puede usar codigo CSS para sombrear o enmarcar contenido.
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:#F3F3F3; 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]
Ejemplo syntaxhighlight:
<syntaxhighlight lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
</syntaxhighlight>
Producirá:
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
Referencias
[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi]
