Chatbox configurações

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

Resolvido Chatbox configurações

Mensagem por kakakoro em 17/07/13, 05:17 pm

Qual é minha questão:
Olá. Eu gostaria de modificar meu chatbox em alguns pontos.


Segue abaixo o modelo exemplo:



Eu gostaria de deixar as escritas desse jeito, separadas. Outro fator  é que quando alguem escreve mais de uma linha, fica muito proximo e atrapalha a leitura. Gostaria de separar um pouco. ^^

Desde já agradeço!

Endereço do meu fórum:
http://www.jogodostronos.forumeiros.com

Versão do fórum:
INVISION
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com
  • 0

Resolvido Re: Chatbox configurações

Mensagem por North em 17/07/13, 05:36 pm

Boa tarde,

Acrescente o código à seguir na 'Folha de estilo CSS':

Código:
#chatbox {
background: #FBFBFB;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
left: 181px;
margin-top: 5px;
padding: 8px;
right: 0px !important;
}
.chatbox_row_2 {
background-color: #f7c6a1;
padding: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
}
.chatbox_row_1 {
background-color: #ffd5ab;
padding: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
}
#chatbox_members {
border-right: 1px solid;
bottom: 30px;
overflow: auto;
position: absolute;
top: 30px;
width: 180px;
background-color: #FFF;
border: 1px solid #DADADA;
}

Valide!

Até mais!


North aconselha:
Artmeiros  Respeite as Regras do fórum e conheça a nossa equipe staff.
Artmeiros  Esteja atento as Regras do setor gráfico.
Artmeiros  Salve as imagens em seu computador, pois poderão ser removidas do servidor em um possível backup.
Artmeiros  Mensagens Privadas apenas para assuntos importantes!

avatar

North
Publicideiro
Publicideiro

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5039

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Chatbox configurações

Mensagem por kakakoro em 17/07/13, 06:42 pm

Olá! Como eu afasto uma mensagem da outra? Como está na imagem?
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Chatbox configurações

Mensagem por North em 17/07/13, 07:06 pm

Já são separados.

Esta é a classe da primeira linha:
.chatbox_row_1 {
background-color: #ffd5ab;
padding: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
}
E esta da segunda:
.chatbox_row_2 {
background-color: #f7c6a1;
padding: 4px;
-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
}

A sombra já está aplicada, o que se deve ao efeito estar concluído.

Até mais!


North aconselha:
Artmeiros  Respeite as Regras do fórum e conheça a nossa equipe staff.
Artmeiros  Esteja atento as Regras do setor gráfico.
Artmeiros  Salve as imagens em seu computador, pois poderão ser removidas do servidor em um possível backup.
Artmeiros  Mensagens Privadas apenas para assuntos importantes!

avatar

North
Publicideiro
Publicideiro

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5039

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Chatbox configurações

Mensagem por kakakoro em 17/07/13, 07:19 pm

No meu não está separado.

avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Chatbox configurações

Mensagem por North em 17/07/13, 07:31 pm

Retire o código e me ceda o CSS do seu fórum entre as tags "[code]".


North aconselha:
Artmeiros  Respeite as Regras do fórum e conheça a nossa equipe staff.
Artmeiros  Esteja atento as Regras do setor gráfico.
Artmeiros  Salve as imagens em seu computador, pois poderão ser removidas do servidor em um possível backup.
Artmeiros  Mensagens Privadas apenas para assuntos importantes!

avatar

North
Publicideiro
Publicideiro

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5039

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Chatbox configurações

Mensagem por kakakoro em 17/07/13, 07:34 pm

Olá! Segue abaixo o pedido

Código:
                              #chatbox {
        background: #4F4F4F;
        border: 1px solid #4F4F4F;
        border-bottom: 3px solid #363636;
        left: 181px;
        margin-top: 5px;
        padding: 0px;
        right: 0px !important;
        }
        .chatbox_row_2 {
        background-color: #1C1C1C;
        padding: 4px;
        -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        }
        .chatbox_row_1 {
        background-color: #1C1C1C;
        padding: 4px;
        -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        }
        #chatbox_members {
        border-right: 1px solid;
        bottom: 10px;
        overflow: auto;
        position: absolute;
        top: 30px;
        width: 180px;
        background-color: #1C1C1C
        border: 0px solid #DADADA;
        }blockquote cite {
        background-color: transparent !important;
        }
        blockquote cite {
        background-image: none !important;
        }
        blockquote, blockquote blockquote, blockquote blockquote blockquote {
        -webkit-box-shadow: #828282 0px 1px 5px;
        background: none #4F4F4F
        border: 1px #696969;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
        padding: 10px 20px;
        }.avatar { background-color: rgb(37, 36, 36); border: 1px solid #232323; width: 50px; position: relative; left: 27px; }#profile-advanced-details .avatar {float: none !important;}.centerer del ul li strong a, .current-time, #ipbwrapper center strong {
color: #363636 !important;
}#ipbwrapper {
color: #828282;
}body{background:url(http://i.imgur.com/86zGU.png)repeat-x ,url(http://i78.servimg.com/u/f78/18/26/54/70/ada11.jpg);background-attachment:fixed!important;color:#333;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;line-height:150%;scrollbar-3dlight-color:#CDCDCD;scrollbar-arrow-color:#FFF;scrollbar-base-color:#EFEFEF;scrollbar-darkshadow-color:#CDCDCD;scrollbar-face-color:#CDCDCD;scrollbar-highlight-color:#EFEFEF;scrollbar-shadow-color:#CDCDCD}.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 999;
}

.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}#profile-tip {
position: fixed;
top: 50%;
left: 30%;
background: white;
padding: 10px;
border: 1px solid black;
box-shadow: 0 0 50px black;
border-radius: 20px;
z-index: 9999 !important;
}
#profile-tip .panel {
background: transparent !important;
}
.column2 {
float: none !important;
}
#close-profile {
cursor: pointer;
padding: 5px;
position: absolute;
left: -15px;
top: -25px;
}
#prevBG{background:rgba(0, 0, 0, 0.31);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99!important}/* Resposta rápida com efeito retratil */
form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply textarea#text_editor_textarea {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
height: 10px;
width: 100%!important;
}
form#quick_reply:hover #textarea_content textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea.post:hover {
position: relative;
height: 155px;
width: 100%!important;
}
/* Fim do código *//* Fancybox by Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}#message { color: white !important; }.mainmenu:hover {
background: transparent !important;
} #submenu ul li a hover {
    background-color: none;
}

#submenu ul li a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
 a.mainmenu:hover {
background: transparent;
}


input, textarea, select { color: "#000000" !important; }
#navstrip {
background: #363636
}#submenu {background:transparent!important;}
div#logostrip {background: transparent!important;}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}

.module li {list-style-type: none !important;}

#userlinks.not-connected {
background: #8B6914;
}.avatar img {
width: auto!important;
height: auto!important;
}body {
cursor: url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2323d1171206607-reskin-wow-cursor-arrow.png'), url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2323d1171206607-reskin-wow-cursor-arrow.png'), auto;
}
a:hover {
cursor: url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2324d1171206607-reskin-wow-cursor-hand.png'), url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2324d1171206607-reskin-wow-cursor-hand.png'), auto;
}
.ipbform2 dl dd textarea.inputbox {
background-color: white!important;
}
a:link,
a:visited,
a:active{

text-decoration: none;
}

table.ipbtable tfoot td {
background-color:#1d1d1d;
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img20.imageshack.us/img20/3273/80645717.jpg') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img20.imageshack.us/img20/130/99148459.jpg') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}





#navstrip li.begin {
padding-left: 15px;
background: url('http://img35.imageshack.us/img35/9853/ae1e.png') no-repeat left 50%;
}


Nao retirei o codigo que me passou porque se não eu perderia o esquema de cores que eu fiz. .-.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Chatbox configurações

Mensagem por Sennior em 17/07/13, 07:41 pm

Saudações! Muito feliz

Aceda à "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
.chatbox_row_2.clearfix {
-moz-box-shadow: 2px 2px 5px rgba(50,50,50,0.75);
-webkit-box-shadow: 2px 2px 5px rgba(50,50,50,0.75);
background-color: #ffd5ab;
box-shadow: 2px 2px 5px rgba(50,50,50,0.75);
padding: 6px;
margin: 3px;
}
.chatbox_row_1.clearfix {
-moz-box-shadow: 2px 2px 5px rgba(50,50,50,0.75);
-webkit-box-shadow: 2px 2px 5px rgba(50,50,50,0.75);
background-color: #ffd5ab;
box-shadow: 2px 2px 5px rgba(50,50,50,0.75);
padding: 4px;
}

Seta Coloque no inicio de teu CSS. Piscada

Salve.

Até mais.
Lervisic

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'


Última edição por Mikéé em 17/07/13, 07:49 pm, editado 1 vez(es)
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16313
Pontos Ativos : 20815

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Chatbox configurações

Mensagem por Connor R. em 17/07/13, 07:49 pm

Veja a imagem:



http://i38.servimg.com/u/f38/17/65/69/87/sem_ta11.jpg

Note que destaquei o efeito que acho que você deseja.

Caso seja isso que queira, troque o seu Css.

Código:

#chatbox {
        background: #4F4F4F;
        border: 1px solid #4F4F4F;
        border-bottom: 3px solid #363636;
        left: 181px;
        margin-top: 5px;
        padding: 0px;
        right: 0px !important;
        }
        .chatbox_row_2 {
        background-color: #292929;
        padding: 4px;
        -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        }
        .chatbox_row_1 {
        background-color: #1C1C1C;
        padding: 4px;
        -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
        }
        #chatbox_members {
        border-right: 1px solid;
        bottom: 10px;
        overflow: auto;
        position: absolute;
        top: 30px;
        width: 180px;
        background-color: #1C1C1C
        border: 0px solid #DADADA;
        }blockquote cite {
        background-color: transparent !important;
        }
        blockquote cite {
        background-image: none !important;
        }
        blockquote, blockquote blockquote, blockquote blockquote blockquote {
        -webkit-box-shadow: #828282 0px 1px 5px;
        background: none #4F4F4F
        border: 1px #696969;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
        padding: 10px 20px;
        }.avatar { background-color: rgb(37, 36, 36); border: 1px solid #232323; width: 50px; position: relative; left: 27px; }#profile-advanced-details .avatar {float: none !important;}.centerer del ul li strong a, .current-time, #ipbwrapper center strong {
color: #363636 !important;
}#ipbwrapper {
color: #828282;
}body{background:url(http://i.imgur.com/86zGU.png)repeat-x ,url(http://i78.servimg.com/u/f78/18/26/54/70/ada11.jpg);background-attachment:fixed!important;color:#333;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;line-height:150%;scrollbar-3dlight-color:#CDCDCD;scrollbar-arrow-color:#FFF;scrollbar-base-color:#EFEFEF;scrollbar-darkshadow-color:#CDCDCD;scrollbar-face-color:#CDCDCD;scrollbar-highlight-color:#EFEFEF;scrollbar-shadow-color:#CDCDCD}.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 999;
}

.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}#profile-tip {
position: fixed;
top: 50%;
left: 30%;
background: white;
padding: 10px;
border: 1px solid black;
box-shadow: 0 0 50px black;
border-radius: 20px;
z-index: 9999 !important;
}
#profile-tip .panel {
background: transparent !important;
}
.column2 {
float: none !important;
}
#close-profile {
cursor: pointer;
padding: 5px;
position: absolute;
left: -15px;
top: -25px;
}
#prevBG{background:rgba(0, 0, 0, 0.31);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99!important}/* Resposta rápida com efeito retratil */
form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply textarea#text_editor_textarea {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
height: 10px;
width: 100%!important;
}
form#quick_reply:hover #textarea_content textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea.post:hover {
position: relative;
height: 155px;
width: 100%!important;
}
/* Fim do código *//* Fancybox by Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}#message { color: white !important; }.mainmenu:hover {
background: transparent !important;
} #submenu ul li a hover {
    background-color: none;
}

#submenu ul li a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
 a.mainmenu:hover {
background: transparent;
}


input, textarea, select { color: "#000000" !important; }
#navstrip {
background: #363636
}#submenu {background:transparent!important;}
div#logostrip {background: transparent!important;}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}

.module li {list-style-type: none !important;}

#userlinks.not-connected {
background: #8B6914;
}.avatar img {
width: auto!important;
height: auto!important;
}body {
cursor: url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2323d1171206607-reskin-wow-cursor-arrow.png'), url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2323d1171206607-reskin-wow-cursor-arrow.png'), auto;
}
a:hover {
cursor: url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2324d1171206607-reskin-wow-cursor-hand.png'), url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2324d1171206607-reskin-wow-cursor-hand.png'), auto;
}
.ipbform2 dl dd textarea.inputbox {
background-color: white!important;
}
a:link,
a:visited,
a:active{

text-decoration: none;
}

table.ipbtable tfoot td {
background-color:#1d1d1d;
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img20.imageshack.us/img20/3273/80645717.jpg') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img20.imageshack.us/img20/130/99148459.jpg') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}





#navstrip li.begin {
padding-left: 15px;
background: url('http://img35.imageshack.us/img35/9853/ae1e.png') no-repeat left 50%;
}
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 983
Pontos Ativos : 1601

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Chatbox configurações

Mensagem por kakakoro em 17/07/13, 07:55 pm

Resolvidíssimo! Tive muita atenção dos senhores, que prestam o devido atendimento. Parabéns à equipe! Direito a obrigado e +
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

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


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