@DeletedUser40376207 (discusión | contribs.) |
Sin resumen de edición |
||
(No se muestran 7 ediciones intermedias de 3 usuarios) | |||
Línea 1: | Línea 1: | ||
+ | {{Documentation header}} |
||
− | {{doc/start}} |
||
+ | {{shortcut|msgbox}} |
||
+ | This template is used to add consistent styling to message boxes. |
||
+ | |||
=== Uso básico === |
=== Uso básico === |
||
<pre style="width: 350px;"> |
<pre style="width: 350px;"> |
||
Línea 24: | Línea 27: | ||
{{msgbox| mini = 1 | icon = 8 | text = Esto es un mini mensaje en caja con un icono de información usando la [[Plantilla:CommentSprite]]}} |
{{msgbox| mini = 1 | icon = 8 | text = Esto es un mini mensaje en caja con un icono de información usando la [[Plantilla:CommentSprite]]}} |
||
− | === |
+ | === Uso avanzado === |
− | <pre style="width: |
+ | <pre style="width: 650px;"> |
{{msgbox |
{{msgbox |
||
| bgcol = #eef |
| bgcol = #eef |
||
| linecol = #ddf |
| linecol = #ddf |
||
− | | title = |
+ | | title = Esto es un mensaje en una caja azul |
− | | text = |
+ | | text = Tiene un link de discusión y algo de personalización CSS |
| discuss = 1 |
| discuss = 1 |
||
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; |
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; |
||
Línea 36: | Línea 39: | ||
</pre> |
</pre> |
||
+ | Da como resultado: |
||
− | Will result in: |
||
− | {{msgbox| bgcol = #eef | linecol = #ddf | title = |
+ | {{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: |
+ | <pre style="width: 725px;"> |
{{msgbox |
{{msgbox |
||
| bgcol = #eef |
| bgcol = #eef |
||
| linecol = #ddf |
| linecol = #ddf |
||
− | | title = |
+ | | title = Esto es un mensaje en una caja azul |
− | | text = |
+ | | text = Tiene un link de discusión, algo de personalización CSS y una imagen personalizada. |
| discuss = 1 |
| discuss = 1 |
||
| image = Bot.png |
| image = Bot.png |
||
Línea 51: | Línea 54: | ||
</pre> |
</pre> |
||
+ | Da como resultado: |
||
− | Will result in: |
||
− | {{msgbox| bgcol = #eef | linecol = #ddf | title = |
+ | {{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}} |
− | + | También se puede especificar el tamaño de la imagen con "imagewidth", por ejemplo: <code>imagewidth = 50px</code> |
|
− | === |
+ | === Uso avanzado de mini === |
− | <pre style="width: |
+ | <pre style="width: 1000px;">{{msgbox |
| mini = 1 |
| mini = 1 |
||
| image = Bot.png |
| image = Bot.png |
||
Línea 63: | Línea 66: | ||
| linecol = #ddf |
| linecol = #ddf |
||
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; |
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; |
||
− | | text = |
+ | | text = Esto es un mini mensaje en caja, usando una configuración similar a la usada en los ejemplos avanzados anteriores. |
}}</pre> |
}}</pre> |
||
− | + | 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}} |
Revisión del 19:17 29 nov 2020
[Purgar]
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.