[TUTORIAL] Imagem nas postagens
Página 1 de 1
[TUTORIAL] Imagem nas postagens
![]() | Imagem nas postagens |
Através deste tutorial você poderá aprender a implantar uma imagem de fundo em uma postagem, o fundo só irá aparecer para um integrante de um rank específico.
--> Tutoriais, dicas e astúcias <--
Imagem nas postagens para raks especificos
Imagem nas postagens para raks especificos
1º - Explorando o código:
Há códigos disponíveis para cada versão:
![]() | phpBB3 |
jQuery(document).ready(function(){
jQuery("div.post:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});
![]() | phpBB2 |
jQuery(document).ready(function(){
jQuery(".forumline .row1, .forumline .row2:has('.nomedorank')").css('background','url(URL DA IMAGEM) repeat-y top left')});
![]() | PunBB |
jQuery(document).ready(function(){
jQuery(".post:has('.nomedorank')").css('background','url(URL DA IMAGEM) repeat-y top left')});
![]() | Invision |
Valor em vermelho -> Deverá ser alterado pelo nome do rank, de acordo com o que iremos aprender ao longo do tutorial.jQuery(document).ready(function(){
jQuery(".postprofile:has('.nomedorank')").css('background','url(URL DA IMAGEM) repeat-y top left')});
2º - Inserindo código .JS:
Primeiro devemos adicionar o codigo .JS que irá fazer tal efeito em nosso forum, então deveremos aceder a:
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
3º - Modificando o rank:
Agora iremos modificar o rank no qual queremos que os usuarios do tal recebam o efeito, acederemos ao:
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Selecione um rank e clique no botão "
![Editar](/users/2612/28/77/07/smiles/1157900288.png)
No campo "Título do rank" deverá substituir por este código:
O valor vermelho será o comando do código .JS - E o campo selecionado como verde será o título anterior do rank, por exemplo, "Administrador".<span class="nomedorank">Título do rank</span>
4º - Resultado através de uma imagem:
--> FAQ do Tutorial <--
Imagem nas postagens para raks especificos
Imagem nas postagens para raks especificos
- Vocês disponibilizam imagens para utilização?
Algumas sim, certas utilizadas no FdF:
Caso contrário poderá pedir uma modificação na seção de Criações gráficas.
© Fórum dos Fóruns & MateusV.
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Imagem nas postagens para raks especificos |
![-](https://2img.net/i/empty.gif)
» [TUTORIAL] Formulário de Postagens
» [TUTORIAL] Criar um formulário de postagens
» Imagem nas postagens
» Imagem nas postagens
» Duvida > imagem nas postagens
» [TUTORIAL] Criar um formulário de postagens
» Imagem nas postagens
» Imagem nas postagens
» Duvida > imagem nas postagens
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos