LF Design
Olá,

Seja bem vindo ao LF Design se registra no fórum estamos com muitas vagas e o melhor conteúdo para você

Até
LF Design
Últimos assuntos
» Mundo dos Fóruns
Sex Abr 18, 2014 7:17 am por JQuery

»  Arte Library®
Sex Mar 28, 2014 10:35 am por Wiliam.

» Poderia me fazer uma HTML Veja
Sab Maio 11, 2013 3:46 pm por Quakeline

» Star Forum - Mais que um forum, uma familia
Sab Maio 11, 2013 9:56 am por Quakeline

» Ultra Gaming
Qua Maio 08, 2013 8:03 pm por -Matt

» SUPERAntiSpyware
Qua Maio 08, 2013 7:25 pm por -Matt

» Como fazer isso
Qua Maio 01, 2013 12:28 pm por Quakeline

» [VIP] Compre VIP
Seg Abr 29, 2013 8:58 pm por Quakeline

Os membros mais ativos do mês


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1 Como fazer isso em Dom Abr 28, 2013 12:02 pm

Jose Hamizaki

avatar
Special Member
Dúvida:Como fazer isso
Imagens da Dúvida:
Link do Fórum:[Você precisa estar registrado e conectado para ver este link.]
Versão:PUNBB
Descrição sobre a Dúvida:Ola pessoal, como vocês podem ver, nesta pagina [Você precisa estar registrado e conectado para ver este link.]

aquela primeira parte que fala das aparencias, mapa interativo, eu queria saber como eu posso fazer isso pro meu forum, mas queria que vocês deixassem indicado eu devo modificar pra deixar com o sinal verde ou vermelho.

http://pokemonforver.forumeiros.com/forum

#2 Re: Como fazer isso em Dom Abr 28, 2013 12:24 pm

BabyLoves

avatar
Fundador
Pode me fornecer uma imagem ? aqui não abriu o forum nem a pagina citada .






BabyLoves sugere a você que leia.

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]


Atendimento ao usuário.

[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.]

#3 Re: Como fazer isso em Dom Abr 28, 2013 12:40 pm

Jose Hamizaki

avatar
Special Member
Ola, e isso aqui:

[Você precisa estar registrado e conectado para ver esta imagem.]

http://pokemonforver.forumeiros.com/forum

#4 Re: Como fazer isso em Dom Abr 28, 2013 12:42 pm

BabyLoves

avatar
Fundador
Eu ainda não entendi qual sua duvida,gostaria desta pagina HTML,ou outra coisa ? Explique direito !.

Até Smile .






BabyLoves sugere a você que leia.

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]


Atendimento ao usuário.

[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.]

#5 Re: Como fazer isso em Dom Abr 28, 2013 12:45 pm

Jose Hamizaki

avatar
Special Member
Eu queria fazer este tipo de efeito, se der pra fazer por HTML, eu queria que aparecesse este efeito, e embaixo mas algumas coisas que nesta parte eu mesmo posso colocar me falando qual parte deve ser editada.

http://pokemonforver.forumeiros.com/forum

#6 Re: Como fazer isso em Dom Abr 28, 2013 2:46 pm

Quakeline

avatar
Fundador
Olá,

Estarei fazendo uma página HTML do mesmo estilo, isso vai demorar pelomenos um dia

Até






Quakeline sugere a você que leia.

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]


Atendimento ao usuário.

[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.]

#7 Re: Como fazer isso em Dom Abr 28, 2013 3:35 pm

Jose Hamizaki

avatar
Special Member
ok, ficarei no aguardo.

http://pokemonforver.forumeiros.com/forum

#8 Re: Como fazer isso em Dom Abr 28, 2013 3:40 pm

Quakeline

avatar
Fundador
Olá,

Aqui esta o código da Página

Código:
<div class="module main"><div class="main-head"><div class="h3"><a href="http://shift.forumactif.com/t320-analise-de-http-cataclysmweb-rpgcom#1558">Tópico Original da Análise De ShiftActif</a></div></div><div class="main-content clearfix">


Cataclysm World,Oferece um RPG Organizado e Agradável,Uma Equipe Qualificada e Pronta para resolver qualquer situação,Um Ótimo Design e Sistemas Prontos de Luta,Além de Vários Guias e Tutoriais de Aprendizagem
<style type="text/css">   
/*General styles*/

/*Features table------------------------------------------------------------*/
.features-table
{
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  background: #fafafa; 
  background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */
  background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff));
  font-family: Verdana,Arial,Helvetica
}

.features-table td
{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;
  white-space: nowrap;
}

.no-border td
{
  border-bottom: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;   
}

.col-cell
{
  text-align: center;
  width: 150px;
  font: normal 1em Verdana, Arial, Helvetica; 
}

.col-cell1, .col-cell2
{
  background: #efefef;
  background: rgba(144,144,144,0.15);
  border-right: 1px solid white;
}

.col-cell3
{
  background: #e7f3d4; 
  background: rgba(184,243,85,0.3);
}

.col-cellh
{
  font: bold 1.3em 'trebuchet MS', 'Lucida Sans', Arial; 
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea !important;
}

.col-cellf
{
  font: bold 1.4em Georgia; 
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada !important;
}
/**/
    </style>
<table class="features-table">
            <tbody><tr>
               <td></td>
               <td class="col-cell col-cell1 col-cellh">Cataclysm World</td>
               
               <td class="col-cell col-cell3 col-cellh">Outros RPGs</td>         
            </tr>
            <tr>
               <td>Sistema de Aparências</td>
               <td class="col-cell col-cell1"><img src="http://i.imgur.com/zeJeH.png" height="16" width="16"></td>
               
               <td class="col-cell col-cell3"><img src="http://i.imgur.com/S8Kpr.png" height="16" width="16"></td>         
            </tr>
            <tr>
               <td>Mapa Interativo</td>
               <td class="col-cell col-cell1"><img src="http://i.imgur.com/zeJeH.png" height="16" width="16"></td>
               
               <td class="col-cell col-cell3"><img src="http://i.imgur.com/S8Kpr.png" height="16" width="16"></td>         
            </tr>
            <tr>
               <td>Inovações **</td>
               <td class="col-cell col-cell1"><img src="http://i.imgur.com/zeJeH.png" height="16" width="16"></td>
               
               <td class="col-cell col-cell3"><img src="http://i.imgur.com/S8Kpr.png" height="16" width="16"></td>
            </tr>
            <tr>
               <td>Organização*</td>
               <td class="col-cell col-cell1"><img src="http://i.imgur.com/zeJeH.png" height="16" width="16"></td>
               
               <td class="col-cell col-cell3"><img src="http://i.imgur.com/S8Kpr.png" height="16" width="16"></td>
            </tr>
            <tr class="no-border">
               <td></td>
               <td class="col-cell col-cell1 col-cellf"> </td>
               
               <td class="col-cell col-cell3 col-cellf"> </td>            
            </tr>      
   </tbody></table>

<b>* 50% dos RPGs de Fórum Possuem</b><br>
<b>** Inovações em Sistemas,Design e Criatividade</b>

<hr>
<div><table class="forumbg" style="width:98%;margin:0 auto;padding:5px 3px 3px 3px;margin-bottom:36px" cellspacing="0"><tbody><tr><td colspan="2" style="padding-bottom:3px" align="left"><font color="white">Ficha de avaliação do fórum:<strong><a href="http://cataclysm.forumotion.com" target="_blank" rel="nofollow">http://cataclysm.forumotion.com</a></strong></font></td></tr><tr><td align="left"><table class="row2" style="width:100%"><tbody><tr><td align="left"><table class="table1" style="width:100%"><tbody><tr><td align="left">Revisor:</td><td align="left"><strong><font color="#009FB9">Aang</font></strong></td></tr><tr><td align="left">Data da conclusão:</td><td align="left">25/6/2012</td></tr><tr><td align="left">Nota final:</td><td align="left">5.2/10</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table class="table1" border="0"><tbody><tr><td align="left"> <font color="#1675BC">Conteúdo, linguagem e primeiras impressões</font> </td><td align="left"><div align="right"> Nota parcial:<strong>2.6/4</strong></div></td></tr></tbody></table><table style="height:2px;width:100%;background-color:#1675BC;margin-bottom:3px" cellspacing="0"><tbody><tr><td align="left"></td></tr></tbody></table>A distribuição de categorias estão boas, organizando bem os assuntos tratados em cada tipo de fórum. O título Cataclysm World é um tanto desconhecido pelas pessoas que não são muito ligadas nos jogos, mais o título está muito bom por se tratar de um RPG. As primeiras impressões são que entramos em um RPG, pois quando entramos no fórum é solicito Login e Senha, tive de acessar manualmente o fórum para verificar as primeiras impressões, as impressões são boas por ser um RPG. A linguagem utilizada no fórum é muito boa, os temas e a crediblidade dos debates também.<table class="table1" style="margin-top:36px" border="0"><tbody><tr><td align="left"> <font color="#1675BC">Design</font> </td><td align="left"><div align="right"> Nota parcial:<strong>1.8/4</strong></div></td></tr></tbody></table><table style="height:2px;width:100%;background-color:#1675BC;margin-bottom:3px" cellspacing="0"><tbody><tr><td align="left"></td></tr></tbody></table>O logo e o banner do fórum é bem personalizado, imagens decorrentes do jogo, deixa eles muito atrativos. A relação do tema com os assuntos debatidos é muito interessante, pois trata diretamente dos assuntos tratados. A paleta de cores utilizadas é bastante, mais todas combinam diretamente. A boa disposição dos widgets, categorias e menus é bem atrativa, pois temos diversos widgets, que cada um trata de um assunto diferente, a acessibilidade também é um item bom. As imagens, ícones e ranks em geral está muito boa para RPGS, e sua criatividade é impressionante.<table class="table1" style="margin-top:36px" border="0"><tbody><tr><td align="left"> <font color="#1675BC">Outros critérios</font> </td><td align="left"><div align="right"> Nota parcial:<strong>0.8/2</strong></div></td></tr></tbody></table><table style="height:2px;width:100%;background-color:#1675BC;margin-bottom:3px" cellspacing="0"><tbody><tr><td align="left"></td></tr></tbody></table>Os bons recursos proporcionados pelo fórum é o que impressiona, a qualidade da equipe também é muito boa, levando em relação estes dois critérios tudo fica ótimo. A classificação no Google e as estatistas do fórum estão bem, somente o recorde de usuários online que é um pouco baixo. <br>
Então,Oque está Esperando,Registre-se e Chame seus Amigos !!!</div></div></div>

Caso deseja ele editado e explicando me fale

Até






Quakeline sugere a você que leia.

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]


Atendimento ao usuário.

[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.]

#9 Re: Como fazer isso em Qua Maio 01, 2013 10:59 am

Jose Hamizaki

avatar
Special Member
Este codigo pode ser adicionado a uma topico para que apareça seu efeito?

http://pokemonforver.forumeiros.com/forum

#10 Re: Como fazer isso em Qua Maio 01, 2013 12:28 pm

Quakeline

avatar
Fundador
Olá,

Não você pode utilizar este código no tópico

Código:
<div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"><center><iframe style="left: 0px; right: 0px;" src="/h2-"frameborder="no" scrolling="no" height="293" width="954"></iframe></center></div><span class="corners-bottom"><span></span></span></div><div>

/h2- = Altere pelo link da Página HTML

Até






Quakeline sugere a você que leia.

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver este link.]


Atendimento ao usuário.

[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.]

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum