CAPA DE PERFIL (como facebook, twitter e IPB) sem extensões - phpbb 3.1.X/3.2.X

Encontre aqui diversos Tutoriais, Dicas e Truques para iniciantes e avançados em phpBB3.
Avatar do usuário
LucasLV
Moderador
Moderador
Mensagens: 581
Registrado em: 18 Out 2013, 04:40

CAPA DE PERFIL (como facebook, twitter e IPB) sem extensões - phpbb 3.1.X/3.2.X

Mensagem por LucasLV » 16 Jan 2017, 22:11

Introdução:
Vamos aprender hoje como fazer uma capa de perfil para phpBB, semelhante àquela do facebook, twitter, IPB e etc. Usaremos campos de perfil personalizados e desta forma o usuário só precisará inserir o linik da imagem. O que é bom, pois a imagem não será copiada pro servidor e não ocupará espaço no mesmo.

Primeira etapa - No ACP
Navegue até ACP > USUÁRIOS E GRUPOS > Campos de perfil personalizados. Lá no rodapé, defina o nome como capa e escolha o tipo URL (link), como mostra a imagem abaixo. Depois clique em Criar novo campo.

Imagem

Na próxima tela, apenas marque a opção Exibir no Painel de controle do usuário.

Imagem

Na próxima tela, em Opções específicas ao tipo de perfil, você pode deixar como mostra a imagem.

Imagem

Salve o novo campo de perfil. Agora é hora de posicionar o campo para que seja imprimida a imagem e não link, através de HTML.

Segunda Etapa - No template
Abra root/styles/seuestilo/template/memberlist_view.html

Procure

Código: Selecionar todos

<!-- BEGIN custom_fields -->
			<!-- IF not custom_fields.S_PROFILE_CONTACT -->
Substitua com

Código: Selecionar todos

<!-- BEGIN custom_fields -->
		<!-- IF not custom_fields.S_PROFILE_CONTACT and not custom_fields.S_PROFILE_CAPA  -->
Explicação:Como vimos no tutorial anterior, este código faz com que o campo não seja exibido na localização padrão dos profile fields e assim podemos posicionar nossa capa lá em cima do perfil, como deve ser.

Ainda em memberlist_view.html, procure:

Código: Selecionar todos

<form method="post" action="{S_PROFILE_ACTION}" id="viewprofile">
ADICIONE ABAIXO

Código: Selecionar todos

<!-- IF S_PROFILE_CAPA -->
	<div class="capa-de-perfil-imagem">
		<img src="{PROFILE_CAPA_VALUE_RAW}" class="header-customizado" />
	</div>
<!-- ENDIF -->
Abra root/styles/seuestilo/common.css
Adicione la embaixo

Código: Selecionar todos

/* Capa de perfil por LucasLV */

.capa-de-perfil-imagem {
  width: 100%;
  overflow: auto;
  position: relative;
}
.capa-de-perfil-imagem > .header-customizado {
  width: 100%;
}
E o resultado se segue...

No UCP, link para a imagem
Imagem

No perfil, a capa é exibida
Imagem

E é isso. Espero que gostem. E peço que se reproduzirem esse tutorial, creditem o suporte phpBB, da mesma forma que damos o crédito necessário a conteúdos extraídos de outros sites :-)


Avatar do usuário
LucasLV
Moderador
Moderador
Mensagens: 581
Registrado em: 18 Out 2013, 04:40

Re: CAPA DE PERFIL (como facebook, twitter e IPB) sem extensões - phpbb 3.1.X/3.2.X

Mensagem por LucasLV » 23 Jan 2017, 19:23

Que maravilha! :-D

VOu baixar

Avatar do usuário
orange
Novato
Novato
Mensagens: 7
Registrado em: 22 Ago 2017, 21:20
Nome Real: Lucas

Re: CAPA DE PERFIL (como facebook, twitter e IPB) sem extensões - phpbb 3.1.X/3.2.X

Mensagem por orange » 22 Ago 2017, 22:59

O tutorial não deu certo comigo =(
Talvez seja por causa do estilo, uso o Basic.
A extensão também não foi, provavelmente por causa do estilo tmb =/
Lucas d'Albuquerque e Orange
Províncias Unidas de Maurícia

Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3257
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: CAPA DE PERFIL (como facebook, twitter e IPB) sem extensões - phpbb 3.1.X/3.2.X

Mensagem por Chico Gois » 23 Ago 2017, 00:15

Pelo painel de administração limpe o cache
Atenciosamente,

Chico Gois
Download da tradução: CLIQUE AQUI
Não envie MP pedindo ajuda, utilize o fórum
:: Mundo phpBB ::

eunaumtenhoid
Novato
Novato
Mensagens: 57
Registrado em: 12 Mai 2009, 04:26
Localização: No momento, aqui no forum suportephpbb
Contact:

Re: CAPA DE PERFIL (como facebook, twitter e IPB) sem extensões - phpbb 3.1.X/3.2.X

Mensagem por eunaumtenhoid » 24 Ago 2017, 11:04

fantastico cara vou usar vlw
  • Instalação do phpbb3 (Limpa) == 5 reais
  • Instalação de mods == 1 real por minuto
  • Atualização do phpbb3 == 15 reais
  • Suporte no suportephpBB.com.br == NÃO TEM PREÇO!
Imagem
OBS.: Não dou suporte por MP e muito menos por MSN

Responder