Mini-Avatar na Barra de Ferramentas
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Mini-Avatar na Barra de Ferramentas
- Descrição:
Olá pessoal,
queria o code para inserir nosso Avatar na Toolbar,poderia me passar para phpBB3??
Abraços, Ulti.
- Informações:
Fórum: | http://areadetestes.forumeiros.com | Versão: | PHPBB3 |
Tipo: | Pedido de código | Tags: | Mini-Avatar,Barra,Ferramentas |
Re: Mini-Avatar na Barra de Ferramentas
Bom eu faço assim. Crio uma div com id, e depois edito a innerHTML dela para a variável já feita do fórum _userdata["avatar"]. Veja um exemplo:
Aqui a div, pré-criada. Onde vai ficar o avatar.
Aqui o Javascript que vai adicionar o avatar. E você pode editar as propriedades do avatar como width, etc:
Isso é apenas um exemplo, caso tenha dúvidas pergunte!
Espero ter ajudado.
Aqui a div, pré-criada. Onde vai ficar o avatar.
- Código:
<div id="avatar"></div>
Aqui o Javascript que vai adicionar o avatar. E você pode editar as propriedades do avatar como width, etc:
- Código:
<script>
document.onready = function(){
var tag = document.getElementById("avatar");
//A variável tag é a div onde vamos colocar o avatar
tag.innerHTML = _userdata["avatar"];
//Adiciona o avatar dentro da div
var avatar = tag.getElementsByTagName("img")[0];
//A variável avatar mudar as propriedades do avatar.
//Essa parte é apenas para exemplo de como mudar as propriedades.
avatar.style.width = "80px";
avatar.style.height = "80px";
}
</script>
Isso é apenas um exemplo, caso tenha dúvidas pergunte!
Espero ter ajudado.
Re: Mini-Avatar na Barra de Ferramentas
Desculpe, mas não resultou... Eu não tenho outros codes no fórum. ^^
Não obtive resultados.
Mas obrigado por tentar ajudar. ^^
Poderás insistir mais, vai que conseguimos?
~ Abraços, Ulti.
Não obtive resultados.
Mas obrigado por tentar ajudar. ^^
Poderás insistir mais, vai que conseguimos?
~ Abraços, Ulti.
Re: Mini-Avatar na Barra de Ferramentas
Olá!
Use este código, numa página Javascript, investido em todas as páginas!
Use este código, numa página Javascript, investido em todas as páginas!
- Código:
jQuery(function() {
isRead();
function isRead() {
if (jQuery('#fa_welcome').length) {
jQuery('#fa_welcome').prepend(_userdata.avatar).children('img').css( {
'border-radius' : '3px 3px 3px 3px',
'height' : '25px',
'margin-bottom' : '-10px',
'margin-right' : '5px',
'position' : 'relative',
'top' : '-3px',
'width' : '25px'
});
} else {
setTimeout(isRead, 100);
}
}
});
Re: Mini-Avatar na Barra de Ferramentas
UltimaterX escreveu:Desculpe, mas não resultou... Eu não tenho outros codes no fórum. ^^
Não obtive resultados.
Mas obrigado por tentar ajudar. ^^
Poderás insistir mais, vai que conseguimos?
~ Abraços, Ulti.
Oi, o código funciona pois eu uso em meu fórum. Possivelmente você colocou o javascript em gestão dos códigos javascript e lá document.onready não se executaria pois os scripts lá não "rodam" sozinhos. Eu uso o script em um widget(Por isso coloquei entre as tags script). Se quiser ponha-o em um widget.
- Código:
<script>
document.onready = function(){
var tag = document.getElementById("avatar");
//A variável tag é a div onde vamos colocar o avatar
tag.innerHTML = _userdata["avatar"];
//Adiciona o avatar dentro da div
var avatar = tag.getElementsByTagName("img")[0];
//A variável avatar mudar as propriedades do avatar.
//Essa parte é apenas para exemplo de como mudar as propriedades.
avatar.style.width = "80px";
avatar.style.height = "80px";
}
</script>
Até a próxima. :D
Re: Mini-Avatar na Barra de Ferramentas
Desculpe Hancki, mas não resultou. Lembrando que é code para phpBB3
Desculpe também Bomber, mas não quero que fique num Widget, e sim na Toolbar, na Barra de Ferramentas
Espero sua resposta Hancki.
~ Abraços, Ulti.
Desculpe também Bomber, mas não quero que fique num Widget, e sim na Toolbar, na Barra de Ferramentas
Espero sua resposta Hancki.
~ Abraços, Ulti.
Re: Mini-Avatar na Barra de Ferramentas
Boa tarde!
Queira seguir as dicas dos tópicos a seguir:
https://ajuda.forumeiros.com/t91293-
https://ajuda.forumeiros.com/t91157-
Até mais!
Queira seguir as dicas dos tópicos a seguir:
https://ajuda.forumeiros.com/t91293-
https://ajuda.forumeiros.com/t91157-
Até mais!
Re: Mini-Avatar na Barra de Ferramentas
Eu li o primeiro tópico, mas era pra PUNBB , e após o segundo, resultou
Obrigado mesmo.
~ Abraços, Ulti.
Obrigado mesmo.
~ Abraços, Ulti.
Tópicos semelhantes
» Avatar na barra de ferramentas
» Avatar nas notificações da barra de ferramentas
» Avatar na barra de ferramentas não aparece
» Exibir Avatar na Barra de Ferramentas
» Adicionar mini avatar na citação
» Avatar nas notificações da barra de ferramentas
» Avatar na barra de ferramentas não aparece
» Exibir Avatar na Barra de Ferramentas
» Adicionar mini avatar na citação
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos