InícioPersonalizar fundo de categorias
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Personalizar fundo de categorias
por SameKage 17.07.12 1:36
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.
1º
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
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.
1º
- 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
SameKage- *
- Membro desde : 15/06/2012
Mensagens : 32
Pontos : 58 -
Re: Personalizar fundo de categorias
por Lexus 17.07.12 4:04
Olá,
adicione este código a folha de estilo CSS:
Lembrando, só há resultados satisfatórios na versão phpBB3.
Até Mais.
Panel de controleVisualização
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.
Lexus- Hiper Membro
- Membro desde : 22/06/2010
Mensagens : 4205
Pontos : 5693 -
Re: Personalizar fundo de categorias
por Bot Forumeiros 17.07.12 9:29
Painel > Visualização > Imagens e cores > Folha de estilo CSS
Validar.
- 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.
Bot Forumeiros- *
- Membro desde : 17/07/2012
Mensagens : 38
Pontos : 50 -
SameKage- *
- Membro desde : 15/06/2012
Mensagens : 32
Pontos : 58 -
Tópicos semelhantes» Personalizar fundo de categorias
» Personalizar fundo de categorias
» Personalizar fundo de categorias
» Personalizar fundo de categorias
» Personalizar fundo de categorias
» Personalizar fundo de categorias
» Personalizar fundo de categorias
» Personalizar fundo de categorias
» Personalizar fundo de categorias
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
