Código
|
Resultado
|
---|
{{Usuario:Userbox/Userbox}}
|
|
{{Usuario:Userbox/Userbox
| id = foo
| id-s = 20
| id-c = #ffffee
| info = ''foo bar''
| info-c = #ffeeff
| info-s = 12
| border-c = #0D80A6
| border-s = 2
}} |
|
Debajo, el ejemplo muestra la apariencia predeterminada de un userbox, que es (mucho) más alta que 45px. Compare la altura de la de abajo con los userboxes anteriores.
|
{{Usuario:Userbox/Userbox
| id = foo logo
| id-c = #ffffee
| info = ''We are trying to see
default distance in between text
lines, and, see the distance in
between cell content and its border
and also see total height.''
| info-c = #ffeeff
| border-c = #0D80A6
| border-s = 2
}} |
foo logo
|
We are trying to see default distance in between text lines, and, see the distance in between cell content and its border and also see total height.
|
|
Debajo, el ejemplo muestra cómo podemos cambiar esas userboxes y además especificar parámetros para reducir la altura total de la userbox a la altura recomendada de 45px, incluso con cuatro líneas de texto. Colocando en el campo "info-p" podemos fijarla en "1pt 1pt 1pt 2pt", o "1pt 2pt" para una mejor apariencia, cuando hay 4 líneas de texto.
|
{{Usuario:Userbox/Userbox
| id = foo logo
| id-s = 14
| id-c = #ffffee
| id-lh = 1.1em
| info = ''We have specified values
to lessen the distance in between
text lines & padding space in between
cell content and its border.''
| info-c = #ffeeff
| info-s = 8
| info-p = 1pt
| info-lh = 1.05em
| border-c = #0D80A6
| border-s = 1
}} |
foo logo
|
We have specified values to lessen the distance in between text lines & padding space in between cell content and its border.
|
|
Debajo, el ejemplo es para usuarios avanzados, ya que muestra cómo podemos especificar otras propiedades CSS; por ejemplo, "font-family", para cambiar la fuente o "text-align" para cambiar la alineación de los parámetros por defecto. A continuación, en el lado derecho hay dos userboxes: La superior se muestra sin los parámetros "font-family" o "text-align"; y la userbox inferior se muestra mediante el uso de los códigos que se pueden apreciar a continuación, con la ayuda del campo " info-op ".
|
{{Usuario:Userbox/Userbox
| id = foo logo
| id-s = 14
| id-c = #ffe
| id-lh = 1.1em
| info = foo bar
| info-c = #fef
| info-s = 14
| info-op = font-family:'Courier New'; text-align:center;
| border-c = #0D80A6
| border-s = 2
}} |
|