Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate
Paginas: [1]   Ir abajo

Autor Topic: Rankings webengine ayuda ( SOLUCIONADO )  (Visto 1070 veces)

0 Miembros and 1 Guest are viewing this topic.

Offline pablo2587 Posteado: August 15, 2024, 11:56:16 AM | Modificado: August 16, 2024, 08:16:46 PM by ZabiinoOo

  • 0 puntos por ventas
  • *
  • Rank: Principiante
  • Posts: 6
  • Gracias recibida: 1

  • ar
Rankings webengine ayuda ( SOLUCIONADO )
Buenas, no sé cómo poder hacer que las imágenes del filtro ranking queden una al lado de la otra y no una sobre la otra, dejo imagen, gracias de antemano.




Logged
Marcado como mejor respuesta por: pablo2587 Posteado August 16, 2024, 02:53:18 AM

Online ZabiinoOo #1 Posteado: August 16, 2024, 03:56:07 AM

  • MAESTRO
  • US. DE HONOR
  • LEYENDA
  • Administrador
  • 0 puntos por ventas
  • *
  • Rank: Puto amo
  • Posts: 7.427
  • Gracias recibida: 135164

  • pe
Re: Rankings webengine ayuda
Te vas a la carpeta del template que estas usando, abres tu carpeta css y ubicas el archivo: style.css o el que este siendo usado por tu template en algunos casos es webengine.css lo abres y pegas esto al final:

Code: [Select]
/* RANKINGS FILTER BY CLASS */

.rankings-class-filter {
	display: inline-block;
	list-style-type: none;
	margin: 20px auto;
	padding: 10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

	.rankings-class-filter li {
		display: inline-block;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin-bottom: 10px;
	}
	
	.rankings-class-filter li:hover {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}

.rankings-class-filter-selection {
	display: inline-block;
	width: 75px;
	text-align: center;
	color: #000000;
	font-size: 11px;
	cursor: pointer;
}

	.rankings-class-filter-selection:hover {
		color: #000000 !important;
	}

	.rankings-class-filter-selection:hover img {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

.rankings-class-filter-selection img {
	width: 40px;
	height: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	margin-bottom: 5px;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}

.rankings-class-filter-grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

luego vas a la carpeta del tempate igual y abres la carpeta js y abres el archivo main.js y al final pegas esta funcion:

Code: [Select]
function rankingsFilterByClass() {
	var delay = 500; // milliseconds
	var classList = new Array();
	
	for(var i = 0; i < arguments.length; i++) {
		classList[i] = arguments[i];
	}
	
	if($(".rankings-table").length) {
		$(".rankings-table").fadeOut().delay(delay).fadeIn();
		setTimeout(function() {
			$(".rankings-table tr").each(function() {
				if($(this).attr("data-class-id") == null) { return true; }
				if(classList.includes(parseInt($(this).attr("data-class-id"))) == false) {
					$(this).hide();
				} else {
					$(this).show();
				}
			});
		}, delay);
	}
}

function rankingsFilterRemove() {
	var delay = 500; // milliseconds
	
	$(".rankings-table").fadeOut().delay(delay).fadeIn();
	setTimeout(function() {
		if($(".rankings-table").length) {
			$(".rankings-table tr").each(function() {
					$(this).fadeIn();
				}
			);
		}
	}, delay);
}

$(function() {
	if($(".rankings-class-filter-selection").length) {
		$('a.rankings-class-filter-selection').click(function(){
			$('a.rankings-class-filter-selection').addClass("rankings-class-filter-grayscale");
			$(this).removeClass("rankings-class-filter-grayscale");
		});
	}
});

luego de eso vas a tu ranking y haces CTRL + F5 para forzar borrado de cache y te deberia mostrar ya organizado el sistema de filtro,

saludos!


Logged



Prohibido pedir soporte via MP
Leer las reglas de cada seccion
we trust god

Gracias:

Offline pablo2587 #2 Posteado: August 16, 2024, 06:54:58 AM

  • 0 puntos por ventas
  • *
  • Rank: Principiante
  • Posts: 6
  • Gracias recibida: 1

  • ar
Re: Rankings webengine ayuda
Citar desde: ZabiinoOo on August 16, 2024, 03:56:07 AM
Te vas a la carpeta del template que estas usando, abres tu carpeta css y ubicas el archivo: style.css o el que este siendo usado por tu template en algunos casos es webengine.css lo abres y pegas esto al final:

Code: [Select]
/* RANKINGS FILTER BY CLASS */

.rankings-class-filter {
	display: inline-block;
	list-style-type: none;
	margin: 20px auto;
	padding: 10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

	.rankings-class-filter li {
		display: inline-block;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin-bottom: 10px;
	}
	
	.rankings-class-filter li:hover {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}

.rankings-class-filter-selection {
	display: inline-block;
	width: 75px;
	text-align: center;
	color: #000000;
	font-size: 11px;
	cursor: pointer;
}

	.rankings-class-filter-selection:hover {
		color: #000000 !important;
	}

	.rankings-class-filter-selection:hover img {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

.rankings-class-filter-selection img {
	width: 40px;
	height: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	margin-bottom: 5px;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}

.rankings-class-filter-grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

luego vas a la carpeta del tempate igual y abres la carpeta js y abres el archivo main.js y al final pegas esta funcion:

Code: [Select]
function rankingsFilterByClass() {
	var delay = 500; // milliseconds
	var classList = new Array();
	
	for(var i = 0; i < arguments.length; i++) {
		classList[i] = arguments[i];
	}
	
	if($(".rankings-table").length) {
		$(".rankings-table").fadeOut().delay(delay).fadeIn();
		setTimeout(function() {
			$(".rankings-table tr").each(function() {
				if($(this).attr("data-class-id") == null) { return true; }
				if(classList.includes(parseInt($(this).attr("data-class-id"))) == false) {
					$(this).hide();
				} else {
					$(this).show();
				}
			});
		}, delay);
	}
}

function rankingsFilterRemove() {
	var delay = 500; // milliseconds
	
	$(".rankings-table").fadeOut().delay(delay).fadeIn();
	setTimeout(function() {
		if($(".rankings-table").length) {
			$(".rankings-table tr").each(function() {
					$(this).fadeIn();
				}
			);
		}
	}, delay);
}

$(function() {
	if($(".rankings-class-filter-selection").length) {
		$('a.rankings-class-filter-selection').click(function(){
			$('a.rankings-class-filter-selection').addClass("rankings-class-filter-grayscale");
			$(this).removeClass("rankings-class-filter-grayscale");
		});
	}
});

luego de eso vas a tu ranking y haces CTRL + F5 para forzar borrado de cache y te deberia mostrar ya organizado el sistema de filtro,

saludos!


Excelente muchas gracias, funcionó.


Logged
Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate



Paginas: [1]   Ir arriba
 

Related Topics

  Subject / Started by Replies Last post
3 Replies
1753 Views 		Last post September 05, 2017, 03:19:18 PM
by ronald15
1 Replies
1101 Views 		Last post June 12, 2018, 04:30:54 AM
by Cloud
3 Replies
2253 Views 		Last post May 12, 2021, 11:09:16 PM
by markxj6
8 Replies
2165 Views 		Last post June 30, 2021, 08:18:24 PM
by Jospiter
2 Replies
1270 Views 		Last post February 05, 2023, 03:51:29 PM
by lxb223