Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Template quebra ao ser editado
Hoje à(s) 12:52 am por Starset

» Tooltip no nome do usuário
Ontem à(s) 11:29 pm por Ramon Rodrigues

» Personalizar barra de ferramentas
Ontem à(s) 07:29 pm por Luiz

» Aparecer pop-up de login ao clicar em Conectar-se
Ontem à(s) 07:05 pm por Flames

» Menu fórum
Ontem à(s) 06:04 pm por PrisoN†BreaK

» Um pão com queijo
Ontem à(s) 05:40 pm por Luiz

» Skyfall DayZ Brasil
Ontem à(s) 05:22 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
Shek
 
Flames
 
APOllO
 
JulioPais
 
Forumpw
 

Quem está conectado
237 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 236 Visitantes :: 2 Motores de busca

Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

[Chatbox] Botão Chatbox na barra denavegação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido [Chatbox] Botão Chatbox na barra denavegação

Mensagem por Allenkar_ em 25/03/16, 06:10 pm

Detalhes da questão


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

Descrição


Estou tentando colocar um chatbox ao lado de Notificações, porem não estou conseguindo, ja li todos os tutoriais, porem não consegui. alguém me ajuda?


esse é o meu codigo CSS

Código:
#fa_ranktitle {
 color: #000 !important;
}
#fa_chat_container {
 background:#FFF;
 background-color: transparent!important
 border:1px solid #FFFFFF;
 border-radius:3px;
 position:fixed;
 right:3px;
 z-index:999;
 overflow:hidden;
 min-width:500px;
 min-height:250px;
 transition:300ms;
 font-family: "Helvetica Neue",Arial,sans-serif;
 font-size: 16px!important;
}

#fa_chat {
 border:none;
 width:100%;
 height:100%;
 font-family: "Helvetica Neue",Arial,sans-serif;
 font-size: 16px!important;
}

#fa_chat_button {
 color:#FFFFFF;
 background-color: transparent!important
 line-height:30px;
 margin-left:10px;
 padding:0 5px;
 cursor:pointer;
 font-family: "Helvetica Neue",Arial,sans-serif;
 font-size: 16px!important;
}

#fa_chat_button.fa_chat_active {
 color:#FFFFFF;
 background:#FFF;
 background-color: transparent!important
 font-family: "Helvetica Neue",Arial,sans-serif;
 font-size: 16px!important;
}
#fa_right #fa_notifications {
color: #FFFFFF!important;
background-color: transparent!important
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 16px!important;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #FFFFFF!important;
background-color: transparent!important
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 16px!important;
}
body {
color: #000;
font: 12px/150% "Helvetica Neue", Arial, sans-serif;
background: #FFF url(\'http://i.imgur.com/BXM2Fuc.jpg\') no-repeat top center;
background-size: 100% auto;
background-attachment: fixed;
}
.pun {
line-height: 230%;
min-width: 768px;
width: 100%;
padding: 0px;}
#topbar {
background: url() 0 0 repeat-x;
line-height: 20px;
padding: 10px 0;
overflow: hidden;
font-size: 90%;
}
.wrapper {
margin: 0 auto;
width: 980px;
}
#toplinks {
float: right;
}
.time {
color: #555;
list-style: none;
}
#pun-head #pun-navlinks {
 background: #5959AB;
 border: solid #42426F;
 border-width: 0 0 5px 0;
 box-shadow: inset 0 4px 0 0 #383861;
 height: 75px;
 line-height: 75px;
 margin: 0!important;
 padding: 0!important;
 z-index: 999;
}
#pun-navlinks li a {
  color: #FFF;
  font-family: "Helvetica Neue",Arial,sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 60px;
  margin: 0!important;
  padding: 22px 0!important;
  text-transform: uppercase;
}
#pun-navlinks li a:hover {
animation: 1s;
-webkit-animation: 1s;
color: white;
text-shadow: 0 0 3px #FFF;
text-decoration: auto!important;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
margin: none;
}
#pun-intro {
background: #383861;
margin: auto;
text-align: center;
padding: 25px 0 0 0;
width: 100%;
border:none;}
#content {
padding: 10px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#page-body {
margin: auto;
background: #FFFFFF;
box-shadow: 0 0 3px 0 #000000;
padding: 5px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 1118px;
}
#main_content_top {
background: #000 url(http://i.imgur.com/cfMqh.png) repeat-x;
height: 60px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-left-radius: 5px;
text-shadow: 0 1px 0 white;
}
#memb_login {
float: left;
margin-top: 12px;
padding-left: 20px;
width: 500px;
}
#memb_login ul, #memb_login li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#memb_login .login_icon {
background: url(http://i.imgur.com/ATlGt.png) 0 50% no-repeat;
}
#memb_login a {
color: #888888;
font-size: 12px;
text-decoration: none;
line-height: 20px;
}
#memb_login .login_icon span, #memb_login .signup_icon span {
padding: 0 0 0 40px;
display: block;
}
#memb_login .uppertext, #memb_login .memb_greeting {
font-size: 16px;
color: #323436;
text-transform: uppercase;
display: block;
}
#memb_login .signup_icon {
background: url(http://i.imgur.com/KeBCD.png) 0 50% no-repeat;
margin-left: 50px;
}
#memb_login a:hover {
color: #454545;
}
#search {
float: right;
background: url(http://i.imgur.com/l4a8b.png) 0 0 no-repeat;
width: 245px;
height: 65px;
position: relative;
margin-bottom: -6px;
padding-right: 20px;
}
#keywords.inputbox.search {
position: absolute;
top: 15px;
right: 62px;
width: 157px;
height: 16px;
padding: 8px 5px 6px 8px;
background: none;
border: none;
outline: none;
overflow: hidden;
font: 13px Arial, sans-serif;
}
#search .search_button {
position: none;
top: 0;
right: 20px;
width: 42px;
height: 60px;
background: none;
border: none;
outline: none;
cursor: none;
}
#pun-foot {
clear: both;
width: 980px;
margin: auto;
position: relative;
top: 80px;
}
#pun-about {
color: #000;
background: none;
border: none;
line-height: 150%;
padding: 0;
text-align: center;
}
#pun-about ul li a {
color: #000;
font: 12px "Helvetica Neue", Arial, sans-serif;
text-decoration: none!important;
}
.main .main-head ,.main .main-foot {
height: auto;
}
.main .main-foot, .main .main-head {
 cursor: default;
 margin-top: 3px;
 background-color: #5959AB;
 color: #FFF;
 text-transform: uppercase;
 padding: 12px 0 10px 8px;
}
.pun table .tcr {
width: 25%;
}
.largertext {
font-size: 120%;
color: #fff;
}
.fadetext{
color: #fff;
font-size: 12px;
}
.pun table.table td {
background-color: white;
line-height: 130%;
border-left: none;
border-bottom: 1px solid #383861;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #383861;
border-left: none;
}
.tcicons {
width: 5%;
background-color: #FFF!important;
}
.statusid {
margin-left: 10px!important;
margin-right: 0px!important;
}
.stadisticageneral {
padding:10px;
background: #5959AB;
border: 1px solid #5959AB;
}
.cat_bar {
background-image: url(http://i.imgur.com/3mBvC.png);
padding-left: 9px;
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
color: #DDDDDD;
margin-bottom: 5px;}
.titlebg {
color: #1C1C1C;
text-shadow: 0 1px 0 white;
background: url(http://i.imgur.com/hfnii.png);
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 120%;
font-weight: normal;
padding-left: 9px;
}
.stadisticageneral p{
margin: 0 0 0.2em 0;
padding: 0.2em;
}
#pun-about fieldset {
display: none;
}
.pun .postmain {
border: none;
margin-left: 15em;
background-color: white;
}
.pun .post {
background-color: white;
border-style: solid!important;
border-width: 1px 0px 0px 0px;
border-color: #DDDDDD;
}
.pun .topic {
background: white;
border: none;
}
.postfoot {
border-top: none;
margin-left: 0em;
}
.pun .posthead {
background: white;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #DDDDDD;
font-size: 11px;
}
.pun .sig-content {
border-top: 1px #DDDDDD solid;
}
.pun .post .user {
margin-left: -16em;
font-size: 12px;
overflow: inherit;
text-align: center;
}
#profile-advanced-right {
float: left;
 left: -5px;
 position: relative;
 top: 70px;
 width: 31.5%;
 box-shadow: 0 0 3px 0 #666666;
 background: rgb(251, 251, 251);
}
#profile-advanced-layout {
float: right;
margin-top: 50px;
margin-left: 0;
margin-right: 0;
width: 68.2%;
}
#profile-advanced-left {
margin-right: 0px;
margin-left: 0px;
margin-top: 20px;
box-shadow: 0 0 3px 0 #666666;
background: rgb(251, 251, 251);
}
#copyright {
float: right;
}
.fameforum {
color:  #42426F;
font-size: 11px;
font-weight: bold;
}
.fameforum a {
color:  #42426F!important;
font-size: 12px;
font-weight: 700;
}
.pun table.table td {
padding: .2em 0 .2em;
}
.pun-crumbs p {
line-height: 1.5;
margin: 0;
color: #464646;
font-size: 0.95em;
}
.pun-crumbs p a{
color: #464646!important;
}
a{
text-decoration: none!important;
}
a:hover{
text-decoration: none!important;
}
#pun-about ul li a:hover{
text-decoration: none!important;
}
.forum-div {
 padding-left: 25px;
 padding-top: 2px;
}
span.forum-desc {
 color: #FFF;
}
div#pun-navlinks a[href="/faq"], div#pun-navlinks a href="/search"] {
 display: none;
}
#fa_toolbar {
 height: auto!important;
 padding: 0!important;
 height: 46px!important;
 background-color: #5959AB!important;
 color: #5959AB!important;
 font-size: 14px!important;
}
#fa_share{
 display: none!important;
}
#fa_search #fa_textarea {
 width: 256px!important;
 height: auto!important;
 padding: 4px 0 4px 5px!important;
 margin-top: 0!important;
 border-radius: 0!important;
 color: #5959AB!important;
 outline: none;
}
#fa_magnifier {
 background-image:url(\'http://i.imgur.com/RtCxnFa.png\')!important
 background-size: 100% auto!important;
}
#fa_toolbar #fa_left, #fa_hide {
 display: none!important;
}
#fa_right a {
 height: 46px!important;
 line-height: 46px!important;
}
#fa_right {
 margin-right: 40px;
}
#fa_search {
 margin-left: 40px!important;
 position: relative;
 top: 7px;
}
#fa_welcome, #fa_notifications {
 height: 46px!important;
 line-height: 46px!important;
}
#fa_menulist {
 left: 870px!important;
 border: #FFF!important;
 border-width: 0 0 3px 0!important;
}
#fa_menulist a:link, #fa_menulist a:visited {
 color: #FFF!important;
}
#fa_notiflist {
 left: 870px!important
  border: #FFF!important
  border-width: 0 0 3px 0!important
}
#fa_notiflist a:link, #fa_notiflist a:visited {
 color: #000!important;
}
#notif_list {
 background: #FFF!important;
}
.see_all {
 background: none!important;
}
.pun .main-content {
 background-color: #FFF;
 border: none;
}
.main-content tr th {
 background: #383861!important;
 color: #FFF!important;
 height: 0;
 line-height: 10px;
 text-transform: uppercase;
 font-size: 10px;
 cursor: default;
}
.tc2, .tc3 {
 background: #42426F;
 border: none!important;
 color: #FFF;
 box-shadow: 0 3px 0 0;
 cursor: default;
}
.statused .tc2:hover, .statused .tc3:hover {
 background: #5959AB!important;
}
span.content-num {
 font-size: 18px;
 font-weight: 700;
}
.content-name {
 text-transform: lowercase;
 font-variant: small-caps;
 font-weight: 700;
}
.last-post-div {
 font-size: 12px;
 /*text-transform: uppercase;*/
}
.last-post-div a {
 font-weight: 700;
}
.last-post-info {
 font-size: 11px;
 font-weight: 300!important;
}
.main-content tr td {
 padding-top: 12px!important;
 padding-bottom: 12px!important;
}
a[href="/u1"]:hover:after {
 background: #383861;
 border-radius: 25px;
 color: #FFF;
 content: Fundador Tate Peters e Editor Charles HBT 3D;
 display: inline-block;
 font-size: 10px;
 opacity: .9;
 padding: 4px 10px;
 position: absolute;
 margin: -25px 0 0 -75px;
 text-transform: uppercase;
 width: 256px;
}
.sub-forums {
 display: block;
 position: relative;
 background: rgb(241, 241, 241);
 height: 48px;
 width: 90%;
 line-height: 48px;
 text-align: center;
 color: rgb(241, 241, 241);
 border-bottom: 1px dashed rgb(214, 214, 214);
}
.sub-forums a {
 background: rgb(214, 214, 214);
 padding: 7px 10px 7px 10px;
 box-shadow: 0 3px 0 0 rgb(183, 183, 183);
 color: rgb(126, 126, 126)!important;
}
.sub-forums a:hover {
 position: relative;
 top: 2px;
 box-shadow: 0 1px 0 0 rgb(183, 183, 183);
}
#pun-announcement {
 background-color: #383861;
 color: rgb(94, 39, 15);
 border: none;
 padding: 1em;
}
input[type="submit"], input[type="reset"] {
 background: #5959AB;
 color: #fff;
 font-size: 12px;
 padding: 10px 7px 10px 7px!important;
 outline: none!important;
 border: solid #42426F;
 border-width: 1px 1px 3px 1px;
 cursor: pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
 position: relative;
 top: 2px;
 border-width: 1px 1px 1px 1px;
}
.pun .main .options {
 padding: 0 25px 0 0;
 height: 32px;
 line-height: 32px;
}
.frm-buttons.fb {
 height: 48px;
}
#pun-intro {
  transition: 1s;
  -webkit-filter: grayscale(100%);
}
#pun-intro:hover {
  transition: 1s;
  -webkit-filter: grayscale(0);
}
a.mainmenu {
  transition: .2s;
}
a.mainmenu:hover {
  transition: .2s;
  font-size: 20px!important;
}
h4.username {
 background: rgb(247, 247, 247);
 border: solid rgb(221, 221, 221);
 border-width: 1px 1px 3px 1px;
 border-radius: 5px;
 padding: 5px;
 margin-bottom: 10px;
 width: 90%;
 position: inherit!important;
}

.user_login_form.main-box.center {
 height: 38px;
}

#fa_search #fa_textarea {
display: none;
margin:0!important;
}

#search-box {
display: none!important;
}

#fa_search form {
display: none!important;
}

.page-title div[id^="bc"] {
      padding-right: 40px !important;
      margin-top: -0px !important;
}
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:200px}
#quick_reply{background:url(http://pre01.deviantart.net/0958/th/pre/i/2015/019/9/1/hoopa_unbound_by_korupo-d8eiwot.png) center left no-repeat; background-size:25% auto;height:auto;display:block}
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 30/04/2014
Mensagens : 90
Pontos Ativos : 146

http://poke-mind.forumeiros.com

Resolvido Re: [Chatbox] Botão Chatbox na barra denavegação

Mensagem por Allenkar_ em 26/03/16, 03:16 pm

UP
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 30/04/2014
Mensagens : 90
Pontos Ativos : 146

http://poke-mind.forumeiros.com

Resolvido Re: [Chatbox] Botão Chatbox na barra denavegação

Mensagem por Fraise em 26/03/16, 03:41 pm

Olá!

Leia: http://ajuda.forumeiros.com/t98729-

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: [Chatbox] Botão Chatbox na barra denavegação

Mensagem por Allenkar_ em 26/03/16, 03:59 pm

Olá @Fraise,
Já fiz todos os passos e mesmo assim não funcionou
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 30/04/2014
Mensagens : 90
Pontos Ativos : 146

http://poke-mind.forumeiros.com

Resolvido Re: [Chatbox] Botão Chatbox na barra denavegação

Mensagem por Allenkar_ em 28/03/16, 03:09 pm

UP
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 30/04/2014
Mensagens : 90
Pontos Ativos : 146

http://poke-mind.forumeiros.com

Resolvido Re: [Chatbox] Botão Chatbox na barra denavegação

Mensagem por Allenkar_ em 29/03/16, 12:15 pm

UP @Shek
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 30/04/2014
Mensagens : 90
Pontos Ativos : 146

http://poke-mind.forumeiros.com

Resolvido Re: [Chatbox] Botão Chatbox na barra denavegação

Mensagem por Allenkar_ em 29/03/16, 12:35 pm

Pode Bloquear, já resolvi o problema!
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 30/04/2014
Mensagens : 90
Pontos Ativos : 146

http://poke-mind.forumeiros.com

Resolvido Re: [Chatbox] Botão Chatbox na barra denavegação

Mensagem por MateusAnjosV em 03/04/16, 06:59 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum