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
» Fichas e personagem e :
Hoje à(s) 4:22 por Claudio Arthur

» Banner got
Hoje à(s) 3:32 por Neji

» Utilização de Templates nas Páginas
Hoje à(s) 3:10 por ZombieW

» Canais ao lado
Hoje à(s) 2:46 por Froozen

» Ranks PMS + Banner
Hoje à(s) 1:09 por Tiger

» Personalizar Menu
Hoje à(s) 0:26 por YouTube3

» como ativo a opção contribuição no rodapé
Ontem à(s) 23:19 por joaopaulo98

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Tiger
 
YouTube3
 
Froozen
 
ZombieW
 
Neji
 
Claudio Arthur
 

Quem está conectado
178 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 172 Visitantes :: 2 Motores de busca

cassialemao, Claudio Arthur, Key of Destiny, Neji, YouTube3, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

[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 Sex 25 Mar 2016 - 21:10

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 : 01/05/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 Sab 26 Mar 2016 - 18:16

UP
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 01/05/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 Sab 26 Mar 2016 - 18:41

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 Sab 26 Mar 2016 - 18:59

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

Allenkar_
Nível 7

Masculino
Inscrito dia : 01/05/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 Seg 28 Mar 2016 - 19:09

UP
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 01/05/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 Ter 29 Mar 2016 - 16:15

UP @Shek
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 01/05/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 Ter 29 Mar 2016 - 16:35

Pode Bloquear, já resolvi o problema!
avatar

Allenkar_
Nível 7

Masculino
Inscrito dia : 01/05/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 Dom 3 Abr 2016 - 22:59

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 : 1417
Pontos Ativos : 1978

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