Cmo colocar esse tipo de aviso em topicos

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

Resolvido Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 10/06/13, 10:32 pm

Qual é minha questão:
 ola eu queria saber como clocar esse tipo de aviso em tópicos por exemplo:
 
Aceito
Atenção
Informações
negado

como da imagem abaixo


http://i.imgur.com/EqKrHen.jpg

eu visualizei em:
http://rpgadventure.umforum.net/t23-criacao-de-movimentos#104

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

Versão do fórum:
PUNBB
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por Legolass em 10/06/13, 11:14 pm

Vou fazer um e os demais o senhor faz ok?

Código:
[table style="background-image: url(http://i81.servimg.com/u/f81/18/18/31/47/untitl12.png); width: 350px; height: 50px;"][tr][td]           Aceito[/td][/tr][/table]

Basta copiar esse mesmo código e alterar a imagem e a palavra para os demais. Resulta?

Resultado:

           Aceito
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 10/06/13, 11:16 pm

eu queria colocalo no bbcode teria como?
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por Legolass em 10/06/13, 11:23 pm

Amigo o que eu lhe passei é BBcode, basta colar no tópico
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 10/06/13, 11:25 pm

tipo para não presisar colar e so ir em outros e estar la
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por Legolass em 10/06/13, 11:33 pm

Pera, deixa ver se eu entendi. O senhor quer que essas mensagens apareçam em todos os tópicos de uma vez?

Eu não entendi muito bem, poderia explicar melhor?
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 10/06/13, 11:34 pm

po exemplo aki na resposta rapida ha tipo asim

B I U OO <> ::: ::: <-> :::: Muito feliz outros

ai ali em outros tem tipo para adicionar no topico.
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por North em 10/06/13, 11:37 pm

Boa noite,

Aceda à sua folha de estilos CSS:
Acesse: Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Folha de estilos CSS e adicione o código abaixo:
.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('Link da imagem');
}
Deverá editar o que está em:

Vermelho -> Cor do fundo da mensagem (pode deixar a original).
Azul escuro -> Link da imagem de definição do aviso.

Código a ser utilizado nas mensagens:
Sempre que for postar uma mensagem, deverá utilizar o BBCode abaixo, que é em forma de tabelas, para que sua mensagem de aviso esteja com a personalização realizada através do CSS.

Código:
        [table class="cpinfo"][tr][td]Seu texto vai aqui! Seu texto vai aqui!
        Seu texto vai aqui! Seu texto vai aqui!
        Seu texto vai aqui! Seu texto vai aqui!
        [/td][/tr][/table]

Resultado final:



Abraços, Harker.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 10/06/13, 11:40 pm

affe vcs não entende eu quero que fique em outro na barra de bbcode ai eu clicko ai ja aparece o tal codigo

antendam.
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por North em 10/06/13, 11:42 pm

Essa é a única forma colega, tem que por o BBcode na mensagem, eu entendi, você quer que fique "tipo" um botão para não precisar por o código, lamento mas não é possível.

Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 10/06/13, 11:44 pm

pega parte do codigo do neon e tenta uai eu ja vi em um forum sim como não e possivel
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 11/06/13, 12:03 am

1º olha esses que eu vi
Spoiler:

Código:

/*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }




.avat-miembro {
float: left;
}
.avat-miembro img {
    border: 1px solid rgb(207, 207, 207);
    float: left;
    height: 73px;
    margin: 0px 5px;
    padding: 1px;
    width: 40px;
}
/*** Botão de Neon ****/
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}
.info, .success, .warning, .error, .mes, .tips {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info{
background-color:#d1e4f3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
color:#00529B;
border:1px solid #4d8fcb;
}
.success{
background-color:#effeb9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
color:#4F8A10;
border:1px solid #9ac601;
}
.warning{
background-color:#ffeaa9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
color:#9F6000;
border:1px solid #f9b516;
}
.error{
background-color:#fccac3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
color:#D8000C;
border:1px solid #db3f23;
}
.mes{
background-color:#d9d6d6;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/mail10.png");
color:#2D2D2D;
border:1px solid #2D2D2D;
}
.tips{
background-color:#FFE873;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/light10.png");
color:#a38800;
border:1px solid #a38800;



2º agora o JS

Spoiler:

Código:

jQuery(document).ready(function() {
if(jQuery('.i_icon_ip').length){
    jQuery('#text_editor_select_controls #other button:eq(0)').after('<br><button onclick="info();return false" style="color:#4d8fcb"><img src="http://i10.servimg.com/u/f10/17/41/76/40/inform10.png" alt="" width="16" height="16" class="acende" /> INFORMAÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(1)').after('<br><button onclick="success();return false" style="color:#9ac601"><img src="http://i10.servimg.com/u/f10/17/41/76/40/accept10.png" alt="" width="16" height="16" class="acende" /> SUCESSO</button>');
    jQuery('#text_editor_select_controls #other button:eq(2)').after('<br><button onclick="warning();return false" style="color:#f9b516"><img src="http://i10.servimg.com/u/f10/17/41/76/40/error10.png" alt="" width="16" height="16" class="acende" /> ATENÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(3)').after('<br><button onclick="error();return false" style="color:#db3f23"><img src="http://i10.servimg.com/u/f10/17/41/76/40/critic10.png" alt="" width="16" height="16" class="acende" /> ERRO</button>');
    jQuery('#text_editor_select_controls #other button:eq(4)').after('<br><button onclick="mes();return false" style="color:#AAAAAA"><img src="http://i10.servimg.com/u/f10/17/41/76/40/mail10.png" alt="" width="16" height="16" class="acende" /> MENSAGEM</button>');
    jQuery('#text_editor_select_controls #other button:eq(5)').after('<br><button onclick="tips();return false" style="color:#D38E49"><img src="http://i10.servimg.com/u/f10/17/41/76/40/light10.png" alt="" width="16" height="16" class="acende" /> IDÉIA</button>');
}
    });
    function info(){
    bbfontstyle('<div class="info">','</div>');selectWysiwyg(this,'other');return false}
    function success(){
    bbfontstyle('<div class="success">','</div>');selectWysiwyg(this,'other');return false}
    function warning(){
    bbfontstyle('<div class="warning">','</div>');selectWysiwyg(this,'other');return false}
    function error(){
    bbfontstyle('<div class="error">','</div>');selectWysiwyg(this,'other');return false}
    function mes(){
    bbfontstyle('<div class="mes">','</div>');selectWysiwyg(this,'other');return false}
    function tips(){
    bbfontstyle('<div class="tips">','</div>');selectWysiwyg(this,'other');return false}

aguardo.
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por Daemon em 11/06/13, 12:48 am

Pra que este de cima funcione o HTML deve estar ativo em seu fórum.
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por pyrohinotama em 11/06/13, 06:33 am

cara, é simples: 1º- adicione este código no seu css:

Código:
/*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }






.info, .success, .warning, .error, .mes, .tips {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info{
background-color:#d1e4f3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
color:#00529B;
border:1px solid #4d8fcb;
}
.success{
background-color:#effeb9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
color:#4F8A10;
border:1px solid #9ac601;
}
.warning{
background-color:#ffeaa9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
color:#9F6000;
border:1px solid #f9b516;
}
.error{
background-color:#fccac3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
color:#D8000C;
border:1px solid #db3f23;
}
.mes{
background-color:#d9d6d6;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/mail10.png");
color:#2D2D2D;
border:1px solid #2D2D2D;
}
.tips{
background-color:#FFE873;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/light10.png");
color:#a38800;
border:1px solid #a38800;

depois crie um novo java script com investimento em topicos e adicione este código:

Código:
jQuery(document).ready(function() {
if(jQuery('.i_icon_ip').length){
    jQuery('#text_editor_select_controls #other button:eq(0)').after('<br><button onclick="info();return false" style="color:#4d8fcb"><img src="http://i10.servimg.com/u/f10/17/41/76/40/inform10.png" alt="" width="16" height="16" class="acende" /> INFORMAÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(1)').after('<br><button onclick="success();return false" style="color:#9ac601"><img src="http://i10.servimg.com/u/f10/17/41/76/40/accept10.png" alt="" width="16" height="16" class="acende" /> SUCESSO</button>');
    jQuery('#text_editor_select_controls #other button:eq(2)').after('<br><button onclick="warning();return false" style="color:#f9b516"><img src="http://i10.servimg.com/u/f10/17/41/76/40/error10.png" alt="" width="16" height="16" class="acende" /> ATENÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(3)').after('<br><button onclick="error();return false" style="color:#db3f23"><img src="http://i10.servimg.com/u/f10/17/41/76/40/critic10.png" alt="" width="16" height="16" class="acende" /> ERRO</button>');
    jQuery('#text_editor_select_controls #other button:eq(4)').after('<br><button onclick="mes();return false" style="color:#AAAAAA"><img src="http://i10.servimg.com/u/f10/17/41/76/40/mail10.png" alt="" width="16" height="16" class="acende" /> MENSAGEM</button>');
    jQuery('#text_editor_select_controls #other button:eq(5)').after('<br><button onclick="tips();return false" style="color:#D38E49"><img src="http://i10.servimg.com/u/f10/17/41/76/40/light10.png" alt="" width="16" height="16" class="acende" /> IDÉIA</button>');
}
    });
    function info(){
    bbfontstyle('<div class="info">','</div>');selectWysiwyg(this,'other');return false}
    function success(){
    bbfontstyle('<div class="success">','</div>');selectWysiwyg(this,'other');return false}
    function warning(){
    bbfontstyle('<div class="warning">','</div>');selectWysiwyg(this,'other');return false}
    function error(){
    bbfontstyle('<div class="error">','</div>');selectWysiwyg(this,'other');return false}
    function mes(){
    bbfontstyle('<div class="mes">','</div>');selectWysiwyg(this,'other');return false}
    function tips(){
    bbfontstyle('<div class="tips">','</div>');selectWysiwyg(this,'other');return false}

zen
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 11/06/13, 09:30 am

não aparece.

aguardo
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por -Yts em 11/06/13, 10:01 am

Tem como mandar o código da sua folha de estilo? (CSS)

Obrigado.!

-Yts
Nível 8

Masculino
Inscrito dia : 26/05/2013
Mensagens : 130
Pontos Ativos : 210

Ver perfil do usuário http://powerduckets.forumfacil.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 11/06/13, 10:09 am

toda a folha?
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por -Yts em 11/06/13, 10:11 am

Sim toda a folha.!

-Yts
Nível 8

Masculino
Inscrito dia : 26/05/2013
Mensagens : 130
Pontos Ativos : 210

Ver perfil do usuário http://powerduckets.forumfacil.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 11/06/13, 10:13 am


Código:

blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://illiweb.com/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://illiweb.com/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}



/*imagem antes do nick com neon ••> iHeload */
a span[style="color:#F70505"],a[style="color:#F70505"],a[href="/g1-administradores"]{
background:url(http://illiweb.com/fa/admin/couronne.png) 0 1px no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px;
text-shadow:0px 0px 5px #F70505;}
a span[style="color:#0F0FFF"],a[style="color:#0F0FFF"],a[href="/g2-moderadores"]{
background:url(http://i.imgur.com/bd3Oq0z.png) 0 1px no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px;
text-shadow:0px 0px 5px #0000FF;}
a span[style="color:#AEFF00"],a[style="color:#AEFF00"],a[href="/g7-gerentes"]{
background:url(http://i.imgur.com/LwIr8kf.png) 0 1px no-repeat;
padding-bottom:2px;padding-left:17px;padding-top:2px;
text-shadow:0px 0px 5px #00FA11;}
a span[style="color:b500d1"],a[style="color:b500d1"],a[href="/g5-designers"]{
background:url(http://i.imgur.com/qXGkJX3.png) 0 1px no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px;
text-shadow:0px 0px 5px #91006F;}
a span[style="color:#000302"],a[style="color:#000302"],a[href="/g7-vip"]{
background:url(http://i.imgur.com/OHeR6kK.png) 0 1px no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px;
text-shadow:0px 0px 5px #000302;}
dd.lastpost span.color-groups {
float: left;
padding-left: 17px !important;
}
 
 
 
 
 
  /*MENU DO TOPO*/
  #conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: right;
background: #323232;
border-bottom: 1px solid #000;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: fixed;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url() no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
 
 
 
 
 
/*borda dos ranks*/
        .userManagement {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #c70c0c;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
 
  /*moderadorrrr**************/
  .userModerador {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: blue;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
  .userDesigner {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: pink;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
 
  .userVip {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: yellow;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
 
  .userMembro {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: orange;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
  /*PERFIL*/
  .postbody .user{text-align:center}.postbody .user h4.username{margin-left:38%}
 
  /***chatbox**/
  #chatbox_footer .right div[class][id]{height:20px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;cursor:default}#chatbox_footer .right div[class][id]:first-child{border-left:1px solid #CFCFCF}#chatbox_main_options span,#chatbox_main_options label,#chatbox_main_options a{height:34px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;color:#000;padding-top:14px}#chatbox_main_options{position:absolute;bottom:0;left:0;z-index:1;color:#818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}#chatbox_main_options li a[onclick*="ajax_refresh_chatbox"]{font-size:0;background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives=1"],#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives"]{background-color:#E6E6E6}#chatbox_main_options li a[onclick="CB_disconnect();"]{border-right:0;padding:0}#chatbox_main_options li a[onclick="CB_disconnect();"] span{font-size:0;background:url(http://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_footer{padding:0;background:url() #f5f5f5;border-top:1px solid #CFCFCF;display:block!important;border-radius:0}#chatbox_messenger_form .right {padding:0;font-size:0}#chatbox_messenger_form .right input#message{height:34px;font-weight:normal;background-color:white;background-image:url();border:0;height:34px;margin-bottom:0;font-size:16px;cursor:default;padding:0 0 0 5px;outline:none;width:304px}#chatbox_messenger_form .right input[name="submit_button"]{height:33px;font-size:15px;border:0;background-color:transparent;padding-left:10px;padding-right:11px;margin-left:-4px;cursor:default;font-weight:normal}#chatbox_messenger_form .right img[src="http://illiweb.com/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}#chatbox_header{height:0;font-size:0}#chatbox{top:32px;left:0}#chatbox p.clearfix:first-child{padding-top:8px}#chatbox_members{position:absolute;z-index:1;height:31px;left:0;top:0;width:100%;background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;overflow-y:hidden;border-bottom:1px solid #CFCFCF}#chatbox_members li{display:inline;margin-right:0}#chatbox_members a:last-child:after{content:', '}#chatbox_members li:last-child a:last-child:after{content:''}#chatbox_members ul{padding-top:8px;font-size:12px;margin:0;overflow-y:hidden;overflow-x:auto;margin-left:46px;padding-right:8px;padding-bottom:0;white-space:nowrap;height:23px;max-width:none}#chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{background-color:#CFCFCF!important}#chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}#chatbox p.clearfix{background-color:#EDEFF4;margin:0;padding:5px;padding-left:0;margin-left:7px;margin-right:7px}#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"]{font-size:15px;font-style:normal!important;margin-left:-66px;background-color:#EDEFF4}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)}
 
  /*last post*/
  .topiclist.forums dd.lastpost {
    border: 2px solid rgb(238, 238, 238);
    border-radius: 7px 7px 7px 7px;
    box-shadow: 2px 2px 7px rgb(156, 156, 156);
}
dd.lastpost {
    font-size: 1.1em;
    width: 20%;
}
ul.topiclist dd {
    float: left;
    padding: 4px 0px;
}

.mini_ava {
float: left;
}

.mini_ava img {
width: 36px;
height: 36px;
margin: 0 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
  /*fim*/
 
 
 
 
  /*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }




.avat-miembro {
float: left;
}
.avat-miembro img {
    border: 1px solid rgb(207, 207, 207);
    float: left;
    height: 73px;
    margin: 0px 5px;
    padding: 1px;
    width: 40px;
}
/*** Botão de Neon ****/
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}
.info, .success, .warning, .error, .mes, .tips {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info{
background-color:#d1e4f3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
color:#00529B;
border:1px solid #4d8fcb;
}
.success{
background-color:#effeb9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
color:#4F8A10;
border:1px solid #9ac601;
}
.warning{
background-color:#ffeaa9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
color:#9F6000;
border:1px solid #f9b516;
}
.error{
background-color:#fccac3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
color:#D8000C;
border:1px solid #db3f23;
}
.mes{
background-color:#d9d6d6;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/mail10.png");
color:#2D2D2D;
border:1px solid #2D2D2D;
}
.tips{
background-color:#FFE873;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/light10.png");
color:#a38800;
border:1px solid #a38800;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  /* Slide css3
--------------------- */
.cr-container{ /*--aqui definimos os estilos do container--*/
  width: 600px;
  height: 400px;
  position: relative;
  margin: 0 auto;
  border: 20px solid #fff;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.cr-container label{
  font-style: italic;
  width: 120px;
  height: 30px;
  cursor: pointer;
  color:#fff;  /*-----cor dos numeros-----*/
  line-height: 32px;
  font-size: 24px;
  float:left;
  position: relative;
  margin-top:350px;
        margin-left:25px;
  z-index: 999;
}
.cr-container label:before{
  content:'';
  width: 34px;
  height: 34px;
  background: #68abc2;  /*--- cor do circulos---*/
  position: absolute;
  left: 50%;
  margin-left: -70px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
  z-index:-1;
}
.cr-container label:after{
  width: 1px;
  height: 400px;
  content: '';
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  position: absolute;
  bottom:-20px;
  right: 0px;
}
.cr-container label.cr-label-img-4:after{
  width: 0px;
}
.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4{
color: #68abc2;  /*--- cor do número quando ativo---*/
}
.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1:before,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2:before,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3:before,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4:before{
background: #fff;  /*--- cor do circulo ativo---*/
box-shadow: 0px 0px 0px 4px rgba(104,171,194,0.6);
}
.cr-container input{
  display: none;
}
/*--definindo largura e altura das imagens--*/
.cr-bgimg{
  width: 600px;
  height: 400px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.cr-bgimg{
  background-repeat: no-repeat;
  background-position: 0 0;
}
.cr-bgimg div{
  width: 150px;
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  background-repeat: no-repeat;
}
.cr-bgimg div span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: -150px;
  z-index: 2;
  text-indent: -9000px;
}
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(1){
  background-image: url(http://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/1.jpg);
}
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(2){
  background-image: url(http://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/2.jpg);
}
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(3){
  background-image: url(http://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/3.jpg);
}
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(4){
  background-image: url(http://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/4.jpg);
}
.cr-bgimg div:nth-child(1) span{
  background-position: 0px 0px;
}
.cr-bgimg div:nth-child(2) span{
  background-position: -150px 0px;
}
.cr-bgimg div:nth-child(3) span{
  background-position: -300px 0px;
}
.cr-bgimg div:nth-child(4) span{
  background-position: -450px 0px;
}

.cr-container input:checked ~ .cr-bgimg div span{
  -webkit-animation: slideOut 0.6s ease-in-out;
  -moz-animation: slideOut 0.6s ease-in-out;
  -o-animation: slideOut 0.6s ease-in-out;
  -ms-animation: slideOut 0.6s ease-in-out;
  animation: slideOut 0.6s ease-in-out;
}
@-webkit-keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
@-moz-keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
@-o-keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
@-ms-keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
@keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4)
{
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
  left: 0px;
  z-index: 10;
}
/*-----estilos dos titulos----*/
.cr-titles h3{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  z-index: 999;
  opacity: 0;
  color: #fff;  /*---cor do titulo --*/
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
  -ms-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}
.cr-titles h3 span:nth-child(1){
  font-size: 40px;  /*---tamanho da fonte do titulo--*/
  display: block;
  letter-spacing: 7px;
}
.cr-titles h3 span:nth-child(2){
  letter-spacing: 0px;
  display: block;
  background: #68abc2;  /*-- cor de fundo do subtitulo --*/
  font-size: 14px;
  padding: 10px;
  font-style: italic;
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}
.cr-container input.cr-selector-img-1:checked ~ .cr-titles h3:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-titles h3:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-titles h3:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-titles h3:nth-child(4){
  opacity: 1;
}
/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 768px) {
  .cr-container input{
      display: inline;
      width: 24%;
      margin-top: 350px;
      z-index: 999;
      position: relative;
  }
  .cr-container label{
      display: none;
  }
}

#fa_toolbar.fa_toolbar_XL_Sized, #fa_toolbar.fa_toolbar_L_Sized{
margin-top:635px!important;
  position:fixed;
}

/*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por -Yts em 11/06/13, 10:31 am

Bem seu código está tudo ok, tente colocar o Código de css anterior em baixo de todos os códigos

E se não estiver ativado o Js ative-o!

Até mais.!

-Yts
Nível 8

Masculino
Inscrito dia : 26/05/2013
Mensagens : 130
Pontos Ativos : 210

Ver perfil do usuário http://powerduckets.forumfacil.net/

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por MateusA em 11/06/13, 10:32 am

Caro usuário,

Visto que já se foi lhe dado a resposta que desejava, não vamos poder lhe ajudar para por no BB code, pois para fazer isso será necessário a utilização de códigos JavaScript ao qual não damos suporte.

Sua dúvida já foi sanada ou deseja mais algo que não precise de JavaScript?

Seta Caso não tenha resposta do membro em "24 horas", o tópico será movido.
Tópico movido em breve para ' Arquivos: Questões resolvidas'
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Cmo colocar esse tipo de aviso em topicos

Mensagem por News em 11/06/13, 10:37 am

yts entra la e se registra pra vc coloca eu n consigo afe
avatar

News
Nível 9

Masculino
Inscrito dia : 06/04/2013
Mensagens : 238
Pontos Ativos : 381

Ver perfil do usuário http://universalpixel.forum-pro.net/

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