Personalização de um Anúncio

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

Resolvido Personalização de um Anúncio

Mensagem por ShaDownS em 24/06/14, 09:59 am

  • Descrição:
Olá pessoal, eu preciso que algum de vocês melhorem esse code para mim. Poderiam fazer dele um anuncio com borda de 1.5px, radius 10px, cor dessa borda #333333. Cor do fundo ser #696969, fonte do parágrafo ser Comic Sans MS, alinhado no justificado, com o tamanho da fonte ser 12px.
O cabeçalho "Bem-Vindo(a)!"
ser de tamanho 18px, negrito, fonte Verdana, alinhado no centro.
Troquem a frase "Nossa arte é uma explosão!" por "A nossa arte, é uma explosão!", deixem ela do tamanho de 14px, e tentem dar um efeito bem legal,sabe. Efeitos JavaScript também cairia bem, mas só uma base de que as cores das letras trocam de cor. Ah pode ser uma imagem no lugar da frase. Sendo frase ou imagem, tem que estar centralizado.

Aqui o code a ser aprimorado:
Código:

<div border=" 1.5px rgb(51, 51, 51); radius: 10px;" class="panel">
 
 <center style="color: rgb(51, 51, 51); font-family: Verdana; font-size: 18px;">
   Bem-Vindo(a)!
 </center>
 
 <p style="font-family: Comic Sans MS; font-size: 12px; margin-right: 100px; margin-bottom: 50px; margin-left: 100px;">
   Seje Bem-Vindo(a) ao Fórum Naruto Ultimate! Queremos que seje bem recebido e que primeiramente, leia as regras para poder começar a postar. Atualmente estamos em construção, mas aceitamos membros interessados em ajudar o fórum de alguma maneira, desde Design Gráfico à Web Design. Fórum Naruto Ultimate convida você a participar e se juntar a nós, e se divertir! Venha se tornar o mais forte, prove suas capacidades, não deixe de lado.
 </p>
 
 <center>
   Nossa arte é uma explosão!
 </center>
 
</div>

Eu tentei com o que eu sabia e se lembrava, mas não apareceu como eu queria. Ah, se possível, mostrem uma imagem de como iria ficar.

~ Tsk, menos a parte das letras da frase trocarem de cor. Se possível me ajudar, agradeço desde já. Abraços, Soldier.

  • Informações:
Fórum:http://forumnarutoultimate.forumeiros.comVersão:PHPBB3
Tipo:Erros diversosTags:Personalização,Anúncio



Última edição por Kirisama em 10/07/14, 09:59 pm, editado 2 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Personalização de um Anúncio

Mensagem por waghcwb em 25/06/14, 04:48 pm

Olá,

Segue o código com as alterações pedidas
Código:

<style type="text/css">
#panel{
    border: 1.5px solid #333;
    border-radius: 10px;
    padding: 1em;
    color: #fff;
    background: #696969;
}
#panel p{
    font-family: 'Comic sans MS';
}
#panel #welcome{
    font: bold 18px Verdana;
    text-align: center;
    display: block;
}
#panel #message{
    font-size: 14px;
}
</style>
<div id="panel">
   <span id="welcome">Bem-Vindo(a)!</span>

  
 <p>
   Seja Bem vindo(a) ao Fórum Naruto Ultimate! Queremos que seja bem recebido e que primeiramente, leia as regras para poder começar a postar. Atualmente estamos em construção, mas aceitamos membros interessados em ajudar o fórum de alguma maneira, desde design gráfico à web design. Fórum Naruto Ultimate convida você a participar e se juntar a nós, e se divertir! Venha se tornar o mais forte, prove suas capacidades, não deixe de lado.
 </p>
  
    <span id="message">A nossa arte, é uma explosão!</span>
  
</div>

Em relação aos tais "efeitos" queira ser mais especifico a quais efeitos exatamente e se for isso de trocar as cores, quais cores quer?

Até mais...
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Personalização de um Anúncio

Mensagem por ShaDownS em 28/06/14, 01:00 am

As cores seriam: Laranja, Azul, Vermelho, Verde, Amarelo e Só.

~ Abraços, Soldier.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Personalização de um Anúncio

Mensagem por ShaDownS em 30/06/14, 11:48 am

UP! Estudar
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Personalização de um Anúncio

Mensagem por ShaDownS em 03/07/14, 11:59 pm

UP! Café
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

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