gradiente nas categorias

Olá, poderiam em ajudar a aplicar um gradiente nas categorias estilo dessa imagem de exemplo:

https://i.servimg.com/u/f11/14/68/71/21/sss10.png

Meu forum http://gzbrasil.forum.st/forum

Olá!

Não tem nenhum degrade amigo. Ao mais aceda em teu CSS com o código abaixo:

Código:

.row1.over {
background-color: black !important;
}

Mande o link do fórum onde o senhor viu o degrade.

Até mais!

Não ficou parecido manim

Utilize esse código CSS:

Código:

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right{background-image: url(http://i10.servimg.com/u/f10/14/99/55/84/test10.png); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #000000; border-radius: 4px; box-shadow: 1px 1px 1px; margin: 3px 1px; background-color: #000000; color: black; margin-bottom: 4px; overflow: hidden; padding: 0 10px}

Olá,

Tem como retirar das estatistica o efeito e também das postagens?
observe também que a font dos texto postados pelos membros em tópicos ficaram preta, e isso aconteceu após eu ter aplicado o código.

Troque o código por esse:

Código:

td.row1.over, .forumline .row2, .forumline .row3, .forumline .row3Right{background-image: url(http://i10.servimg.com/u/f10/14/99/55/84/test10.png); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #000000; border-radius: 4px; box-shadow: 1px 1px 1px; margin: 3px 1px; background-color: #000000; color: black; margin-bottom: 4px; overflow: hidden; padding: 0 10px}

ainda o efeito aparece dentro dos tópico veja:

http://gzbrasil.forum.st/t67-faca-parte-da-equipe-do-forum-gzbrasil


Eu acho que o que faz sumir os textos dos membros é o efeito que fica nas mensagens...
O lado esquerdo da qui: http://gzbrasil.forum.st/f16-novidades-noticias
também ta budgado veja ai

Troque a CSS por essa:

Código:

td.row1.over, td.row1, .forumline .row3, .forumline .row3Right{background-image: url(http://i10.servimg.com/u/f10/14/99/55/84/test10.png); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #000000; border-radius: 4px; box-shadow: 1px 1px 1px; margin: 3px 1px; background-color: #000000; color: black; margin-bottom: 4px; overflow: hidden; padding: 0 10px}.post .row1, td.browse-arrows, td.gensmall{background:#061414; color:#C5FCDA!important; box-shadow: none}

Não resultou manim,

Troque por esse:

Código:

td.row1.over, td.row1, .forumline .row3, .forumline .row3Right, .forumline .row2{background-image: url(http://i10.servimg.com/u/f10/14/99/55/84/test10.png); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #000000; border-radius: 4px; box-shadow: 1px 1px 1px; margin: 3px 1px; background-color: #000000; color: black; margin-bottom: 4px; overflow: hidden; padding: 0 10px}.post .row1, td.browse-arrows, .post .row2, td.messaging{background:#061414!important; color:#C5FCDA!important; box-shadow: none}

Quase lá manim, so falta remover das estatisticas agora

Adicione esse código no final de sua folha de estilos:

Código:

td.bodyline div#page-body div#emptyidcc.no-left table.three-col[width="100%"][cellspacing="0"][cellpadding="0"] tbody tr td[valign="top"][width="100%"] table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"]:nth-child(odd) tbody tr td{background-image:url()}

agora ta nas mensagens privadas

Adicione esse outro código no final de sua folha de estilos:

Código:

td.bodyline div#page-body table.three-col[width="100%"][cellspacing="0"][cellpadding="0"] tbody tr td[valign="top"][width="100%"] form[action="/privmsg?folder=inbox"] table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding] tbody tr > td{background-color:#061414;background-image:url()}

Olá, ainda o texto continua sumido.

Substitua por esse código CSS:

Código:

td.bodyline div#page-body table.three-col[width="100%"][cellspacing="0"][cellpadding="0"] tbody tr td[valign="top"][width="100%"] form[action="/privmsg?folder=inbox"] table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding] tbody tr > td{background-image:url();color:#C5FCDA}

Agora os textos estão dando certo, está esses códigos adicionados:

Código:


td.bodyline div#page-body table.three-col[width="100%"][cellspacing="0"][cellpadding="0"] tbody tr td[valign="top"][width="100%"] form[action="/privmsg?folder=inbox"] table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding] tbody tr > td{background-image:url();color:#C5FCDA}
td.row1.over, td.row1, .forumline .row3, .forumline .row3Right, .forumline .row2{background-image: url(http://i10.servimg.com/u/f10/14/99/55/84/test10.png); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #000000; border-radius: 4px; box-shadow: 1px 1px 1px; margin: 3px 1px; background-color: #000000; color: black; margin-bottom: 4px; overflow: hidden; padding: 0 10px}.post .row1, td.browse-arrows, .post .row2, td.messaging{background:#061414!important; color:#C5FCDA!important; box-shadow: none}



agora o problema é as estatisticas , elas estão de volta aparecendo...

up.

Utilize esse código CSS:

Código:

#main-content div.borderwrap table.ipbtable.index-box[cellpadding="0"][cellspacing="0"] tbody tr{background:#4c4c4c;background:-moz-linear-gradient(top,#4c4c4c 0%,#595959 0%,#111111 0%,#2c2c2c 0%,#000000 0%,#666666 0%,#1c1c1c 100%,#2b2b2b 100%,#131313 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4c4c4c),color-stop(0%,#595959),color-stop(0%,#111111),color-stop(0%,#2c2c2c),color-stop(0%,#000000),color-stop(0%,#666666),color-stop(100%,#1c1c1c),color-stop(100%,#2b2b2b),color-stop(100%,#131313));background:-webkit-linear-gradient(top,#4c4c4c 0%,#595959 0%,#111111 0%,#2c2c2c 0%,#000000 0%,#666666 0%,#1c1c1c 100%,#2b2b2b 100%,#131313 100%);background:-o-linear-gradient(top,#4c4c4c 0%,#595959 0%,#111111 0%,#2c2c2c 0%,#000000 0%,#666666 0%,#1c1c1c 100%,#2b2b2b 100%,#131313 100%);background:-ms-linear-gradient(top,#4c4c4c 0%,#595959 0%,#111111 0%,#2c2c2c 0%,#000000 0%,#666666 0%,#1c1c1c 100%,#2b2b2b 100%,#131313 100%);background:linear-gradient(to bottom,#4c4c4c 0%,#595959 0%,#111111 0%,#2c2c2c 0%,#000000 0%,#666666 0%,#1c1c1c 100%,#2b2b2b 100%,#131313 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c',endColorstr='#131313',GradientType=0)}

Como você trocou de versão, fica menos difícil de resolver os problemas.

deu certo valew