Como botar isso no forum

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

Resolvido Como botar isso no forum

Mensagem por -Hawk..? em 12/09/12, 11:32 pm

Qual é minha questão:
<<Quero deicha meu fórum com akelas quebras de linha ali no canto e deichar uma imgen de SOTW passando

Links e imagens do meu problema:
Http://i.imgur.com/tnzlB.png

Endereço do meu fórum:
http://hard-fire.forumeiros.com/forum

Versão do meu fórum:
PHPBB3


Última edição por -Hawk..? em 13/09/12, 01:06 pm, editado 1 vez(es)
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 12/09/12, 11:35 pm

Boa noite!

Nos passe o endereço do fórum em que viu este efeito, assim poderei ter uma ideia de como elaborar o código.

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 12/09/12, 11:37 pm

Bear escreveu:Boa noite!

Nos passe o endereço do fórum em que viu este efeito, assim poderei ter uma ideia de como elaborar o código.

Passar bem! Piscada

http://warecheats.tk/
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 12/09/12, 11:43 pm

Boa noite!

Adicione em teu CSS este código:

Código:
.postprofile {
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
}

Não sabe aonde fica o CSS?
Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de Estilo CSS

Já para a questão de passar as imagens e troféus, você deve criar um campo de perfil no tipo "Zona de Texto" e usar este código no Conteúdo padrão dele:

Código:
[marquee][div style="margin:auto;text-align:center;width:100%"][img]http://i.imgur.com/K6FQO.png[/img][img]http://i.imgur.com/ctII9.png [/img][img]http://i.imgur.com/ctII9.png[/img][/div][br style="display: none; "]
[img]http://i.imgur.com/bQkVm.png[/img][/marquee]

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 12/09/12, 11:47 pm

Nada man, ainda nao vai '-'
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:00 am

UP Alguem me ajudaaaaa !
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 12:00 am

Boa noite!

Substitua o código CSS dado por mim na minha mensagem anterior, por este:

Código:
.postprofile{border-color:transparent;border-right-style:solid;border-right-width:1px;color:#666;display:inline;float:left;margin:5px 0 0;min-height:80px;position:relative;width:22%}* html .postprofile{overflow:hidden}.postprofile dd,.postprofile dt{line-height:1.2em;margin-left:8px}.postprofile a:active,.postprofile a:link,.postprofile a:visited,.postprofile dt.author a{color:#115b99;font-weight:700;text-decoration:none}.postprofile a:hover,.postprofile dt.author a:hover{color:#fe6500;text-decoration:underline}
.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}
.postprofile{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FAFAFA;background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);background-position:bottom;background-repeat:repeat-x;border:1px solid #cfcfcf;border-radius:3px;padding-bottom:20px;padding-top:20px;text-align:center;text-weight:bold}hr{border:0 none #ddd;border-top:1px solid #ddd;margin-right:10px});

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:03 am

Bear escreveu:Boa noite!

Substitua o código CSS dado por mim na minha mensagem anterior, por este:

Código:
.postprofile{border-color:transparent;border-right-style:solid;border-right-width:1px;color:#666;display:inline;float:left;margin:5px 0 0;min-height:80px;position:relative;width:22%}* html .postprofile{overflow:hidden}.postprofile dd,.postprofile dt{line-height:1.2em;margin-left:8px}.postprofile a:active,.postprofile a:link,.postprofile a:visited,.postprofile dt.author a{color:#115b99;font-weight:700;text-decoration:none}.postprofile a:hover,.postprofile dt.author a:hover{color:#fe6500;text-decoration:underline}
.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}
.postprofile{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FAFAFA;background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);background-position:bottom;background-repeat:repeat-x;border:1px solid #cfcfcf;border-radius:3px;padding-bottom:20px;padding-top:20px;text-align:center;text-weight:bold}hr{border:0 none #ddd;border-top:1px solid #ddd;margin-right:10px});

Passar bem! Piscada

Sumiu Tudo, Ate o Avatar.
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 12:05 am

Boa noite!

Substitua o código CSS dado por mim na minha mensagem anterior, por este:

Código:
.postprofile{border-color:transparent;border-right-style:solid;border-right-width:1px;color:#666;display:inline;float:left;margin:5px 0 0;min-height:80px;position:relative;width:22%}
.postprofile{overflow:hidden}.postprofile dd,.postprofile dt{line-height:1.2em;margin-left:8px}.postprofile a:active,.postprofile a:link,.postprofile a:visited,.postprofile dt.author a{color:#115b99;font-weight:700;text-decoration:none}.postprofile a:hover,.postprofile dt.author a:hover{color:#fe6500;text-decoration:underline}
.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}
.postprofile{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FAFAFA;background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);background-position:bottom;background-repeat:repeat-x;border:1px solid #cfcfcf;border-radius:3px;padding-bottom:20px;padding-top:20px;text-align:center;text-weight:bold}hr{border:0 none #ddd;border-top:1px solid #ddd;margin-right:10px});

No caso de não funcionar, creio que seja pela sua versão ser diferente do fórum.

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:11 am

Bear escreveu:Boa noite!

Substitua o código CSS dado por mim na minha mensagem anterior, por este:

Código:
.postprofile{border-color:transparent;border-right-style:solid;border-right-width:1px;color:#666;display:inline;float:left;margin:5px 0 0;min-height:80px;position:relative;width:22%}
.postprofile{overflow:hidden}.postprofile dd,.postprofile dt{line-height:1.2em;margin-left:8px}.postprofile a:active,.postprofile a:link,.postprofile a:visited,.postprofile dt.author a{color:#115b99;font-weight:700;text-decoration:none}.postprofile a:hover,.postprofile dt.author a:hover{color:#fe6500;text-decoration:underline}
.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}
.postprofile{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FAFAFA;background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);background-position:bottom;background-repeat:repeat-x;border:1px solid #cfcfcf;border-radius:3px;padding-bottom:20px;padding-top:20px;text-align:center;text-weight:bold}hr{border:0 none #ddd;border-top:1px solid #ddd;margin-right:10px});

No caso de não funcionar, creio que seja pela sua versão ser diferente do fórum.

Passar bem! Piscada

Mano, ainda nao pegou, voce pode me falar qual a versaão ?
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 12:15 am

Boa noite!

A versão do fórum é PhpBB3 também. Podemos perceber pelas balizas dos códigos.

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:17 am

Mano. Meu fórum é desse Jeeito, Sera que tinha como voce entra lá e se cadastrar pra me ajudar ?
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 12:24 am

@-Hawk..? escreveu:Mano. Meu fórum é desse Jeeito, Sera que tinha como voce entra lá e se cadastrar pra me ajudar ?

Boa noite!

Isto seria muito trabalhoso, você tende fazer isto manualmente. Temos um fórum de suporte para dar suporte Rindo
Não me leve a mal, tentarei ajuda-lo até conseguirmos.

De qualquer modo, adicione o código que lhe recomendei e salve. Depois me envie uma Print Screen de como ficou.

Fico no aguardo! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:27 am

Olhá ai como Fico !

avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 12:30 am

Boa noite!

No teu CSS, terá uma aba de "Buscar" e neste meio termo, adicione para buscar:

Código:
.postprofile

Apague tudo que tem a baliza acima. Assim feito, valide e adicione o código que lhe recomendei.

No caso de não funcionar, é devidamente pelo template. É diferente um de outro!

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:50 am

Aaaah mano , acho que vo desistir , pq nao ta indo '0'
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Sennior em 13/09/12, 07:58 am

Olá,

Tente o CSS abaixo:

#campoperfilmsg{background-color: white;border: 1px solid #B9C4CD;padding: 4px 10px 3px 10px;color: black;font-size: 12px;margin-bottom: 2px;text-align: left;}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 11:59 am

Nada ainda man /\
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 12:20 pm

Bom dia!

Substitua por este:

Código:
.postprofile dd, .postprofile dt {background-color: white;border: 1px solid #B9C4CD;padding: 4px 10px 3px 10px;color: black;font-size: 12px;margin-bottom: 2px;text-align: left;}


Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:31 pm

Mudo um pouco, mais só em algum lugares

Falta o sistema de Troféis passando '-'

e como botar o avatar no meio
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 12:49 pm

Boa tarde!

Para isto, vamos fazer o seguinte!

Substitua o código atual por este:
Código:
.postprofile dd, .postprofile dt {background-color: white;border: 1px solid #B9C4CD;padding: 4px 10px 3px 10px;color: black;font-size: 12px;margin-bottom: 2px;text-align: left;}
.postprofile {
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
}
.postprofile {
border-color: transparent;
margin: 5px 0px 0px;
}
.postdetails img{margin-left: 10px;text-align:center;}

Sobre os troféus leia:

A única coisa que você terá de adicionar no valor padrão do conteúdo é:
Código:
[scroll]teste[/scroll]

Substitua o "teste" pelo o que desejar. Por exemplo:

Primeiro Segundo Terceiro

teste


Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:55 pm

Nao adianto nada /\ Fico do mesmo geito do outro.
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 12:56 pm

Boa tarde!

Especifique o que ficou do mesmo jeito. Não estou a compreender senhor.

De qualquer modo, substitua o código atual por este:

Código:
.postprofile dd, .postprofile dt {background-color: white;border: 1px solid #B9C4CD;padding: 4px 10px 3px 10px;color: black;font-size: 12px;margin-bottom: 2px;text-align: left;}
.postprofile {
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
}
.postdetails img{margin-left: 10px;text-align:center;}

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 12:58 pm

Quero deichar o Avatar e o Rank no Meio , pq ta no Canto Esquerdo
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

Resolvido Re: Como botar isso no forum

Mensagem por Leexa em 13/09/12, 01:02 pm

Boa tarde!

Substitua os códigos acima por este:

Código:
.postprofile dd, .postprofile dt {background-color: white;border: 1px solid #B9C4CD;padding: 4px 10px 3px 10px;color: black;font-size: 12px;margin-bottom: 2px;text-align: left;}
.postprofile {
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #CFCFCF;
border-radius: 3px;
}
/* Centralizar Perfil - Inicio */
.postprofile dd, .postprofile dt {
text-align: center;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/* Centralizar Perfil - Fim*/


Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como botar isso no forum

Mensagem por -Hawk..? em 13/09/12, 01:06 pm

Resolvido, Valeu mano !
avatar

-Hawk..?
Nível 5

Masculino
Inscrito dia : 12/09/2012
Mensagens : 39
Pontos Ativos : 56

Ver perfil do usuário http://hard-fire.forumeiros.com/forum

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