Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como faço esse efeito
+3
Luciano98
Sr.pepek
Yrley
7 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
Como faço esse efeito
Qual é minha questão:
Como faço esse efeito de degrade do www.webcheats.com.br
Links e imagens do meu problema:
https://2img.net/h/oi46.tinypic.com/1fb5aa.png
Endereço do meu fórum:
http://mundominecraftiano.forumeiros.com
Versão do meu fórum:
PHPBB3
Como faço esse efeito de degrade do www.webcheats.com.br
Links e imagens do meu problema:
https://2img.net/h/oi46.tinypic.com/1fb5aa.png
Endereço do meu fórum:
http://mundominecraftiano.forumeiros.com
Versão do meu fórum:
PHPBB3
Última edição por Yrley em 07.09.12 16:51, editado 1 vez(es)
Re: Como faço esse efeito
Gostaria de fazer esse efeito no meu forum igual a do Web Cheats
no fundo dela tem esse efeito
o site é www.webcheats.com
no fundo dela tem esse efeito
o site é www.webcheats.com
Re: Como faço esse efeito
Olá!
Você quer colocar isso aonde no seu fórum?
Atrás do corpo do fórum?
Atrás do logo?
Até mais.
Você quer colocar isso aonde no seu fórum?
Atrás do corpo do fórum?
Atrás do logo?
Até mais.
Re: Como faço esse efeito
Olá autor.
Tente o código abaixo:
Valide e visualize teu fórum.
Atenciosamente.
Tente o código abaixo:
.body{background: #EFEFEFurl(http://www.webcheats.com.br/forum/images/styles/Modern/style/pageBG_red.gif) repeat-x left top;}
Valide e visualize teu fórum.
Atenciosamente.
Re: Como faço esse efeito
Olá!
Substitua o código por este:
Abraços.
Substitua o código por este:
#phpbb {
background: #EFEFEF url(http://www.webcheats.com.br/forum/images/styles/Modern/style/pageBG_red.gif) repeat-x left top;
background-repeat: repeat-x;
}
Abraços.
Re: Como faço esse efeito
Olá!
Eu havia testado o código, mas mesmo assim, tente substituir por este:
Abraços.
Eu havia testado o código, mas mesmo assim, tente substituir por este:
#phpbb {
background: #EFEFEF url(http://www.webcheats.com.br/forum/images/styles/Modern/style/pageBG_red.gif) repeat-x left top !important;
}
Abraços.
Re: Como faço esse efeito
não entendi oque vc quer o fundo se for eu tenho aqui espera deixa eu achar
Angeloid- ****
- Membro desde : 23/12/2010
Mensagens : 299
Pontos : 464
Re: Como faço esse efeito
Yrley escreveu:Novamente nao resutou,preciso retirar o fundo para visualizar?
Olá!
Se caso o seu fórum já possuir um background, peço que retire-o atravez do painel de controle.
Abraços.
Re: Como faço esse efeito
mude para esse aqui ve se resulta
body {
background-attachment: scroll;
background-color: #f8f8f8;
background-image: url("http://www.webcheats.com.br/forum/images/styles/Modern/style/pageBG_red.gif");
background-position: top-center;
background-repeat: repeat-x;
}
Angeloid- ****
- Membro desde : 23/12/2010
Mensagens : 299
Pontos : 464
Re: Como faço esse efeito
Aqui esta:
- Spoiler:
- a[href="/u1"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u2"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href="/u2"] {
text-shadow: 0px 0px 5px #9900FF;
}
a[href="/u2"] {
text-shadow: 0px 0px 5px #9900FF;
}
.blur{color:inherit!important}
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url('https://2img.net/h/oi48.tinypic.com/skumhz.png');
background-position: bottom right;
background-repeat: no-repeat;
}
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
#logoB {
position: absolute;
top: 70px;
left: 0px;
z-index: 0;
}
.pun .user-ident .username {
background-color: #EEE;
border: 1px solid #DDD;
border-radius: 4px;
color: #006B6B;
display: block;
font-family: Arvo;
font-size: 1.2em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: absolute;
text-align: center;
text-decoration: none;
top: 0;
}
.pun .user-ident .username {
color: #404040;
display: block;
font-size: 1.2em;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
}
body {
background-attachment: scroll;
background-color: #f8f8f8;
background-image: url("http://www.webcheats.com.br/forum/images/styles/Modern/style/pageBG_red.gif");
background-position: top-center;
background-repeat: repeat-x;
}
Re: Como faço esse efeito
Boa tarde.
Troque teu CSS pelo abaixo:
Melhores cumprimentos.
Troque teu CSS pelo abaixo:
- Código:
a[href="/u1"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u2"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href="/u2"] {
text-shadow: 0px 0px 5px #9900FF;
}
a[href="/u2"] {
text-shadow: 0px 0px 5px #9900FF;
}
.blur{color:inherit!important}
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url('http://i48.tinypic.com/skumhz.png');
background-position: bottom right;
background-repeat: no-repeat;
}
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
#logoB {
position: absolute;
top: 70px;
left: 0px;
z-index: 0;
}
.body{background: #EFEFEFurl(http://www.webcheats.com.br/forum/images/styles/Modern/style/pageBG_red.gif) repeat-x left top;}
.pun .user-ident .username {
background-color: #EEE;
border: 1px solid #DDD;
border-radius: 4px;
color: #006B6B;
display: block;
font-family: Arvo;
font-size: 1.2em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: absolute;
text-align: center;
text-decoration: none;
top: 0;
}
.pun .user-ident .username {
color: #404040;
display: block;
font-size: 1.2em;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
}
Melhores cumprimentos.
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