- Mensajes
- 107
- Puntuación de reacción
- 0
Hola, os vengo a dejar una forma de tener en tu web los resultados y clasificación de ligas de futbol con tus propios estilos.
Lo primero es elegir la liga y coger el widget de: Widgets - Resultados de fútbol
Pegas ese código en tu web y puedes jugar con los estilos.
Os dejo el estilo que le he dado yo a los mios: (Al blog aun le falta mucho, es sólo esa parte
)
Clasificación Primera división - Vestuario BlancoVestuario Blanco
Resultados Primera división - Vestuario BlancoVestuario Blanco
Y los estilos:
Lo he hecho a mi gusto pero se puede hacer de muchas formas, y por supuesto se actualiza sólo ya que es un widget.
Espero que a alguien le pueda servir. Si teneis alguna duda me comentais.
Saludos!
Lo primero es elegir la liga y coger el widget de: Widgets - Resultados de fútbol
Pegas ese código en tu web y puedes jugar con los estilos.
Os dejo el estilo que le he dado yo a los mios: (Al blog aun le falta mucho, es sólo esa parte
)Clasificación Primera división - Vestuario BlancoVestuario Blanco
Resultados Primera división - Vestuario BlancoVestuario Blanco
Y los estilos:
Código:
.rf-widget thead {display:none;}
table.rankings tr td {padding:7px;}
table.rankings a {color:#333; cursor:default; padding:4px;}
.rf-foot {display:none;}
table.rankings th {color:#444!important;}
table.rankings td {color:#444!important;}
table.rankings td:nth-child(3) {background:#333!important; text-align:center; color:#FFF!important;}
table.rankings td:nth-child(4) {text-align:center;}
table.rankings td:nth-child(5) {text-align:center;}
table.rankings td:nth-child(6) {text-align:center;}
table.rankings td:nth-child(7) {text-align:center;}
table.rankings td:nth-child(8) {text-align:center;}
table.rankings th:nth-child(1) {text-align:center;}
table.rankings td a{color:#000!important; pointer-events:none; font-weight:900!important;}
table.results {border:2px solid #e4e4e4!important; padding:5px!important;}
table.results tr td {padding:7px;}
table.results a {color:#333; cursor:default!important; padding:4px;}
table.results td a{color:#000!important; pointer-events:none; font-weight:400!important;}
table.rankings tr:nth-child(2) {background:#dbe8ff;}
table.rankings tr:nth-child(3) {background:#dbe8ff;}
table.rankings tr:nth-child(4) {background:#dbe8ff;}
table.rankings tr:nth-child(5) {background:#dbe8ff;}
table.rankings tr:nth-child(6) {background:#fff6da;}
table.rankings tr:nth-child(7) {background:#fff6da;}
table.rankings tr:nth-child(19) {background:#f6d4d9;}
table.rankings tr:nth-child(20) {background:#f6d4d9;}
table.rankings tr:nth-child(21) {background:#f6d4d9;}
a[title="Alavés"] {padding-left:24px!important; background:url("../images/alaves.png")no-repeat!important;}
a[title="Atlético"] {padding-left:24px!important; background:url("../images/atleti.png")no-repeat!important;}
a[title="Athletic"] {padding-left:24px!important; background:url("../images/athletic.png")no-repeat!important;}
a[title="Barcelona"] {padding-left:24px!important; background:url("../images/barcelona.png")no-repeat!important;}
a[title="Celta"] {padding-left:24px!important; background:url("../images/celta.png")no-repeat!important;}
a[title="Deportivo"] {padding-left:24px!important; background:url("../images/deportivo.png")no-repeat!important;}
a[title="Eibar"] {padding-left:24px!important; background:url("../images/eibar.png")no-repeat!important;}
a[title="Espanyol"] {padding-left:24px!important; background:url("../images/espanyol.png")no-repeat!important;}
a[title="Granada"] {padding-left:24px!important; background:url("../images/granada.png")no-repeat!important;}
a[title="Las Palmas"] {padding-left:24px!important; background:url("../images/laspalmas.png")no-repeat!important;}
a[title="Leganés"] {padding-left:24px!important; background:url("../images/leganes.png")no-repeat!important;}
a[title="Málaga"] {padding-left:24px!important; background:url("../images/malaga.png")no-repeat!important;}
a[title="Osasuna"] {padding-left:24px!important; background:url("../images/osasuna.png")no-repeat!important;}
a[title="R. Sociedad"] {padding-left:24px!important; background:url("../images/realsociedad.png")no-repeat!important;}
a[title="Real Betis"] {padding-left:24px!important; background:url("../images/betis.png")no-repeat!important;}
a[title="Real Madrid"] {padding-left:24px!important; background:url("../images/realmadrid.png")no-repeat!important;}
a[title="Sevilla"] {padding-left:24px!important; background:url("../images/sevilla.png")no-repeat!important;}
a[title="Sporting"] {padding-left:24px!important; background:url("../images/sporting.png")no-repeat!important;}
a[title="Valencia"] {padding-left:24px!important; background:url("../images/valencia.png")no-repeat!important;}
a[title="Villarreal"] {padding-left:24px!important; background:url("../images/villarreal.png")no-repeat!important;}
table.results td:nth-child(3) a {padding-left:0px; padding-right:24px; background-position:right!important;}Lo he hecho a mi gusto pero se puede hacer de muchas formas, y por supuesto se actualiza sólo ya que es un widget.
Espero que a alguien le pueda servir. Si teneis alguna duda me comentais.
Saludos!
Última edición: