Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Como usar "last-child" y "first-child"
Jaizu   19 Apr, 2012, 9:36 am
#1
Hola amigos!
Hoy les enseñaré como aplicar esto a MyBB
¿Qué hace esto?
Podrás dar estilo extras al primero y al último <td> con el mismo class!
En decir, si tú en una tabla tienes <td> con el class5 thead podrás hacer que el primero y el último sea bordeado mientras que el otro no sin editar nada del html y ni agregar más class al css :thumbsup:

Y aquí la pregunta de todos:
¿Qué pasa si es solo una tabla con un único <td>?
Que se aplicará el fist y el last child :3

Aquí os dejo un ejemplo de como tiene MyBB-Es y os explico sus divisiones :3

[Imagen: ejemplomf.png]

Los cuadros verdes son las propiedades <td> con su class thead como todas pero con la propiedad del css last-child y firts-child

Entonces en el css quedaría algo así:
Código PHP:
<?php 
.thead {
Background y esas cosas del Thead :3
}

.
thead a:link {
Color de link
}

.
thead a:visited {
Si ya fuiste a ese link
}

.
thead a:hover, .thead a:active {
Que pasa cuando pasas el ratón por encima y clickas
}

.
thead:last-child {
Aquí bordearíamos la última celda(Últimos Mensajes y Expandir/contraer categoría)
}

.
thead:first-child {
Aquí bordearíamos la primera celda(Nombre de la Categoría)
}

Espero que os sirva :3
Aviso: Este código puede ser muy lioso si lo usas con ProStats y con los trow en la categorías
Cluster   19 Apr, 2012, 1:06 pm
#2
Es muy util sobre todo en donde se usan mas de un TR, de este modo se puede bordear sin que quede como un oceano xd (lleno de ondas por los bordes de cada td)

:)
Omar G.   24 Apr, 2012, 7:58 pm
#3
Gracias, deberias de buscar y explicar lo que hace y el como funciona n-child.

Creo asi se llama, :n-child

Yo nunca pude hacer que funcionara (solo lo intente una vez), por eso xD
ZioGuE   24 Apr, 2012, 8:35 pm
#4
Yo logre hacer pero diferente, aunque claro, esta manera es muchísimo mas facil.
Jaizu   27 Apr, 2012, 10:13 am
#5
También podéis hacer de otra forma sin ser con esto, pero claro, editando todas las plantillas en el Foro que queréis que salga bordeado, e incluso en algunas deberías usar bastante php, sería un class con el thead y otros clases para los bordeos :3
Omar G.   27 Apr, 2012, 8:58 pm
#6
Pero para eso existe -child, para hacernos la vida facil Big Grin
Jaizu   28 Apr, 2012, 12:33 am
#7
No sé usar eso la verdad
Eso en CSS nunca vi un tutorial, esto lo aprendí investigando el código fuente de BetaRedes y de MyBB-Es(no, no es para ripear :b)
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.