Colocar este efeito

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

Resolvido Colocar este efeito

Mensagem por owner em 02/01/12, 01:03 pm

Qual é minha questão:
Gostaria de colocar este efeito em meu fórum :



Fórum onde eu vi :

http://br-design.forumeiros.com/

Obrigado.

Medidas que eu tomei para corrigir o problema:
nenhuma

Imagens do meu problema:


Endereço do meu fórum:
http://skcheats.forumais.com/

Versão do meu fórum:
PUNBB
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Colocar este efeito

Mensagem por Firenando em 02/01/12, 01:16 pm

Hey owner, poderia me dizer onde pretende colocar os itens citados acima?

Atenciosamente: Fire_Hell
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Colocar este efeito

Mensagem por owner em 02/01/12, 01:18 pm

No mesmo lugar.
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Colocar este efeito

Mensagem por MateusV. em 02/01/12, 01:19 pm

Ola, tente esse codigo
Código:
.for_topics {
    background: url(http://dl.dropbox.com/u/54612298/Bleach/botao.png) no-repeat scroll left top transparent;
    color: #3E3B0E;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    line-height: normal;
    margin-left: 13px;
    padding-top: 3px;
    text-align: center;
    width: 74px;
}
.for_posts {
    background: url (http://dl.dropbox.com/u/54612298/Bleach/botao.png) no-repeat scroll left top transparent;
    color: #3C3E0E;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    line-height: normal;
    margin-left: 13px;
    padding-top: 3px;
    text-align: center;
    width: 74px;
}

Painel Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Aba "Folha de estilo CSS"
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Colocar este efeito

Mensagem por owner em 02/01/12, 01:34 pm

Não funcionou
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Colocar este efeito

Mensagem por Convidad em 02/01/12, 03:30 pm

Olá,

Vá em:
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.

No conteúdo coloque;

.tc2,.tc3{
background:url(http://i49.servimg.com/u/f49/14/89/34/10/fp10fu10.png) no-repeat left top;
color:#3e3b0e;
font-size:12px;
font-weight:700;
height:33px;
line-height:normal;
margin-left:13px;
padding-top:3px;
text-align:center;
width:74px
}

Atenciosamente. Feliz aniversário

Convidad
Convidado


Resolvido Re: Colocar este efeito

Mensagem por owner em 02/01/12, 03:37 pm

Não surgiu efeito, caso seja meu CSS.

Olhem ae :

Código:
body {
    background-color: #CCCCCC;
    color: #5A5A5A;
    font-family: tahoma,helvetica,arial,sans-serif;
    font-size: 13px;
    padding-bottom: 15px;
    margin-top: 15px;
}

.pun {
    background-color: #fff;
    width: 980px;
    -moz-border-radius: 5px;
}

#pun_out {
    background:url("http://i43.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
    border:1px solid #0b2337;
    border:1px solid rgba(0,0,0,0.35);
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    padding:8px;
    position:relative;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#pun-intro {
    background-color: #FFFFFF;
    background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/backgr10.png");
    background-repeat: repeat-x;
    padding: 1.5em 1em 1em 1em;
    border-bottom: 0px solid #29a52c;
    text-align: left;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
    margin-bottom: 10px;
    border: 1px solid #294927;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 85px;
}

.main .main-head {
    background-color: #1C6916;
    background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/bg-top10.png");
    background-position: 50% 50%;
    background-repeat: repeat-x;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold !important;
    margin-top: 15px;
    padding-bottom: 13px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.pun .main-content {
    background-color: #FBFBFB;
    border: 1px solid #b9cdba;
}

.pun table.table td {
    background: #edfde6 url(http://i43.servimg.com/u/f43/14/53/79/27/altbg10.gif) repeat-x top left;
    border-top: 1px solid #b9cdba;
    border-right: 0px solid #000;
    border-left: 0px solid #000;
    line-height: 130%;
    padding-bottom: 0.7em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.6em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background: #edfde6 url(http://i43.servimg.com/u/f43/14/53/79/27/altbg10.gif) repeat-x top left;
    border-top: 1px solid #b9cdba;
}

.pun table.table th {
    background: #d9d9d9 url(http://i43.servimg.com/u/f43/14/53/79/27/gradie10.png) repeat-x 0 50%;
    color: #333333;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;
}

#pun-logo {
    margin-left: -13px;
    margin-top: -22px;
}

#pun-logo:hover { opacity: 0.8; }

.for_topics {
    width: 74px;
    height: 33px;
    background: url("http://i49.servimg.com/u/f49/14/89/34/10/fp10fu10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold;   
    line-height: normal;
    color: #3e3b0e;
    padding-top: 3px;
    margin-left: 13px;
}

.for_topics span {
    display: block;
    color: #898510;
    font-size: 10px;
}

.for_posts {
    width: 74px;
    height: 33px;
    background: url("http://i49.servimg.com/u/f49/14/89/34/10/fp10fu10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold;   
    line-height: normal;
    color: #3c3e0e;
    padding-top: 3px;
    margin-left: 13px;
}

.for_posts span {
    display: block;
    color: #898510;
    font-size: 10px;
}

.page-title h2, .page-title span {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: bold;
}

.pun .paged-head, .pun .paged-foot {
    border: 0px solid !important;
    background-color: !important;
    padding: 0.6em 1.3em 0.3em 1.3em;

}

.pun .frm-form {
   background: !important;
   border: none;

}

#pun-head #pun-navlinks {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #305432;
    background-image: url("http://i49.servimg.com/u/f49/14/89/34/10/pun-na10.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #21311e;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#pun-navlinks ul {
    text-align: center;
}
#pun-navlinks li {
    display: inline;
    font-size: 15px;
    line-height: 30px;
}
#pun-navlinks li a {
    margin-left: -8px;
    margin-right: -8px;
    color: #fff;
    font-family: tahoma,helvetica,arial,sans-serif
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}

.main .main-foot{
    background-color: #fff;
    color: #666;
    font-weight: 400;
    padding-bottom: 0.7em;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0.7em;
}

.pun a:link { color: #106389;text-decoration: none;}
.pun a:visited { color: #106389;}
.pun a:hover { color: #2696bb; text-decoration: none;}
.pun a:active { color: #990000;}

#pun-title {
    display: none;
}

.pun .post {
    border: 1px solid #cbeacb;
    margin: 10px;
    background: #FDFEFF;
}

.postfoot {
    border-top: 1px solid #cbeacb;
    clear: both;
    margin-left: -17em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    text-align: right;
    background: #F4FAFF;
}

.pun .postmain {
    background-color: #FDFEFF;
    border-left: 1px solid #cceacb;
    margin-left: 17em;
}
.pun .posthead {
    background-color: #F4FAFF;
    border-bottom: 1px solid #cceacb;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1.3em;
    padding-top: 0.5em;
}

.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.user-contact a {
    background-color: #325a2e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px;
    box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -khtml-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
}

.codebox {
    background-color: #E4EAF2;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    border: 1px solid #83b284;
    border-left: 4px solid #83b284;
}
.codebox dt {
    border-bottom: 1px solid #86b283;
    padding-bottom: 0.25em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-top: 0.25em;
    font-weight: bold;
    color: #89b283;
}
.codebox dd {
    background-color: #fff;
    color: #497a43;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.postmain blockquote {
    background-color: #FFFFFF;
    border: 1px solid #57974e;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    border-radius: 3px; -webkit-border-radius:  3px; -moz-border-radius:  3px; -khtml-border-radius:  3px;
}

#pun-about {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    line-height: 150%;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;
    text-align: right;

}
#pun-about ul {
    list-style-type: none;
}
#pun-about ul li {
    display: inline;
}
#pun-about ul li a {
    font-weight: normal;
    text-decoration: none;
}
#pun-about #qjump {
    display: none;
}

#pun-visit, .main-box {
    background-color: #F4F4F4;
    border: 1px solid #bacdb9;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;

}
a[href="/u1"] {
text-shadow: 0px 0px 5px #CC0000;
}
a[href="/u563"] {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
background-repeat: no-repeat;
background-position: center;
}

.module .main-content {
    padding-bottom: 1em;
    padding-left: 3px;
    padding-right: 1em;
    padding-top: 1em;
}

#pun-visit {display: none !important;}

avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Colocar este efeito

Mensagem por Convidad em 02/01/12, 03:42 pm

Olá,

O problema é no CSS, retire estes dois códigos;


.pun table.table th {
background: #d9d9d9 url(http://i43.servimg.com/u/f43/14/53/79/27/gradie10.png) repeat-x 0 50%;
color: #333333;
padding-bottom: 0.5em;
padding-left: 0;
padding-right: 0;
padding-top: 0.5em;
}


.pun table.table td {
background: #edfde6 url(http://i43.servimg.com/u/f43/14/53/79/27/altbg10.gif) repeat-x top left;
border-top: 1px solid #b9cdba;
border-right: 0px solid #000;
border-left: 0px solid #000;
line-height: 130%;
padding-bottom: 0.7em;
padding-left: 0;
padding-right: 0;
padding-top: 0.6em;
}

Atenciosamente. Feliz aniversário

Convidad
Convidado


Resolvido Re: Colocar este efeito

Mensagem por owner em 02/01/12, 05:04 pm

Infelizmente não resolveu
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Colocar este efeito

Mensagem por Luciano98 em 02/01/12, 06:14 pm

Olá!

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

Código:
#main-content table.table tbody.statused tr{background:#EDFDE6 url(http://i43.servimg.com/u/f43/14/53/79/27/altbg10.gif) repeat-x top left;border-top:1px solid #B9CDBA}#main-content table.table tbody.statused tr td.tc2::after{content:'tópicos';display:block}#main-content table.table tbody.statused tr td.tc3::after{content:'mensagens';display:block}#main-content table.table tbody.statused tr td.tc2::after,#main-content table.table tbody.statused tr td.tc3::after{color:#898510;display:block;empty-cells:show;font-family:tahoma,helvetica,arial,sans-serif;font-size:10px;font-weight:bold}#main-content table.table tbody.statused tr td.tc2,#main-content table.table tbody.statused tr td.tc3{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url(http://i49.servimg.com/u/f49/14/89/34/10/fp10fu10.png);background-origin:padding-box;background-repeat:no-repeat;background-position:center center;font-weight:bold}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Colocar este efeito

Mensagem por owner em 02/01/12, 06:26 pm

Muito obrigado a todos.

Luciano, funcionou perfeitamente. Obrigado mesmo.

avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

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