Personalizar fundo de categorias

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

Resolvido Personalizar fundo de categorias

Mensagem por SameKage em 16/07/12, 09:36 pm

Qual é minha questão:
Tentei fazer tudo como o tutorial dizia mas a imagem não apareceu. Segue no primeiro spoiler o código CSS que usei para essa finalidade. No segundo está meu CSS completo caso seja nescessário verificar algo.

Spoiler:

Código:
li.row {
background-image: url(http://img560.imageshack.us/img560/4039/nuvens.gif);background-position: center;
}
li.row:hover {
background-image: url(http://img560.imageshack.us/img560/4039/nuvens.gif);background-position: center;
}

Spoiler:

Código:
        .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: #898989;
                          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;
         }
         .post {
         color: black !important;
         }
         .row1 span.genmed {
         color: black !important;
         }
         a {
         color: black;
         }
         a.gensmall,a.nav,a{color:#09f}a[class]{color:#09F}
         .vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url(http://img694.imageshack.us/img694/9380/99798412.png);
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url(http://img98.imageshack.us/img98/5273/86199140.png);
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
   a:hover {
color: #000000;
text-shadow : 0px 0px 10px #0cf5e9;
}
.forumline {
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border: 1px solid #0cf5e9;
}

th {
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border: 1px solid #0cf5e9;
}
.spoiler_content {background-color: #e2f5f4;}
li.row {
background-image: url(http://img560.imageshack.us/img560/4039/nuvens.gif);background-position: center;
}
li.row:hover {
background-image: url(http://img560.imageshack.us/img560/4039/nuvens.gif);background-position: center;
}


Links e imagens do meu problema:
Basta acessar o site do sórum

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

Versão do meu fórum:
PHPBB3
avatar

SameKage
Nível 4

Masculino
Inscrito dia : 14/06/2012
Mensagens : 32
Pontos Ativos : 58

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

Resolvido Re: Personalizar fundo de categorias

Mensagem por Lexus em 17/07/12, 12:04 am

Olá,

Panel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de Estilo CSS

adicione este código a folha de estilo CSS:
Código:
li.row {background-image: url(http://img560.imageshack.us/img560/4039/nuvens.gif);background-repeat: repeat-x;}

Lembrando, só há resultados satisfatórios na versão phpBB3.

Até Mais.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Personalizar fundo de categorias

Mensagem por Bot Forumeiros em 17/07/12, 05:29 am

Painel > Visualização > Imagens e cores > Folha de estilo CSS

Código:
#content-container td[width="100%"] table.forumline[width="100%"][border="0"] td[align="center"][valign="middle"],
#content-container td[width="100%"] table.forumline[width="100%"][border="0"] td.over[colspan="1"][valign="top"][width="100%"][height="50"],
#content-container td[width="100%"] table.forumline[width="100%"][border="0"] td[align="center"][valign="middle"][height="50"]{background-image: url(http://img560.imageshack.us/img560/4039/nuvens.gif)!important;background-position: top left;background-repeat: repeat;}

Validar.
avatar

Bot Forumeiros
BOT Forumeiros
BOT Forumeiros

Inscrito dia : 17/07/2012
Mensagens : 38
Pontos Ativos : 50

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

Resolvido Re: Personalizar fundo de categorias

Mensagem por SameKage em 17/07/12, 05:42 pm

Funcionou, valeu mesmo Bot ^^
avatar

SameKage
Nível 4

Masculino
Inscrito dia : 14/06/2012
Mensagens : 32
Pontos Ativos : 58

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

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

- Tópicos similares

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