InícioBarra de Ferramenta
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Barra de Ferramenta
por YouTube3 13.08.15 15:44
Opá! vim pedir so mais uma ajudinha
Meu Problema: https://i.imgur.com/cfIXXSK.png
como eu quero minha barra de ferramenta: https://i.imgur.com/eKBDAx6.png
Obrigado !!!
Meu Problema: https://i.imgur.com/cfIXXSK.png
como eu quero minha barra de ferramenta: https://i.imgur.com/eKBDAx6.png
Obrigado !!!
Última edição por Zeek_Krieger em 13.08.15 15:49, editado 1 vez(es)
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Sennior 13.08.15 15:47
Saudações,
Mas segundo a Print Screen, não existe diferença entre elas.
Poderia re-ver as PrintS postadas? Acho que se confudiu.
Até mais.
Sennior
Mas segundo a Print Screen, não existe diferença entre elas.
Poderia re-ver as PrintS postadas? Acho que se confudiu.
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Sennior 13.08.15 15:53
Saudações,
Coloque este código CSS:
E aí, como ficou?
Até mais.
Sennior
Coloque este código CSS:
- Código:
div#fa_toolbar {
-webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.52);
background-color: #3a5795;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);
background-position: 0 0;
background-repeat: repeat-x;
background-size: auto;
border: 0;
border-bottom: 1px solid #133783;
min-width: 981px;
z-index: 300;
padding: 3px;
}
input#fa_textarea {
margin-right: 0!important;
margin-left: 12pc!important;
}
span#fa_share {
display: none!important;
}
a#fa_welcome {
display: none!important;
}
a#fa_notifications {
position: relative;
left: -8pc;
}
#fa_notifications{margin-right: 0px;width: 110px;text-align: right;position: relative;left: -6pc;background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yA/r/k_lAKDHNA3E.png);background-size: auto;background-position: -2px -640px;padding-right: 130px!important;z-index: 999;background-repeat: no-repeat;font-weight: 700;border-right: none!important;font-family:'helvetica neue', helvetica, arial, 'lucida grande', sans-serif!important;-webkit-font-smoothing: antialiased!important;margin-left: 2px!important;font-style: normal!important;text-transform: initial!important;text-decoration: initial!important;}
a#fa_magnifier {
background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yM/r/nD48zLxSt0n.png)!important;
background-position: 0 -354px!important;
background-repeat: no-repeat!important;
background-size: auto!important;
height: 18px!important;
top: 8px!important;
width: 19px!important;
margin-right: 0!important;
margin-left: 0!important;
left: 41pc!important;
right: 0!important;
}
a#fa_hide {
display: none!important;
}
span#fa_left {
position: relative;
left: 12pc;
}
input#fa_textarea {
width: 22pc!important;
padding: 1px!important;
margin-top: 1px!important;
}
E aí, como ficou?
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Barra de Ferramenta
por YouTube3 13.08.15 15:57
Opá! @Sennior Ela so fico assim agora: https://i.imgur.com/6NFWVoW.png se tivesse como Deichar daquela maneira como lhe mostrei seria ótimo..
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Sennior 13.08.15 15:58
Saudações,
Mas onde o senhor viu aquela função?
Até mais.
Sennior
Mas onde o senhor viu aquela função?
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Fraise 13.08.15 16:04
Olá!
Adicione à sua folha de estilos:
Cumprimentos.
Fraise
Adicione à sua folha de estilos:
- Código:
#fa_toolbar #fa_right #notif_list:hover {
overflow-y:scroll!important;
}
#notif_list {
margin-left:-180px!important;
margin-top:10px!important;
}
#fa_left {
margin-left:10%!important;
position:static;
}
#fa_toolbar #fa_fb,#fa_toolbar #fa_gp,#fa_toolbar #fa_hide,#fa_toolbar #fa_magnifier,#fa_toolbar #fa_mail,#fa_toolbar #fa_rss,#fa_toolbar #fa_twitter,#fa_toolbar_hidden #fa_show {
background-image:url(http://i.imgur.com/NvhJe7y.png)!important;
}
#fa_search #fa_textarea {
border:solid 1px #0991BE!important;
border-radius:3px!important;
box-shadow:0 0 7px rgba(0,0,0,0.32);
height:24px;
width:300px!important;
}
#fa_toolbar #fa_icon {
background-image:url(http://i.imgur.com/TWUeXQF.png)!important;
background-repeat:no-repeat;
background-size:23px;
display:inline-block!important;
height:30px;
margin-left:10px;
visibility:visible!important;
width:30px;
}
#fa_search {
margin-left:3%;
}
#fa_toolbar #fa_service {
color:#FFF!important;
text-shadow:0 1px 4px #6B6B6B;
}
#fa_toolbar #fa_service,#fa_toolbar #fa_service[href]:hover {
color:#FFF!important;
}
#fa_toolbar {
-webkit-box-shadow:0 2px 2px -2px rgba(0,0,0,.52);
background-image:url(http://i.imgur.com/HlEVEaj.png)!important;
background-repeat:repeat-x;
border:0;
border-bottom:1px solid #133783!important;
}
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Barra de Ferramenta
por YouTube3 13.08.15 16:05
Opá! @Fraise ficou do mesmo jeito que o sennior me passou '-
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Fraise 13.08.15 16:14
Olá!
Mas não era assim que o senhor queria?
https://i.imgur.com/Jfxt7pT.png
Ou deseja a barra de pesquisa na barra também?
Cumprimentos.
Fraise
Mas não era assim que o senhor queria?
https://i.imgur.com/Jfxt7pT.png
Ou deseja a barra de pesquisa na barra também?
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Fraise 13.08.15 16:20
Olá!
Para que o avatar apareça ao lado do nome de usuário, crie um novo JavaScript com investimento 'Em todas as páginas' com o código abaixo:
Será isso?
Cumprimentos.
Fraise
Para que o avatar apareça ao lado do nome de usuário, crie um novo JavaScript com investimento 'Em todas as páginas' com o código abaixo:
- Código:
/*
* Application: Toolbar with member avatar
* Description: This application can displays the member avatar in Forumotion toolbar's!
* Version: 1.08032014-jq1.9.1 - Keb (Horus)
* Made and Optimizations by JScript - 2014/03/08
* View more in: http://ajuda.forumeiros.com
* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
* This work is free. You can redistribute it and/or modify it
* under the terms of the WTFPL, Version 2
*/
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);
}
}
});
Será isso?
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Fraise 13.08.15 16:26
Olá!
Verifique se tem o JavaScript habilitado.
A opção "Habilitar o gerenciamento dos códigos JavaScript" tem de estar marcada como Sim.
Cumprimentos.
Fraise
Verifique se tem o JavaScript habilitado.
A opção "Habilitar o gerenciamento dos códigos JavaScript" tem de estar marcada como Sim.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Sennior 16.08.15 1:02
Bazinga! 
Primeiro, adicione este código CSS:
Depois, crie um novo javascript com investimento em todas as páginas:
Salve e pronto.
Esta a seu agrado?
Até mais.
Primeiro, adicione este código CSS:
- Código:
a#fa_notifications {
background: url("http://i.imgur.com/icq95wF.png") 2px;
background-repeat: no-repeat;
padding-left: 26px!important;
padding-top: 0px!important;
}
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #3C5A99!important;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_toolbar {
-webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.52);
background-image: url(http://i.imgur.com/HlEVEaj.png)!important;
background-repeat: repeat-x;
border: 0;
border-bottom: 1px solid #133783!important;
}
#fa_toolbar {
background-color: #FFF;
border-bottom: 5px solid #009CFF;
}
#fa_toolbar {
left: 0px;
height: 40px !important;
padding-top: 5px !important;
background-color: #1670F7;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 999;
}
#fa_toolbar {
z-index: 999;
}
#fa_toolbar {
background-color: #FFF;
border-bottom: 5px solid #009CFF;
}
.fa_fix {
position: fixed !important;
position: absolute;
top: 0;
right: 0;
}
.fa_toolbar_XL_Sized {
min-width: 980px;
width: 100%;
}
#fa_left {
display: inline-block !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
line-height: 30px !important;
}
#fa_left {
margin-left: 10%!important;
position: static;
}
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
display: inline-block !important;
vertical-align: middle;
}
#fa_toolbar #fa_icon {
display: inline-block !important;
visibility: visible !important;
background-repeat: no-repeat;
background-image: url('http://2img.net/i/fa/i/toolbar/pa0.png');
background-size: 30px;
width: 30px;
height: 30px;
}
#fa_toolbar #fa_icon {
background-image: url(http://i.imgur.com/TWUeXQF.png)!important;
background-repeat: no-repeat;
background-size: 23px;
display: inline-block!important;
height: 30px;
margin-left: 10px;
visibility: visible!important;
width: 30px;
}
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
border: 1px solid transparent;
border: none;
}
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
border: 1px solid transparent;
border: none;
}
#fa_toolbar :link, #fa_toolbar :visited {
color: #FFFFFF;
text-decoration: none;
}
#fa_toolbar :link, #fa_toolbar :visited {
color: #FFFFFF;
text-decoration: none;
}
#fa_icon, #fa_toolbar #fa_service {
color: #FFFFFF;
}
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
display: inline-block !important;
vertical-align: middle;
}#fa_search #fa_textarea {
text-indent: 30px !important;
width: 200px;
height: 24px;
padding: 0px;
border: 0px;
margin-top: 3px;
border-radius: 5px;
line-height: 24px;
}
#fa_search #fa_textarea {
border: solid 1px #0991BE!important;
border-radius: 3px!important;
box-shadow: 0 0 7px rgba(0,0,0,0.32);
height: 24px;
width: 300px!important;
}
#fa_search #fa_textarea {
border: 1px solid #369FCF !important;
}
#fa_search #fa_textarea {
text-indent: 30px !important;
width: 200px;
height: 24px;
padding: 0px;
border: 0px none;
margin-top: 3px;
border-radius: 5px;
line-height: 24px;
}
#fa_search #fa_textarea {
border: 1px solid #369FCF !important;
}
#fa_search #fa_textarea {
text-indent: 30px !important;
width: 200px;
height: 24px;
padding: 0px;
border: 0px none;
margin-top: 3px;
border-radius: 5px;
line-height: 24px;
}
html, button, input, select, textarea {
font-family: "Source Sans Pro", Helvetica, sans-serif;
}
span#fa_share {
display: none!important;
}
Depois, crie um novo javascript com investimento em todas as páginas:
- Código:
jQuery(document).ready(function () {
isRead();
function isRead() {
if (jQuery('#fa_welcome').length) {
$('#fa_welcome').text(' ' + _userdata["username"] + ' ');
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)
}
}
});
Salve e pronto.
Esta a seu agrado?
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Barra de Ferramenta
por YouTube3 16.08.15 1:09
Opá! @Sennior muito obrigado mais 1 vez reputed ! pode closar !
YouTube3- Super Membro
- Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597 -
Re: Barra de Ferramenta
por Sennior 16.08.15 1:09
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Tópicos semelhantes» Barra de ferramenta nova
» ChatBox Barra Ferramenta
» Chatbox na barra de ferramenta
» Espaço após a barra de menu / ferramenta de busca
» Barra de ferramenta do forum
» ChatBox Barra Ferramenta
» Chatbox na barra de ferramenta
» Espaço após a barra de menu / ferramenta de busca
» Barra de ferramenta do forum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
