Tutorial: Apps Vídeo Viral - v2

  • Autor Autor Cicklow
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
Cicklow

Cicklow

Admin
Dseda
Verificado
Verificación en dos pasos activada
Suscripción a IA
Continuando com o tutorial anterior => http://forobeta.com/tutoriales/148160-apps-video-viral.html

Vamos colocar um paginador e um design bonito. Podem ver o resultado neste site:
Vídeo Viral

O paginador é muito simples e fácil de entender.
PHP:
<?php
	//Llamamos al listado de los videos
	include('videos.cache.php');

	//Definimos la cantidad de videos a mostrar por pagina
	$_REG=3; //Cantidad de videos por pagina
	//Vemos la cantidad de videos que tenemos en el listado
	$_CANT = count($VID);

	//vemos en que pagina nos encontramos
	$_PAG = (int)$_GET['_PAG'];
	//iniciamos las variables sino existen
	if(!isset($_PAG)){
		$_INI = 0;$_PAG=1;
	}else{
		$_INI = ($_PAG-1) * $_REG;
	}
	//vemos la cantidad de paginas
	$_TOT = round(($_CANT / $_REG));

	//llamamos a un archivo que contiene la funcion para paginar
	include('funciones.php');

	//dividimos el listado de videos en paginas (ar.php.net/array_chunk)
	$VID = array_chunk($VID, $_REG, true);
?>

Arquivo funcoes.php
PHP:
<?php
	//creamos la funcion encargada de mostrar la paginacion
	function Pag000($_TOT,$_LINK,$_PAG=1){
		//si la pagina es distinta de 0 colocamos el boton para ir hacia atras
		if($_PAG!="0") echo '<li><a href="'.$_LINK.''.($_PAG-1).'">««</a></li>';
		//recorremos la cantidad de paginas y mostramos los numeros, y si el numero es igual a la pagina colocamos que sea
		//la pagina activa
		for($i=0;$i<$_TOT;$i++){
			if($_PAG==$i)
				echo '<li class="active"><a href="'.$_LINK.''.$i.'">'.$i.'</a></li>';
			else
				echo '<li><a href="'.$_LINK.''.$i.'">'.$i.'</a></li>';
		}
		//si la pagina actual es distinta del total de paginas colocamos el boton para ir hacia atras.
		if(($_PAG+1)!=$_TOT) echo '<li><a href="'.$_LINK.''.($_PAG+1).'">»»</a></li>';
	}
?>

Quanto ao design, foram alteradas algumas classes de CSS usadas pelo bootstrap para que fique mais bonito.
Download: http://test.cicklow.me/postAuto/postAuto.zip
Atualizado em 08/05

Abraços!

Logs:
- Corrigido o erro que não publicava no Facebook (o Facebook tinha mudado algumas coisas nos feeds)
- Corrigido o problema de adicionar um vídeo novo ao início e os IDs ficarem bagunçados!
- Arrumado um problema na paginação!


PS: Mudem:
HTML:
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
por
HTML:
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet">
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
muito bom amigo clicklow, é um tutorial muito bom, têm que aproveitar, ps: por que você não entra mais no Facebook?

Facebook e ForoBeta são as duas abas que estão sempre abertas no meu navegador...
 
Muito obrigado, excelente contribuição 🙂
 
você arrasou, começo a trabalhar 🙂
 
Obrigado, como sempre os melhores tutoriais 🙂
 
ejejejjej, não sei se você vai se lembrar da minha outra conta que era uben, que me baniram por um motivo injusto, então criei esta, mas de qualquer maneira obrigado, ps: você poderia me dar seu Skype para pedir alguns conselhos sobre lifestremedia 🙂

Ops, acho que vão te banir de novo, não se pode criar outro usuário depois de ser banido 😕 bom, se pode, mas é proibido 😕

PS: Obrigado clicklow por este segundo tutorial.
 
justo te perguntei ontem e você fez em um tutorial, você é grande cicklow, meus respeitos companheiro, você arrasou!
 
Eu adoro seus tutoriais
 
Sempre se aprende um monte com você. Obrigado! :encouragement:
 
O paginador não funciona, continua com os três primeiros vídeos sempre, embora mude para a pág 1, mesmo colocando mais vídeos, muda os títulos mas continua linkando para o vídeo 0, 1 e 2
 
Muito bom, mas falta melhorar os posts relacionados
 
Companheiro, o download que você incluiu é tudo do post anterior, mas já com estilo e paginador? E apenas o CSS e o paginador?
 
Obrigado [MENTION=9679]cicklow[/MENTION] você arrasou novamente! consegui realizar tudo, mas notei um problema, as imagens em miniatura em cada página se repetem :sorrow::sorrow:
 
um craque amigo, como sempre, muito obrigado!
 
Testando e promovendo já :encouragement:
ver como fica.

Obrigado por compartilhar!
 
Obrigado [MENTION=9679]cicklow[/MENTION] você arrasou novamente! consegui realizar tudo, mas notei um problema, as imagens em miniatura em cada página se repetem :sorrow::sorrow:

não é que se repete, são os mesmos vídeos kkkkkkkk não estava com vontade de colocar 30 vídeos diferentes... se você reparar, o título é diferente em cada um...

---------- Post adicionado em 10-mar-2013 hora: 22:19 ----------

O paginador não funciona, continua com os três primeiros vídeos sempre, embora mude para a pág 1, mesmo colocando mais vídeos, muda os títulos mas continua linkando para o vídeo 0, 1 e 2

corrigido: http://test.cicklow.me/postAuto/postAuto.zip
 
Última edição:
Exijo o Facebook do Cliclow!!
 
superrr obrigado, a versão recarregada do vídeo viral haha

que pena que ontem comprei um site que faz a mesma coisa 😕
 

Tópicos similares

Cicklow
Respostas
27
Visitas
4K
Huguito2025
H
Cicklow
Respostas
237
Visitas
37K
masteryi
masteryi
Voltar
Topo