Module Class Suffix/es: Difference between revisions

From Joomla! Documentation

Created page with "Sufijo de clase de módulo"
 
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude><languages /></noinclude>
<noinclude><languages /></noinclude>
{{version|1.5,2.5,3.1}}
{{version|1.5,2.5,3.1}}
{{Chunk:Module Class Suffix/en}}
{{Chunk:Module Class Suffix/es}}


== Usage ==
== Uso ==


If you enter a Module Class Suffix with a leading space, a new CSS class will be created. If your parameter does not have a leading space, the CSS class "moduletable" is modified. The first method is often preferred, since then you don't break any of the existing styling for the module, and you only need to add new CSS code for the new styling.
Si introduce un sufijo de clase de módulo con un espacio delante, se creará una nueva clase CSS. Si su parámetro no tiene un espacio delante, la clase "moduletable" será modificada. El primer método es el más recomendable a menudo, ya que al usarlo no se rompe ningún estilo ya existente del módulo y sólo necesita añadir código CSS nuevo para el nuevo estilo.


If you don't use a leading space, you will need to copy all of the styling code for the "moduletable" class and duplicate it for the new CSS class before making your CSS changes.
Si no usa un espacio delante, necesitará copiar todo el código de estilo para la clase "moduletable" y duplicarlo para la nueva clase CSS antes de hacer sus cambios en el código CSS.


See [[Using Class Suffixes|the tutorial Using Class Suffixes]] for a detailed example of using Page and Module Class Suffixes.
Vea [[S:MyLanguage/Using Class Suffixes|el tutorial sobre cómo usar sufijos de clase]] para un ejemplo detallado sobre cómo usar los sufijos de clase de página y módulo.


[[Category:Module Management]]
[[Category:Module Management/es]]
[[Category:Glossary]]
[[Category:Glossary/es]]
[[Category:Landing Pages]]
[[Category:Landing Pages/es]]

Latest revision as of 11:14, 3 March 2014

El Sufijo de clase de módulo es un parámetro de los módulos de Joomla!. Se encuentra en la pantalla Módulo:[editar], en parámetros avanzados. Activar este parámetro hace que Joomla! añada una nueva clase CSS, o bien que modifique la clase existente para el elemento div de ese módulo específico.

Cuando Joomla! genera un módulo, automáticamente crea una clase CSS llamada "moduletable" para permitir dar estilo al módulo -- por ejemplo

<div class="moduletable">

Para crear una clase nueva, introduzca el parámetro con un espacio en blanco delante. Por ejemplo, introduciendo un espacio y "miNuevaClase" creará una nueva clase CSS llamada "miNuevaClase". El HTML se cambiará a

<div class="moduletable miNuevaClase">

Para cambiar el nombre de la clase existente, introduzca el parámetro sin un espacio en blanco delante. Por ejemplo, introducir "_miSufijo" (sin espacio delante) hará que el HTML cambie a

<div class="moduletable_miSufijo">

Generalmente se recomienda usar un espacio en blanco delante para crear una nueva clase. De esta forma, los estilos CSS para este módulo que usan los nombres de clase estándar seguirán funcionando. Puede usar el nuevo nombre de clase para añadir cualquier estilo que desee, al módulo sin necesidad de volver a crear todo el código CSS existente. Tenga en cuenta que, si crea un nuevo nombre de clase, debe asegurarse de que es un nombre único que no entra en conflicto con ningún nombre de clase ya existente.

Ver usando sufijos de clase para más información.


Uso

Si introduce un sufijo de clase de módulo con un espacio delante, se creará una nueva clase CSS. Si su parámetro no tiene un espacio delante, la clase "moduletable" será modificada. El primer método es el más recomendable a menudo, ya que al usarlo no se rompe ningún estilo ya existente del módulo y sólo necesita añadir código CSS nuevo para el nuevo estilo.

Si no usa un espacio delante, necesitará copiar todo el código de estilo para la clase "moduletable" y duplicarlo para la nueva clase CSS antes de hacer sus cambios en el código CSS.

Vea el tutorial sobre cómo usar sufijos de clase para un ejemplo detallado sobre cómo usar los sufijos de clase de página y módulo.