Messagebox/doc

Revisión del 19:17 29 nov 2020

Esta es la página de documentación. Esta debería ser transcluida en la página principal de esta plantilla. Véase Plantilla:Documentación para más información.

Plantilla:Shortcut This template is used to add consistent styling to message boxes.

Uso básico

{{msgbox
| title = Esto es un mensaje en caja normal
| text = Con un subtexto útil y descriptivo
}}

Da como resultado:

Esto es un mensaje en caja normal

Con un subtexto útil y descriptivo

Uso mini

{{msgbox
| mini = 1
| icon = 8
| text = Esto es un mini mensaje en caja con un icono de información usando la [[Plantilla:CommentSprite]]
}}

Da como resultado:

Esto es un mini mensaje en caja con un icono de información usando la Plantilla:CommentSprite

Uso avanzado

{{msgbox
| bgcol = #eef
| linecol = #ddf
| title = Esto es un mensaje en una caja azul
| text = Tiene un link de discusión y algo de personalización CSS
| discuss = 1
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
}}

Da como resultado:

Esto es un mensaje en una caja azul ^[discutir^]

Tiene un link de discusión y algo de personalización CSS

{{msgbox
| bgcol = #eef
| linecol = #ddf
| title = Esto es un mensaje en una caja azul
| text = Tiene un link de discusión, algo de personalización CSS y una imagen personalizada.
| discuss = 1
| image = Bot.png
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
}}

Da como resultado:

Esto es un mensaje en una caja azul ^[discutir^]

Tiene un link de discusión, algo de personalización CSS y una imagen personalizada.

También se puede especificar el tamaño de la imagen con "imagewidth", por ejemplo: imagewidth = 50px

Uso avanzado de mini

{{msgbox
| mini = 1
| image = Bot.png
| bgcol = #eef
| linecol = #ddf
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
| text = Esto es un mini mensaje en caja, usando una configuración similar a la usada en los ejemplos avanzados anteriores.
}}

Da como resultado:

Esto es un mini mensaje en caja, usando una configuración similar a la usada en los ejemplos avanzados anteriores.

Tambien se puede poner aqui una imagen personalizada.

@@ Línea 1: / Línea 1: @@
+{{Documentation header}}
-{{doc/start}}
+{{shortcut|msgbox}}
-=== Basic usage ===
+This template is used to add consistent styling to message boxes.
-<pre style="width: 280px;">
+=== Uso básico ===
+<pre style="width: 350px;">
 {{msgbox
-| title = This is a normal message box
+| title = Esto es un mensaje en caja normal
-| text = With helpful and descriptive subtext
+| text = Con un subtexto útil y descriptivo
 }}
 </pre>
+Da como resultado:
-Will result in:
-{{msgbox| title = This is a normal message box | text = With helpful and descriptive subtext}}
+{{msgbox| title = Esto es un mensaje en caja normal | text = Con un subtexto útil y descriptivo}}
-=== Mini usage ===
+=== Uso mini ===
-<pre style="width: 560px;">
+<pre style="width: 850px;">
 {{msgbox
 | mini = 1
 | icon = 8
-| text = This is a mini message box with an information icon using [[Template:CommentSprite]]
+| text = Esto es un mini mensaje en caja con un icono de información usando la [[Plantilla:CommentSprite]]
 }}
 </pre>
+Da como resultado:
-Will result in:
-{{msgbox| mini = 1 | icon = 8 | text = This is a mini message box with an information icon using [[Template:CommentSprite]]}}
+{{msgbox| mini = 1 | icon = 8 | text = Esto es un mini mensaje en caja con un icono de información usando la [[Plantilla:CommentSprite]]}}
-=== Advanced usage ===
+=== Uso avanzado ===
-<pre style="width: 485px;">
+<pre style="width: 650px;">
 {{msgbox
 | bgcol = #eef
 | linecol = #ddf
-| title = This is a blue message box
+| title = Esto es un mensaje en una caja azul
-| text = It has a discuss link and some custom CSS
+| text = Tiene un link de discusión y algo de personalización CSS
 | discuss = 1
 | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
@@ Línea 35: / Línea 39: @@
 </pre>
+Da como resultado:
-Will result in:
-{{msgbox| bgcol = #eef | linecol = #ddf | title = This is a blue message box | text = It has a discuss link and some custom CSS | discuss = 1  = 340px | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;}}
+{{msgbox| bgcol = #eef | linecol = #ddf | title = Esto es un mensaje en una caja azul | text = Tiene un link de discusión y algo de personalización CSS | discuss = 1 | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;}}
-<pre style="width: 485px;">
+<pre style="width: 725px;">
 {{msgbox
 | bgcol = #eef
 | linecol = #ddf
-| title = This is a blue message box
+| title = Esto es un mensaje en una caja azul
-| text = It has a discuss link, some custom CSS and a custom image
+| text = Tiene un link de discusión, algo de personalización CSS y una imagen personalizada.
 | discuss = 1
 | image = Bot.png
@@ Línea 50: / Línea 54: @@
 </pre>
+Da como resultado:
-Will result in:
-{{msgbox| bgcol = #eef | linecol = #ddf | title = This is a blue message box | text = It has a discuss link, some custom CSS and a custom image | discuss = 1 | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; | image = Bot.png}}
+{{msgbox| bgcol = #eef | linecol = #ddf | title = Esto es un mensaje en una caja azul | text = Tiene un link de discusión, algo de personalización CSS y una imagen personalizada. | discuss = 1 | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; | image = Bot.png}}
-A custom image size can also be specified with "imagewidth", for example: <code>imagewidth = 50px</code>
+También se puede especificar el tamaño de la imagen con "imagewidth", por ejemplo: <code>imagewidth = 50px</code>
-=== Advanced Mini usage ===
+=== Uso avanzado de mini ===
-<pre style="width: 680px;">{{msgbox
+<pre style="width: 1000px;">{{msgbox
 | mini = 1
 | image = Bot.png
@@ Línea 62: / Línea 66: @@
 | linecol = #ddf
 | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
-| text = This is a mini message box, it is using similar settings as the box used in the advanced example above.
+| text = Esto es un mini mensaje en caja, usando una configuración similar a la usada en los ejemplos avanzados anteriores.
 }}</pre>
-Will result in: {{msgbox| mini = 1 | bgcol = #eef | linecol = #ddf | text = This is a mini message box, it is using similar settings as the box used in the advanced example above. | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; | image = Bot.png}}
+Da como resultado: {{msgbox| mini = 1 | bgcol = #eef | linecol = #ddf | text = Esto es un mini mensaje en caja, usando una configuración similar a la usada en los ejemplos avanzados anteriores. | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; | image = Bot.png}}
+Tambien se puede poner aqui una imagen personalizada.
-This can also have a custom image size.
-{{doc/end}}