InícioComo 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
por Yrley 01.09.12 23:13
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)
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Como faço esse efeito
por Sr.pepek 02.09.12 13:56
Não compreendi muito poderia ser mais especifico ?
Sr.pepek- Super Membro
- Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592 -
Re: Como faço esse efeito
por Yrley 02.09.12 13:57
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
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Sr.pepek- Super Membro
- Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Como faço esse efeito
por Luciano98 02.09.12 18:32
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.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Como faço esse efeito
por Sennior 03.09.12 1:05
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.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Como faço esse efeito
por MateusV. 03.09.12 23:14
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.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Como faço esse efeito
por MateusV. 03.09.12 23:17
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.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como faço esse efeito
por Yrley 03.09.12 23:25
Novamente nao resutou,preciso retirar o fundo para visualizar?
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Como faço esse efeito
por Angeloid 03.09.12 23:25
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
por MateusV. 03.09.12 23:27
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.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como faço esse efeito
por Angeloid 03.09.12 23:29
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
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Como faço esse efeito
por SplyTt. 04.09.12 4:11
Olá, Não Intendi Onde Você Quer Colocar Isso.
Até Mais...
Até Mais...
SplyTt.- Novo Membro
- Membro desde : 04/09/2012
Mensagens : 6
Pontos : 8 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Como faço esse efeito
por Yrley 05.09.12 1:20
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;
}
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Como faço esse efeito
por Sennior 05.09.12 20:18
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.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Tópicos semelhantesFó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