Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Botões de ação
Hoje à(s) 21:19 por while

» Ajustar a visualização dos "Usuários online" (limites da página)
Hoje à(s) 21:17 por MarcosSchultz

» Efeitos em usuários de determinados grupos
Hoje à(s) 21:15 por while

» Remover botão do menu
Hoje à(s) 20:33 por Maori

» [Outros] Cartaz
Hoje à(s) 20:07 por Holkis

» Deslocar os botões do perfil
Hoje à(s) 19:05 por while

» Formulário de postagem
Hoje à(s) 18:47 por YouTube3

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
Nogueira SSA
 
Maori
 
GollD
 

Quem está conectado
125 usuários online :: 8 usuários cadastrados, 1 Invisível e 116 Visitantes :: 2 Motores de busca

Holkis, iMont, iScroll, MarcosSchultz, MateusAnjosV, Shek, while, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Link do facebook na página HTML

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

Resolvido Link do facebook na página HTML

Mensagem por kakakoro em Qua 28 Jan 2015 - 13:52

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.vertigem.forumeiros.com

Descrição do problema

Olá, gostaria de saber se alguem poderia inserir o link da página do facebook na HTML.

A página possui um local e eu mesmo tentei trocar, porque estava o link do facebook antigo e eu gostaria de trocar pelo novo.

O link é esse:

https://www.facebook.com/pages/Vertigem/565104080290317?fref=ts

Código:
<br /><meta content="text/html;charset=utf-8" http-equiv="Content-Type" />                          <style>
        <!----------------------------------------------- Créditos: -----------------------------------------------!>
        Está página foi desenvolvida por BrunoH. - Web Designer e Programador
        Nome: BrunoH. Páginas HTML
        Autor: BrunoH.
        Link: http://brunohweb.tk/
        Data: 11/07/2013
        A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
        <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








        hr {
        border-color: #fff;
        }
        #top5 {
        display:none;
        position: fixed;
        left: 86.6%;
        top: 97%;
        color: #73AAFD;
        font-family: "Courier New", Courier, monospace font-size:14px;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        opacity: 0.7;
        -webkit-transition-duration: 1s;
        background: rgb(27, 27, 27);
        width: 20%;
        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
        }
        #top5:hover {
        height: 80%;
        top: 47%;
        opacity: 1;
        }
        #topo1 {
        position: absolute;
        left: 81%;
        top: 1.5%;
        color: rgb(211, 211, 211);
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        }
        #topo2ip {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2 {
        position: absolute;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 98%;
        -webkit-transition-duration: 1s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
        padding: 4px;
        }
        #RaidCallDESATIVADO {
        position: absolute;
        top: 1.5%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 36%;
        -webkit-transition-duration: 1s;
        margin-left: 22%;
        }
        #RaidCall {
        position: absolute;
        left: 81%;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        padding: 4px;
        }
        #RaidCallID {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2:hover {opacity: 1;}
        #cssmenu ul,
        #cssmenu li,
        #cssmenu span,
        #cssmenu a {
          margin: 0;
          padding: 0;
          position: relative;
        }
        #cssmenu {
        height: 49px;
        background: transparent;
        margin-left: 80%;
        margin-top: -10%;
        width: 17%!important;
        }
        #cssmenu:after,
        #cssmenu ul:after {
          content: '';
          display: block;
          clear: both;
        }
        #cssmenu a {
        background: transparent;
        color: #fff;
        display: inline-block;
        font-family: Game of Thrones;
        line-height: 35px;
        padding: 0 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 20px;
        margin-left: 5px;
        }
        #cssmenu ul {
          list-style: none;
        }
        #cssmenu > ul {
          float: left;
        }
        #cssmenu > ul > li {
          float: center;
        }
        #cssmenu > ul > li:hover:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
        }
        #cssmenu > ul > li:hover > a {
        color: rgba(255, 255, 255, 0.55);
        }
        #cssmenu .has-sub {
          z-index: 1;
        }
        #cssmenu .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub ul {
          display: none;
          position: absolute;
          width: 200px;
          top: 100%;
          left: 0;
        }
        #cssmenu .has-sub ul li {
          *margin-bottom: -1px;
        }
        #cssmenu .has-sub ul li a {
          background: #0fa1e0;
          border-bottom: 1px dotted #6fc7ec;
          filter: none;
          font-size: 11px;
          display: block;
          line-height: 120%;
          padding: 10px;
        }
        #cssmenu .has-sub ul li:hover a {
          background: #0c7fb0;
        }
        #cssmenu .has-sub .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub .has-sub ul {
          display: none;
          position: absolute;
          left: 100%;
          top: 0;
        }
        #cssmenu .has-sub .has-sub ul li a {
          background: #0c7fb0;
          border-bottom: 1px dotted #6db2d0;
        }
        #cssmenu .has-sub .has-sub ul li a:hover {
          background: #095c80;
        }
        .menu {
        width: 87.2%;
        background: transparent;
        margin-top: 4%;
        position: absolute;
        margin-left: 5%;
        padding: 10px;
        -webkit-border-radius: 7px 7px 0px 0;
        color:#fff;
        }
        .menu a{
        transition:all linear 0.5s;
        -moz-transition:all linear 0.5s;
        -webkit-moz-trasition:all linear 0.5s;
        font-weight:bold;
        color:#999999;
        margin-right:35px;
        text-decoration:none;
        }
        #tabela1 {
        background: transparent;
        width: 1%;
        float: center;
        height: 1%;
        margin-top: 383px;
        }
        #tabela1 a{
        text-decoration:none;
        color:#000;
        }
        body{
        background: rgb(0, 0, 0) url("http://2.bp.blogspot.com/-Q3vZ1KnYRPI/TtSD0nTJsGI/AAAAAAAAAXU/cfGRgdZrTJU/s1600/armageddon29zbastroid.jpg") repeat;
        color: #5a5a5a;
        font: normal 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 20px;
        background-repeat: no-repeat;
      background-size: 100pc;
        }
        .conectado {
        margin-top: -2.9%;
        margin-left: 6%;
        position: absolute;
        background: rgba(0, 0, 0, 0.18);
        height: 37px;
        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        border: 1px solid rgba(0, 0, 0, 0.35);
        width: 87%;
        }
        .botao {
        font-weight: bold;
        color: white;
        float: left;
        padding: 0 13px 9px 13px;
        line-height: 36px;
        outline: none;
        height: 26px;
        text-decoration: none;
        }
        .botao a {
        color: white;
        text-decoration: none;
        }
        .botao:hover {
        background: rgba(0, 0, 0, 0.1);
        }
        #brunoh {
        background-color: #fbfbfb;
        border: 1px solid rgb(231, 231, 231);
        padding: 6px;
        }
        .redesociais {
        margin-left: 820px;
        margin-top: -288px;
        position: absolute;
        }
      #tabcont-brunoh {
padding: 10px;
width: 600px;
position: absolute;
margin-left: 100px;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
min-height: 100px;
margin-top: -237px;
color: white;
border-radius: 10px;
left: 22pc;
}
        .copyright {
        position: absolute;
        margin-left: 600px;
        margin-top: 264px;
        color: #fff;
        }


div#soufoda {
position: relative;
left: -39pc;
top: 9pc;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color: rgba(139, 139, 139, 0.360784);
border-color: rgba(0, 0, 0, 0.188235);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
color: rgb(249, 249, 249);
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
width: 19pc;
height: 123px;
}
div#sennior1:hover {
background-color: rgb(63, 63, 63);
padding: 6px;
}
div#sennior2:hover {
background-color: rgb(63, 63, 63);
padding-bottom: 11px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
position: relative;
left: -623px;
}
div#sennior:hover {
background-color: rgb(63, 63, 63);
padding: 6px;
}
div#sennior1 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 19pc;
left: -39pc;
}
div#sennior4:hover {
background-color: rgb(63, 63, 63);
padding: 6px;
}
div#sennior4 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 19pc;
left: -39pc;
}
div#sennior2 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 19pc;
left: -39pc;
}
        </style>
<center>
                   <link href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" type="image/x-icon" rel="shortcut icon" />        <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />        <title>Vertigem</title>                                 
   <div class="redesociais">
                <iframe allowtransparency="true" style="position:relative;top:21pc;left:-140px;border:none; overflow:hidden; width:300px;" frameborder="0" scrolling="no" src="https://www.facebook.com/pages/Vertigem/565104080290317?fref=ts"> </iframe>       
   </div>
                          
   <center>
                <img style=" position: absolute; left: 435px; top: -20px;padding: 0px; width: 40%;" src="http://i.imgur.com/7FXeLMN.png" />         
      <div id="tabcont-brunoh">
                                    
         <div style="font-size:15px;display: block;" id="tab1">
                                             
            <ul>
                                   Armand Donovan poderia levar sua vida pacata, livre das intrigas da cúpula do Magistrado e do jogo interminável de poder entre Ámon e Capa Branca - membros completamente opostos da Guarda Provincial. Porém, o jovem garoto acabou sendo pego em fogo cruzado, o que acabou o deixando cara a cara com os reais problemas da última cidade viva do planeta terra - Lasttown. Com isso, a oportunidade perfeita para se vingar dos homens que o torturaram e simplesmente desapareceram com sua mãe acabou caindo em suas mãos. O que ninguém esperava, é que o destino aguardava a chance perfeita para balançar mais uma vez o equilibrio do planeta terra. Ninguém está a salvo quando se está em Lasttown.                 
            </ul>
                                         
         </div>
                                          
      </div>
                       
   </center>
                          
   <center>
                           
      <div class="menu">
                                    
         <div id="cssmenu">
                                                       
            <center>
                                                      
               <div id="Soufoda">
                     
               </div>
                    
               <div id="sennior4">
                                                               
                  <div style="display: block;" id="tab1">
                                                                        
                     <ul>
                                                    <a href="http://www.perse.com.br/novoprojetoperse/WF2_BookDetails.aspx?filesFolder=N1417128192064">Adquira agora seu exemplar!</a>                         
                     </ul>
                                                                    
                  </div>
                                                 
               </div>
                                          
               <div id="sennior1">
                                                                     
                  <div style="display: block;" id="tab1">
                                                                              
                     <ul>
                                                        <a href="http://vertigem.forumeiros.com/portal">Ir para fórum</a>                           
                     </ul>
                                                                          
                  </div>
                                                   
               </div>
                                              
               <div id="sennior2">
                                                                           
                  <div style="display: block;" id="tab1">
                                                                                    
                     <ul>
                                                          <a href="LINK PARA ONDE IREMOS AO CLICAR">Contato</a>                               
                     </ul>
                                                                                
                  </div>
                                                                         
               </div>
                                                                                
            </center>
                                         
         </div>
                                                  
      </div>
                           
      <div class="copyright">
                       Copyright ® CJSilveira Isoul Renato Vasconcelos           
      </div>
                                   
      <table id="tabela1">
                                            
         <tbody>
                                             
            <tr>
                                                      
               <td>
                                                               
                  <center>
                                                                    
                  </center>
                                                           
               </td>
                                                  
            </tr>
                                         
         </tbody>
                                
      </table>
                       
   </center>
                   <a style="display: none;" target="_blank" href="http://www.forumeiros.com"> Fórumeiros</a>
</center>


Última edição por kakakoro em Sab 31 Jan 2015 - 12:12, editado 1 vez(es)

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3082

http://www.rpgorigem.forumeiros.com

Resolvido Re: Link do facebook na página HTML

Mensagem por Reset em Qui 29 Jan 2015 - 19:18

Olá!

Troque por este:
Código:
<br /><meta content="text/html;charset=utf-8" http-equiv="Content-Type" />                          <style>
        <!----------------------------------------------- Créditos: -----------------------------------------------!>
        Está página foi desenvolvida por BrunoH. - Web Designer e Programador
        Nome: BrunoH. Páginas HTML
        Autor: BrunoH.
        Link: http://brunohweb.tk/
        Data: 11/07/2013
        A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
        <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








        hr {
        border-color: #fff;
        }
        #top5 {
        display:none;
        position: fixed;
        left: 86.6%;
        top: 97%;
        color: #73AAFD;
        font-family: "Courier New", Courier, monospace font-size:14px;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        opacity: 0.7;
        -webkit-transition-duration: 1s;
        background: rgb(27, 27, 27);
        width: 20%;
        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
        }
        #top5:hover {
        height: 80%;
        top: 47%;
        opacity: 1;
        }
        #topo1 {
        position: absolute;
        left: 81%;
        top: 1.5%;
        color: rgb(211, 211, 211);
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        }
        #topo2ip {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2 {
        position: absolute;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 98%;
        -webkit-transition-duration: 1s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
        padding: 4px;
        }
        #RaidCallDESATIVADO {
        position: absolute;
        top: 1.5%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 36%;
        -webkit-transition-duration: 1s;
        margin-left: 22%;
        }
        #RaidCall {
        position: absolute;
        left: 81%;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        padding: 4px;
        }
        #RaidCallID {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2:hover {opacity: 1;}
        #cssmenu ul,
        #cssmenu li,
        #cssmenu span,
        #cssmenu a {
          margin: 0;
          padding: 0;
          position: relative;
        }
        #cssmenu {
        height: 49px;
        background: transparent;
        margin-left: 80%;
        margin-top: -10%;
        width: 17%!important;
        }
        #cssmenu:after,
        #cssmenu ul:after {
          content: '';
          display: block;
          clear: both;
        }
        #cssmenu a {
        background: transparent;
        color: #fff;
        display: inline-block;
        font-family: Game of Thrones;
        line-height: 35px;
        padding: 0 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 20px;
        margin-left: 5px;
        }
        #cssmenu ul {
          list-style: none;
        }
        #cssmenu > ul {
          float: left;
        }
        #cssmenu > ul > li {
          float: center;
        }
        #cssmenu > ul > li:hover:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
        }
        #cssmenu > ul > li:hover > a {
        color: rgba(255, 255, 255, 0.55);
        }
        #cssmenu .has-sub {
          z-index: 1;
        }
        #cssmenu .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub ul {
          display: none;
          position: absolute;
          width: 200px;
          top: 100%;
          left: 0;
        }
        #cssmenu .has-sub ul li {
          *margin-bottom: -1px;
        }
        #cssmenu .has-sub ul li a {
          background: #0fa1e0;
          border-bottom: 1px dotted #6fc7ec;
          filter: none;
          font-size: 11px;
          display: block;
          line-height: 120%;
          padding: 10px;
        }
        #cssmenu .has-sub ul li:hover a {
          background: #0c7fb0;
        }
        #cssmenu .has-sub .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub .has-sub ul {
          display: none;
          position: absolute;
          left: 100%;
          top: 0;
        }
        #cssmenu .has-sub .has-sub ul li a {
          background: #0c7fb0;
          border-bottom: 1px dotted #6db2d0;
        }
        #cssmenu .has-sub .has-sub ul li a:hover {
          background: #095c80;
        }
        .menu {
        width: 87.2%;
        background: transparent;
        margin-top: 4%;
        position: absolute;
        margin-left: 5%;
        padding: 10px;
        -webkit-border-radius: 7px 7px 0px 0;
        color:#fff;
        }
        .menu a{
        transition:all linear 0.5s;
        -moz-transition:all linear 0.5s;
        -webkit-moz-trasition:all linear 0.5s;
        font-weight:bold;
        color:#999999;
        margin-right:35px;
        text-decoration:none;
        }
        #tabela1 {
        background: transparent;
        width: 1%;
        float: center;
        height: 1%;
        margin-top: 383px;
        }
        #tabela1 a{
        text-decoration:none;
        color:#000;
        }
        body{
        background: rgb(0, 0, 0) url("http://2.bp.blogspot.com/-Q3vZ1KnYRPI/TtSD0nTJsGI/AAAAAAAAAXU/cfGRgdZrTJU/s1600/armageddon29zbastroid.jpg") repeat;
        color: #5a5a5a;
        font: normal 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 20px;
        background-repeat: no-repeat;
      background-size: 100pc;
        }
        .conectado {
        margin-top: -2.9%;
        margin-left: 6%;
        position: absolute;
        background: rgba(0, 0, 0, 0.18);
        height: 37px;
        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        border: 1px solid rgba(0, 0, 0, 0.35);
        width: 87%;
        }
        .botao {
        font-weight: bold;
        color: white;
        float: left;
        padding: 0 13px 9px 13px;
        line-height: 36px;
        outline: none;
        height: 26px;
        text-decoration: none;
        }
        .botao a {
        color: white;
        text-decoration: none;
        }
        .botao:hover {
        background: rgba(0, 0, 0, 0.1);
        }
        #brunoh {
        background-color: #fbfbfb;
        border: 1px solid rgb(231, 231, 231);
        padding: 6px;
        }
        .redesociais {
        margin-left: 820px;
        margin-top: -288px;
        position: absolute;
        }
       #tabcont-brunoh {
padding: 10px;
width: 600px;
position: absolute;
margin-left: 100px;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
min-height: 100px;
margin-top: -237px;
color: white;
border-radius: 10px;
left: 22pc;
}
        .copyright {
        position: absolute;
        margin-left: 600px;
        margin-top: 264px;
        color: #fff;
        }


div#soufoda {
position: relative;
left: -39pc;
top: 9pc;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color: rgba(139, 139, 139, 0.360784);
border-color: rgba(0, 0, 0, 0.188235);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
color: rgb(249, 249, 249);
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
width: 19pc;
height: 123px;
}
div#sennior1:hover {
background-color: rgb(63, 63, 63);
padding: 6px;
}
div#sennior2:hover {
background-color: rgb(63, 63, 63);
padding-bottom: 11px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
position: relative;
left: -623px;
}
div#sennior:hover {
background-color: rgb(63, 63, 63);
padding: 6px;
}
div#sennior1 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 19pc;
left: -39pc;
}
div#sennior4:hover {
background-color: rgb(63, 63, 63);
padding: 6px;
}
div#sennior4 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 19pc;
left: -39pc;
}
div#sennior2 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 19pc;
left: -39pc;
}
        </style>
<center>
                    <link href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" type="image/x-icon" rel="shortcut icon" />        <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />        <title>Vertigem</title>                                  
   <div class="redesociais">
                 <iframe allowtransparency="true" style="position:relative;top:21pc;left:-140px;border:none; overflow:hidden; width:300px;" frameborder="0" scrolling="no" src="https://www.facebook.com/pages/Vertigem/565104080290317?fref=ts"> </iframe>        
   </div>
                            
   <center>
                 <img style=" position: absolute; left: 435px; top: -20px;padding: 0px; width: 40%;" src="http://i.imgur.com/7FXeLMN.png" />          
      <div id="tabcont-brunoh">
                                    
         <div style="font-size:15px;display: block;" id="tab1">
                                              
            <ul>
                                   Armand Donovan poderia levar sua vida pacata, livre das intrigas da cúpula do Magistrado e do jogo interminável de poder entre Ámon e Capa Branca - membros completamente opostos da Guarda Provincial. Porém, o jovem garoto acabou sendo pego em fogo cruzado, o que acabou o deixando cara a cara com os reais problemas da última cidade viva do planeta terra - Lasttown. Com isso, a oportunidade perfeita para se vingar dos homens que o torturaram e simplesmente desapareceram com sua mãe acabou caindo em suas mãos. O que ninguém esperava, é que o destino aguardava a chance perfeita para balançar mais uma vez o equilibrio do planeta terra. Ninguém está a salvo quando se está em Lasttown.                  
            </ul>
                                          
         </div>
                                          
      </div>
                        
   </center>
                            
   <center>
                            
      <div class="menu">
                                    
         <div id="cssmenu">
                                                        
            <center>
                                                      
               <div id="Soufoda">
                      
               </div>
                      
               <div id="sennior4">
                                                                
                  <div style="display: block;" id="tab1">
                                                                        
                     <ul>
                                                     <a href="http://www.perse.com.br/novoprojetoperse/WF2_BookDetails.aspx?filesFolder=N1417128192064">Adquira agora seu exemplar!</a>                          
                     </ul>
                                                                    
                  </div>
                                                  
               </div>
                                            
               <div id="sennior1">
                                                                      
                  <div style="display: block;" id="tab1">
                                                                              
                     <ul>
                                                        <a href="http://vertigem.forumeiros.com/portal">Ir para fórum</a>                            
                     </ul>
                                                                            
                  </div>
                                                    
               </div>
                                              
               <div id="sennior2">
                                                                            
                  <div style="display: block;" id="tab1">
                                                                                    
                     <ul>
                                                           <a href="LINK PARA ONDE IREMOS AO CLICAR">Contato</a>                                
                     </ul>
                                                                                  
                  </div>
                                                                          
               </div>
                                                                                  
            </center>
                                          
         </div>
                                                    
      </div>
                            
      <div class="copyright">
                       Copyright ® CJSilveira Isoul Renato Vasconcelos            
      </div>
                                    
      <table id="tabela1">
                                              
         <tbody>
                                              
            <tr>
                                                      
               <td>
                                                                
                  <center>
                                                                      
                  </center>
                                                            
               </td>
                                                    
            </tr>
                                          
         </tbody>
                                  
      </table>
                        
   </center>
 <a style="display: inline;" target="_blank" href="https://www.facebook.com/pages/Vertigem/565104080290317?fref=ts">Nosso Facebook!</a>
</center>
                    <a style="display: none;" target="_blank" href="http://www.forumeiros.com"> Fórumeiros</a>
</center>

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1074
Pontos Ativos : 2137

http://ajuda.forumeiros.com/

Resolvido Re: Link do facebook na página HTML

Mensagem por kakakoro em Qui 29 Jan 2015 - 20:32

Não funcionou. Eu queria que ficasse o plugin do facebook com as imagens das pessoas que curtiram a página.

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3082

http://www.rpgorigem.forumeiros.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Link do facebook na página HTML

Mensagem por kakakoro em Sex 30 Jan 2015 - 13:15

Sim, mas dessa forma aparece a foto das pessoas que curtiram a página?

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3082

http://www.rpgorigem.forumeiros.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Link do facebook na página HTML

Mensagem por kakakoro em Sex 30 Jan 2015 - 15:47

Oi, o plug-in que eu quero está aqui:

Código:
<br /><meta content="text/html;charset=utf-8" http-equiv="Content-Type" />                          <style>
        <!----------------------------------------------- Créditos: -----------------------------------------------!>
        Está página foi desenvolvida por BrunoH. - Web Designer e Programador
        Nome: BrunoH. Páginas HTML
        Autor: BrunoH.
        Link: http://brunohweb.tk/
        Data: 11/07/2013
        A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
        <!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>








        hr {
        border-color: #fff;
        }
        #top5 {
        display:none;
        position: fixed;
        left: 86.6%;
        top: 97%;
        color: #73AAFD;
        font-family: "Courier New", Courier, monospace font-size:14px;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        opacity: 0.7;
        -webkit-transition-duration: 1s;
        background: rgb(27, 27, 27);
        width: 20%;
        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
        }
        #top5:hover {
        height: 80%;
        top: 47%;
        opacity: 1;
        }
        #topo1 {
        position: absolute;
        left: 81%;
        top: 1.5%;
        color: rgb(211, 211, 211);
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        }
        #topo2ip {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2 {
        position: absolute;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 98%;
        -webkit-transition-duration: 1s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
        padding: 4px;
        }
        #RaidCallDESATIVADO {
        position: absolute;
        top: 1.5%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 36%;
        -webkit-transition-duration: 1s;
        margin-left: 22%;
        }
        #RaidCall {
        position: absolute;
        left: 81%;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        padding: 4px;
        }
        #RaidCallID {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2:hover {opacity: 1;}
        #cssmenu ul,
        #cssmenu li,
        #cssmenu span,
        #cssmenu a {
          margin: 0;
          padding: 0;
          position: relative;
        }
        #cssmenu {
        height: 49px;
        background: transparent;
        margin-left: 80%;
        margin-top: -10%;
        width: 17%!important;
        }
        #cssmenu:after,
        #cssmenu ul:after {
          content: '';
          display: block;
          clear: both;
        }
        #cssmenu a {
        background: transparent;
        color: #fff;
        display: inline-block;
        font-family: Game of Thrones;
        line-height: 35px;
        padding: 0 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 20px;
        margin-left: 5px;
        }
        #cssmenu ul {
          list-style: none;
        }
        #cssmenu > ul {
          float: left;
        }
        #cssmenu > ul > li {
          float: center;
        }
        #cssmenu > ul > li:hover:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
        }
        #cssmenu > ul > li:hover > a {
        color: rgba(255, 255, 255, 0.55);
        }
        #cssmenu .has-sub {
          z-index: 1;
        }
        #cssmenu .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub ul {
          display: none;
          position: absolute;
          width: 200px;
          top: 100%;
          left: 0;
        }
        #cssmenu .has-sub ul li {
          *margin-bottom: -1px;
        }
        #cssmenu .has-sub ul li a {
          background: #0fa1e0;
          border-bottom: 1px dotted #6fc7ec;
          filter: none;
          font-size: 11px;
          display: block;
          line-height: 120%;
          padding: 10px;
        }
        #cssmenu .has-sub ul li:hover a {
          background: #0c7fb0;
        }
        #cssmenu .has-sub .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub .has-sub ul {
          display: none;
          position: absolute;
          left: 100%;
          top: 0;
        }
        #cssmenu .has-sub .has-sub ul li a {
          background: #0c7fb0;
          border-bottom: 1px dotted #6db2d0;
        }
        #cssmenu .has-sub .has-sub ul li a:hover {
          background: #095c80;
        }
        .menu {
        width: 87.2%;
        background: transparent;
        margin-top: 4%;
        position: absolute;
        margin-left: 5%;
        padding: 10px;
        -webkit-border-radius: 7px 7px 0px 0;
        color:#fff;
        }
        .menu a{
        transition:all linear 0.5s;
        -moz-transition:all linear 0.5s;
        -webkit-moz-trasition:all linear 0.5s;
        font-weight:bold;
        color:#999999;
        margin-right:35px;
        text-decoration:none;
        }
        #tabela1 {
        background: transparent;
        width: 1%;
        float: center;
        height: 1%;
        margin-top: 383px;
        }
        #tabela1 a{
        text-decoration:none;
        color:#000;
        }
        body{
        background: rgb(0, 0, 0) url("http://2.bp.blogspot.com/-Q3vZ1KnYRPI/TtSD0nTJsGI/AAAAAAAAAXU/cfGRgdZrTJU/s1600/armageddon29zbastroid.jpg") repeat;
        color: #5a5a5a;
        font: normal 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 20px;
        background-repeat: no-repeat;
      background-size: 100pc;
        }
        .conectado {
        margin-top: -2.9%;
        margin-left: 6%;
        position: absolute;
        background: rgba(0, 0, 0, 0.18);
        height: 37px;
        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        border: 1px solid rgba(0, 0, 0, 0.35);
        width: 87%;
        }
        .botao {
        font-weight: bold;
        color: white;
        float: left;
        padding: 0 13px 9px 13px;
        line-height: 36px;
        outline: none;
        height: 26px;
        text-decoration: none;
        }
        .botao a {
        color: white;
        text-decoration: none;
        }
        .botao:hover {
        background: rgba(0, 0, 0, 0.1);
        }
        #brunoh {
        background-color: #fbfbfb;
        border: 1px solid rgb(231, 231, 231);
        padding: 6px;
        }
        .redesociais {
        margin-left: 820px;
        margin-top: -288px;
        position: absolute;
        }
      #tabcont-brunoh {
padding: 10px;
width: 600px;
position: absolute;
margin-left: 100px;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
min-height: 100px;
margin-top: -237px;
color: white;
border-radius: 10px;
left: 22pc;
}
        .copyright {
        position: absolute;
        margin-left: 600px;
        margin-top: 264px;
        color: #fff;
        }

div#sennior {
position: relative;
left: -66pc;
top: 9pc;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
background-color: rgba(139, 139, 139, 0.36);
border-color: rgba(0, 0, 0, 0.19);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: inset 0 0 2px rgba(66, 66, 66, 0.76);
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 19pc;
left: -39pc;
}


        </style>
<center>
              <link href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" type="image/x-icon" rel="shortcut icon" />        <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />        <title>Jogo dos Tronos</title>                           
  <div class="redesociais">
        <iframe allowtransparency="true" style="border:none; overflow:hidden; width:300px;" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/facepile.php?href=http%3A%2F%2Ffacebook.com%2FGameOfThronesRpg&app_id&action&max_rows=4&size=medium&show_count=true&width=300&colorscheme=light"> </iframe> 
  </div>
             
  <center>
        <img style=" position: absolute; left: 435px; top: -20px;padding: 0px; width: 40%;" src="http://i.imgur.com/7FXeLMN.png" /> 
      <div id="tabcont-brunoh">
           
        <div style="font-size:17px;display: block;" id="tab1">
             
            <ul>
                Armand Donovan poderia levar sua vida pacata, livre das intrigas da cúpula do Magistrado e do jogo interminável de poder entre Ámon e Capa Branca - membros completamente opostos da Guarda Provincial. Porém, o jovem garoto acabou sendo pego em fogo cruzado, o que acabou o deixando cara a cara com os reais problemas da última cidade viva do planeta terra - Lasttown. Com isso, a oportunidade perfeita para se vingar dos homens que o torturaram e simplesmente desapareceram com sua mãe acabou caindo em suas mãos. O que ninguém esperava, é que o destino aguardava a chance perfeita para balançar mais uma vez o equilibrio do planeta terra. Ninguém está a salvo quando se está em Lasttown. 
            </ul>
             
        </div>
                   
      </div>
       
  </center>
             
  <center>
       
      <div class="menu">
           
        <div id="cssmenu">
                         
            <center>
                 
              <div id="sennior">
                   
                  <div style="display: block;" id="tab1">
                       
                    <ul>
                          <a href="http://www.perse.com.br/novoprojetoperse/WF2_BookDetails.aspx?filesFolder=N1417128192064">Adquira agora seu exemplar!</a> 
                    </ul>
                       
                  </div>
                             
                  <div id="sennior1">
                       
                    <div style="display: block;" id="tab1">
                         
                        <ul>
                            <a href="http://vertigem.forumeiros.com/portal">Ir para fórum</a> 
                        </ul>
                         
                    </div>
                               
                    <div id="sennior2">
                         
                        <div style="display: block;" id="tab1">
                             
                          <ul>
                                <a href="LINK PARA ONDE IREMOS AO CLICAR">Contato</a> 
                          </ul>
                             
                        </div>
                           
                    </div>
                       
                  </div>
                   
              </div>
                 
            </center>
             
        </div>
                             
      </div>
       
      <div class="copyright">
          Copyright ® CJSilveira Isoul Renato Vasconcelos 
      </div>
                 
      <table id="tabela1">
                   
        <tbody>
             
            <tr>
                 
              <td>
                   
                  <center>
                       
                  </center>
                   
              </td>
                 
            </tr>
             
        </tbody>
           
      </table>
       
  </center>
              <a style="display: none;" target="_blank" href="http://www.forumeiros.com"> Fórumeiros</a>
</center>


Só que eu queria trocar o link dessa página pelo link de outra página < https://www.facebook.com/pages/Vertigem/565104080290317?fref=ts

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3082

http://www.rpgorigem.forumeiros.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Link do facebook na página HTML

Mensagem por kakakoro em Sex 30 Jan 2015 - 23:37

@EuFicoLoco agora deu certo, apareceu todas as imagens das pessoas que curtiram. Você poderia por favor apenas ajustar a logo de Vertigem e o campo da descrição para o canto esquerdo? Eles estão sobre as imagens do facebook. No aguardo,

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3082

http://www.rpgorigem.forumeiros.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Link do facebook na página HTML

Mensagem por kakakoro em Sab 31 Jan 2015 - 12:12

Muito obrigado! <3

kakakoro
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 995
Pontos Ativos : 3082

http://www.rpgorigem.forumeiros.com

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5