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
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
Como fazer isso EmptySex Abr 18, 2014 7:17 am por JQuery

»  Arte Library®
Como fazer isso EmptySex Mar 28, 2014 10:35 am por Wiliam.

» Poderia me fazer uma HTML Veja
Como fazer isso EmptySáb maio 11, 2013 3:46 pm por Quakeline

» Star Forum - Mais que um forum, uma familia
Como fazer isso EmptySáb maio 11, 2013 9:56 am por Quakeline

» Sitio Marado - Tudo que tu procuras em um só fórum!
Como fazer isso EmptySex maio 10, 2013 7:58 am por Quakeline

» Ultra Gaming
Como fazer isso EmptyQua maio 08, 2013 8:03 pm por -Matt

» SUPERAntiSpyware
Como fazer isso EmptyQua maio 08, 2013 7:25 pm por -Matt

» Como fazer isso
Como fazer isso EmptyQua maio 01, 2013 12:28 pm por Quakeline

» [VIP] Compre VIP
Como fazer isso EmptySeg Abr 29, 2013 8:58 pm por Quakeline

Os membros mais ativos do mês
Nenhum usuário


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

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

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

Jose Hamizaki

Jose Hamizaki
Special Member
Dúvida:Como fazer isso
Imagens da Dúvida:
Link do Fórum:[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão:PUNBB
Descrição sobre a Dúvida:Ola pessoal, como vocês podem ver, nesta pagina [Tens de ter uma conta e sessão iniciada para poderes visualizar 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

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

BabyLoves

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

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

Jose Hamizaki

Jose Hamizaki
Special Member
Ola, e isso aqui:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

http://pokemonforver.forumeiros.com/forum

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

BabyLoves

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

Até Smile .

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

Jose Hamizaki

Jose Hamizaki
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

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

Quakeline

Quakeline
Fundador
Olá,

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

Até

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

Jose Hamizaki

Jose Hamizaki
Special Member
ok, ficarei no aguardo.

http://pokemonforver.forumeiros.com/forum

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

Quakeline

Quakeline
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.web-rpg.com" target="_blank" rel="nofollow">http://cataclysm.web-rpg.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é

#9Como fazer isso Empty Re: Como fazer isso Qua maio 01, 2013 10:59 am

Jose Hamizaki

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

http://pokemonforver.forumeiros.com/forum

#10Como fazer isso Empty Re: Como fazer isso Qua maio 01, 2013 12:28 pm

Quakeline

Quakeline
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é

Conteúdo patrocinado


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

Permissões neste sub-fórum
Não podes responder a tópicos