Quadro de informações na barra de ferramentas

[PrisoN†BreaK]

Detalhes da questão

Endereço do fórum: http://brasilplayfreedomofc.forumeiros.com/
Versão do fórum: PunBB

Descrição

Eu gostaria de saber como faço para coloca esse quadro de notificações e de informações desse mesmo jeito , porem na cor azul.

https://imgur.com/xfR8WLs

[while]

Olá, postamos um tutorial sobre isto recentemente...
Veja: https://ajuda.forumeiros.com/t105532-tutorial-personalizar-atalho-do-membro-da-barra-de-ferramentas#735738

Até mais.

[PrisoN†BreaK]

Fico bom, porém o de notificação não altero em nada. Ah e como faço para coloca um efeito nele, tipo o da print q mandei.

[while]

Olá não entendi, como assim um efeito?
E sobre o quadro de notificações, como desejas então?
Pois é totalmente diferente o modo de visualização dos dois, os dois não tem nenhum aspecto em igual.

Até mais.

[PrisoN†BreaK]

Eu desejo do mesmo jeito como o da print, porém com aquele triangulo, quando clica, no de notificação e no de informações. O Efeito que eu falo é um neon esbranquecido.

[while]

Olá, adicione mais esse código css em sua folha de estilo css:

Código:

body #fa_right.welcome #fa_menu #fa_welcome, body #fa_toolbar > #fa_right.notification > #fa_notifications {
    -moz-box-shadow: inset #000 0 1px 15px, rgba(255,255,255,0.1) 1px 0 0px, rgba(255,255,255,0.1) -1px 0 0;
    -webkit-box-shadow: inset #000 0 1px 15px, rgba(255,255,255,0.1) 1px 0 0px, rgba(255,255,255,0.1) -1px 0 0;
    background-color: rgba(0,0,0,0.5);
    box-shadow: inset #000 0 1px 15px, rgba(255,255,255,0.1) 1px 0 0px, rgba(255,255,255,0.1) -1px 0 0;
    color: #fff;
    text-shadow: 0 0 4px;
}
body #fa_menulist , #notif_list{margin-top:10px!important;}

Até mais.

[PrisoN†BreaK]

Não resulto.

[while]

Ai ai... esqueci de uma pequena parte, adicione mais isto na sua folha de estilo css:

Código:

#fa_menulist:before, #notif_list:before {
    border-color: transparent transparent #ebebeb;
    border-style: solid;
    border-width: 16px;
    bottom: 100%;
    content: '';
    height: 0;
    position: absolute;
    right: 9px;
    width: 0;
    z-index: 100;
}

Agora estará tudo ok
Até mais.

[PrisoN†BreaK]

Fico com o triangulo, porém o info de notificações não é igual ao da print =(

[while]

Mas amigo, é totalmente diferente a questão de notificações, eu lhe pedi acima para me dizer como queres, mas você não me explicou nada.

Se você fores ver no FDF, é totalmente diferente as abas...
Veja: http://prntscr.com/bk3km4
http://prntscr.com/bk3kr5

Como eu poderia fazer igual ao da imagem, se ela só me diz á respeito da barra de informação.

Até mais.

[PrisoN†BreaK]

Pode fecha, está bom já, obrigado.

[while]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.