Ir para conteúdo

Avatares Maiores

Teoricamente é para funcionar em todas as versões, mas só testei nas versões 4.1 e 4.2, testem na versão 4.3 (usando o tema original do IPBOARD) e me avisem!

Antes de tudo faça backup do seu tema.

 

Passo 1:

Vá até o ACP > Customization > Themes e escolha o tema que quer editar

 

Passo 2:

Procure por postContainer no template

1.png

Passo 3: 

Procure por:

<li class='cAuthorPane_photo'>
			{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
</li>

 

Passo 4: 

Substitua por:

<li class='cAuthorPane_photo'>
			{template="userPhoto2" app="core" group="global" params="$comment->author(), 'variable', $comment->warningRef()"}
		</li>

 

Passo 5:

Crie um novo HTML Template

2.png

Name: UserPhoto2

Variables:

$member, $size='small', $warningRef=NULL, $classes='', $hovercard=TRUE

Location: Add To an existing location

Existing Location: front

Group: Add to an existing group

Existing Group: global

3.png

Passo 6:

Encontre HTML template "UserPhoto2" e cole o seguinte código nele

{{if $member->member_id and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}}
{{$memberURL = ( $warningRef ) ? $member->url()->setQueryString( 'wr', $warningRef ) : $member->url();}}
	<a href="{$memberURL}" {{if $hovercard}}data-ipsHover data-ipsHover-target="{$memberURL->setQueryString( 'do', 'hovercard' )}"{{endif}} class="ipsUserPhoto ipsUserPhoto_{$size}{{if $classes}} {$classes}{{endif}}" title="{lang="view_user_profile" sprintf="$member->name"}">
		<img src='{{if $member->pp_main_photo}}{file="$member->pp_main_photo"}{{else}}{file="$member->photo"}{{endif}}' alt='{$member->name}'>
	</a>
{{else}}
	<span class='ipsUserPhoto ipsUserPhoto_{$size} {{if $classes}}{$classes}{{endif}}'>
		<img src='{file="$member->photo"}' alt='{$member->name}'>
	</span>
{{endif}}

 

Passo 7:

Na aba do CSS encontre o custom.css e cole o seguinte código no final do mesmo

.ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after {
		width: 170px;
		{{if theme.rounded_photos}}
			border-radius: 0px;
		{{endif}}
	}

 

Salve tudo e atualize a pagina do fórum e vá até um tópico e veja se deu certo

imageproxy.php,qimg=http,P3A,P2F,P2Fi.imgur.com,P2FlRkpige.png,akey=8c572a95b11f75df68fd4690562cc977b10b01547e9e64b522230b8fb1b06a07.pagespeed.ce.wB4M9SF7xu.pngimageproxy.php,qimg=http,P3A,P2F,P2Fi.imgur.com,P2FHrsuZra.png,akey=7a4141dba9076af24dff409958f70f2d970f0a0c2fb7871d6b62a81af3e23883.pagespeed.ce.IaXJ_kGm9h.png

  • Curtir (+1) 1



  • Comentários do tutorial

    • Esse efeito neon é tão bonito que parece que meu site vai sair do monitor e começar a brilhar na parede! 🌟 Só espero que meus olhos consigam lidar com tanto brilho hahaha. Muito obrigado por compartilhar esse tutorial incrível!
    • Eu já tava pensando em criar um cardápio digital, mas achava que ia ser algo super complicado envolvendo programação avançada e sacrifícios à deusa da tecnologia 🔮. Agora vejo que é só subir um PDF e gerar um QR Code. Muito obrigado por simplificar minha vida!"
    • Eu comecei a aprender JavaScript semana passada e até agora só consegui criar um alert('Hello World') que assustou minha mãe quando ela mexeu no meu computador hahaha. Mas sério, obrigado pela recomendação, vou dar uma olhada nesse curso pra ver se saio do nível 'alert' pro nível 'programador ninja'!
×
×
  • Criar Novo...

Informação Importante

Termos de Uso Política de Privacidade Regras