Colocar Facebook na pagina HTML

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

Resolvido Colocar Facebook na pagina HTML

Mensagem por kakakoro em 15/07/13, 09:59 pm

Qual é minha questão:
Olá! Gostaria de adicionar a barra do facebook de pessoas que curtiram o forum, mostrando as imagens das pessoas. Segue abaixo o codigo html: 

Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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://i.imgur.com/5DiXOi5.jpg") repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
}
.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.04);
z-index: 1;
min-height: 100px;
margin-top: -260px;
}
.copyright {
position: absolute;
margin-left: 600px;
margin-top: 264px;
color: #fff;
}
</style>




<link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<center><img src="http://upload.wikimedia.org/wikipedia/commons/b/b5/Logo_Game_of_Thrones.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="display: block;"><ul>O Game of Thrones RPG é o primeiro espaço brasileiro dedicado especialmente aos fãs da série. Aqui você poderá criar seu próprio personagem, escolher sua lealdade e participar do famoso jogo dos tronos. Seja um herói, um vassalo, uma donzela ou até mesmo um selvagem Dothraki das terras longínquas. Mas lembre-se, no jogo dos tronos você vence ou morre. Não existem meios termos.</ul></div>
</div></center></div>
<center><div class="menu"><div id='cssmenu'>
<ul>
  <li class='has-sub'><a href='http://jogodostronos.forumeiros.com/forum'><span><img src="http://i.imgur.com/lZ7TAHe.png"></img></span></a></li><br>
  <li class='active'><a href='http://jogodostronos.forumeiros.com/portal?pid=1'><span><img src="http://i.imgur.com/AG8iUTN.png"></img></span></a></li><br>
</ul>
</div></div><div class="copyright">Copyright ® Jogo dos Tronos</div>
<table id="tabela1">
<td><center></table></center>




</body>
</html>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>


Como exemplo, utilizo este forum -  http://skygames.sampforum.net/



Endereço do meu fórum:
http://www.jogodostronos.forumeiros.com

Versão do fórum:
INVISION


Última edição por kakakoro em 19/07/13, 03:31 pm, editado 1 vez(es)
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com
  • 0

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por Ace em 15/07/13, 10:03 pm

Olá,

Você deve substituir o código do widget do Facebook por outro. Para gerar o código, vá em:

Admineiros developers.facebook.com/docs/web

De lá, você deve escolher o widget que deseja e substituir na página. Por favor, tenha em mente que se tiver qualquer dificuldade no site do Facebook, não poderemos lhe ajudar.

Atenciosamente,
Equipe Forumeiros.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 15/07/13, 10:08 pm

Eu não estou conseguindo nem o suporte que o forum promete dar..imagina se eu for esperar sobre o facebook. Mas obrigado, vou tentar aqui.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por BrunoH. em 15/07/13, 10:09 pm

Olá,

Na página eu já havia dado o código para o senhor com tudo pronto, o senhor retirou. Estarei passando novamente:
Código:
<div class="redesociais"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNOMEDAPAGINA&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 287px; height: 261px;margin-left: 59%;margin-top: -20%;" allowtransparency="true"></iframe></div>
Procure por NOMEDAPAGINA e mude para o nome da sua página.

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 15/07/13, 10:10 pm

O site que me enviou me dá os seguintes códigos:

Html

<div class="fb-like-box" data-href="https://www.facebook.com/groups/145229102328140/" data-width="292" data-show-faces="true" data-stream="true" data-show-border="true" data-header="true"></div>

E manda eu incluir este javascript, mas como pode ver em meu forum www.jogodostronos.forumeiros.com , não funciona

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 15/07/13, 10:14 pm

Olá, BrunoH...

Eu adicionei o codigo com a pagina do facebook e não resulta.

Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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://i.imgur.com/5DiXOi5.jpg") repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
}
.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.04);
z-index: 1;
min-height: 100px;
margin-top: -260px;
}
.copyright {
position: absolute;
margin-left: 600px;
margin-top: 264px;
color: #fff;
}
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<center><img src="http://upload.wikimedia.org/wikipedia/commons/b/b5/Logo_Game_of_Thrones.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="display: block;"><ul>O Game of Thrones RPG é o primeiro espaço brasileiro dedicado especialmente aos fãs da série. Aqui você poderá criar seu próprio personagem, escolher sua lealdade e participar do famoso jogo dos tronos. Seja um herói, um vassalo, uma donzela ou até mesmo um selvagem Dothraki das terras longínquas. Mas lembre-se, no jogo dos tronos você vence ou morre. Não existem meios termos.</ul></div>
</div></center></div>
<center><div class="menu"><div id='cssmenu'>
<ul>
  <li class='has-sub'><a href='http://jogodostronos.forumeiros.com/forum'><span><img src="http://i.imgur.com/lZ7TAHe.png"></img></span></a></li><br>
  <li class='active'><a href='http://jogodostronos.forumeiros.com/portal?pid=1'><span><img src="http://i.imgur.com/AG8iUTN.png"></img></span></a></li><br>
</ul>
<div class="redesociais"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/groups/145229102328140/&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 287px; height: 261px;margin-left: 59%;margin-top: -20%;" allowtransparency="true"></iframe></div>
</div></div><div class="copyright">Copyright ® Jogo dos Tronos</div>
<table id="tabela1">
<td><center></table></center>

</body>
</html>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por North em 15/07/13, 10:50 pm

kakakoro,

Não toleramos double-post nesta seção antes de se ter passado 24 horas da última mensagem ou criação do tópico, caso precise acrescentar alguma informação prefira editar a mensagem anterior!

Considere um aviso.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por Sennior em 16/07/13, 12:43 am

Olá autor,

Mas deseja colocar um grupo? Infelizmente um grupo não há maneira de se colocar, apena suma pagina feita no Facebook. Piscada

Abraços.
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: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 16/07/13, 11:11 am

Olá! Minha página é esta: www.facebook.com/GameOfThronesRpg

Eu coloquei este link no local devido mas não funcionou. Nao esta aparecendo nada, nem mesmo o quadro;


Meus usuarios encontraram um outro problema. Dentro do forum existe um menu guia rapido, onde existe a opçao "comercio" e "pericias e habilidades" .Quando eles clicam, sao redirecionados para a pagina html nova e não para  a pagina certa. ¬¬

Segue abaixo o codigo atual

Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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://i.imgur.com/5DiXOi5.jpg") repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
}
.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.04);
z-index: 1;
min-height: 100px;
margin-top: -260px;
}
.copyright {
position: absolute;
margin-left: 600px;
margin-top: 264px;
color: #fff;
}
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<center><img src="http://upload.wikimedia.org/wikipedia/commons/b/b5/Logo_Game_of_Thrones.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="display: block;"><ul>O Game of Thrones RPG é o primeiro espaço brasileiro dedicado especialmente aos fãs da série. Aqui você poderá criar seu próprio personagem, escolher sua lealdade e participar do famoso jogo dos tronos. Seja um herói, um vassalo, uma donzela ou até mesmo um selvagem Dothraki das terras longínquas. Mas lembre-se, no jogo dos tronos você vence ou morre. Não existem meios termos.</ul></div>
</div></center></div>
<center><div class="menu"><div id='cssmenu'>
<ul>
  <li class='has-sub'><a href='http://jogodostronos.forumeiros.com/forum'><span><img src="http://i.imgur.com/lZ7TAHe.png"></img></span></a></li><br>
  <li class='active'><a href='http://jogodostronos.forumeiros.com/portal?pid=1'><span><img src="http://i.imgur.com/AG8iUTN.png"></img></span></a></li><br>
</ul>
<div class="redesociais"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/GameOfThronesRpg&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 287px; height: 261px;margin-left: 59%;margin-top: -20%;" allowtransparency="true"></iframe></div>
</div></div><div class="copyright">Copyright ® Jogo dos Tronos</div>
<table id="tabela1">
<td><center></table></center>

</body>
</html>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por BrunoH. em 16/07/13, 12:12 pm

Olá,

Substitua o código por este:
Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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://i.imgur.com/5DiXOi5.jpg") repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
}
.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.04);
z-index: 1;
min-height: 100px;
margin-top: -260px;
}
.copyright {
position: absolute;
margin-left: 600px;
margin-top: 264px;
color: #fff;
}
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<center><img src="http://upload.wikimedia.org/wikipedia/commons/b/b5/Logo_Game_of_Thrones.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="display: block;"><ul>O Game of Thrones RPG é o primeiro espaço brasileiro dedicado especialmente aos fãs da série. Aqui você poderá criar seu próprio personagem, escolher sua lealdade e participar do famoso jogo dos tronos. Seja um herói, um vassalo, uma donzela ou até mesmo um selvagem Dothraki das terras longínquas. Mas lembre-se, no jogo dos tronos você vence ou morre. Não existem meios termos.</ul></div>
</div></center></div>
<center><div class="menu"><div id='cssmenu'>
<ul>
  <li class='has-sub'><a href='http://jogodostronos.forumeiros.com/forum'><span><img src="http://i.imgur.com/lZ7TAHe.png"></img></span></a></li><br>
  <li class='active'><a href='http://jogodostronos.forumeiros.com/portal?pid=1'><span><img src="http://i.imgur.com/AG8iUTN.png"></img></span></a></li><br>
</ul>
<div class="redesociais"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FGameOfThronesRpg&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 287px; height: 261px;margin-left: 59%;margin-top: -20%;" allowtransparency="true"></iframe></div>
</div></div><div class="copyright">Copyright ® Jogo dos Tronos</div>
<table id="tabela1">
<td><center></table></center>

</body>
</html>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 16/07/13, 05:59 pm

Substitui.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por Ace em 16/07/13, 06:03 pm

Olá,

Eu não estou conseguindo nem o suporte que o forum promete dar..imagina se eu for esperar sobre o facebook. Mas obrigado, vou tentar aqui.

Primeiramente, você pediu uma página HTML inteira, sendo que nem prestamos suporte a isso. Segundo que o objetivo deste fórum é suporte a códigos e a manutenções dentro da própria plataforma, e não de sites externos. Não é porque temos conhecimentos que devemos lhe conceder sendo que existem outros locais, mais adequados e com profissionais especializados na área.

Sobre sua dúvida:

Substitui.

E resultou? O que faltou? Poderia ser mais descritivo?

Atenciosamente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 16/07/13, 06:13 pm

Não, não funcionou. O problema é que a pessoa perdeu a paciência e não consegue me atender. Sei que voces não são obrigados, mas se você se dispoe a ajudar, ajude.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por Ace em 16/07/13, 06:17 pm

Olá,

E o que nos fizemos durante essa página inteira? E sim, ajudamos, no que a empresa nos pede.

Sobre seu tópico, poderia me enviar a página do Facebook do seu fórum para eu gerar a página completa de uma vez?

Até mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 16/07/13, 06:22 pm

Olá!

Aqui está: www.facebook.com/GameOfThronesRpg

Obrigado! ^^
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por Ace em 16/07/13, 06:29 pm

Olá,

Tente:

Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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://i.imgur.com/5DiXOi5.jpg") repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
}
.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.04);
z-index: 1;
min-height: 100px;
margin-top: -260px;
}
.copyright {
position: absolute;
margin-left: 600px;
margin-top: 264px;
color: #fff;
}
</style>




<link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<div class="redesociais"><iframe 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" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px;" allowTransparency="true"></iframe></div>
<center><img src="http://upload.wikimedia.org/wikipedia/commons/b/b5/Logo_Game_of_Thrones.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="display: block;"><ul>O Game of Thrones RPG é o primeiro espaço brasileiro dedicado especialmente aos fãs da série. Aqui você poderá criar seu próprio personagem, escolher sua lealdade e participar do famoso jogo dos tronos. Seja um herói, um vassalo, uma donzela ou até mesmo um selvagem Dothraki das terras longínquas. Mas lembre-se, no jogo dos tronos você vence ou morre. Não existem meios termos.</ul></div>
</div></center></div>
<center><div class="menu"><div id='cssmenu'>
<ul>
  <li class='has-sub'><a href='http://jogodostronos.forumeiros.com/forum'><span><img src="http://i.imgur.com/lZ7TAHe.png"></img></span></a></li><br>
  <li class='active'><a href='http://jogodostronos.forumeiros.com/portal?pid=1'><span><img src="http://i.imgur.com/AG8iUTN.png"></img></span></a></li><br>
</ul>
</div></div><div class="copyright">Copyright ® Jogo dos Tronos</div>
<table id="tabela1">
<td><center></table></center>




</body>
</html>
<a href="http://www.forumeiros.com" target="_blank"> Fórumeiros</a>

Até mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 16/07/13, 09:00 pm

Olá! Eu gostaria que retirasse o link do forumeiros da pagina. Eu tentei fazer isso mas fui informado que nao poderia utilizar a pagina sem o link. O link do facebook funcionou !
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 18/07/13, 09:21 am

Pessoal, eu estou com problemas com essa página. Eu não sei o que tem a ver, mas a maioria dos links estão redirecionando para esta bendita pagina html. Isso dificulta a movimentação dos meus usuários.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por Connor R. em 19/07/13, 12:16 pm

O link da forumeiros é obrigatorio....Isso não tem como tirar, você pode mudar a cor para ela ficar menos chamativa...

Quanto ao problema de redirecionamento, o mesmo está funcionando normal, pois acabei de visitar seu fórum.....

Dúvidas ou problemas ainda?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 19/07/13, 02:43 pm

Primeiro - O link não estava lá enquanto o BrunoH estava fazendo, como você pode me ver nas mensagens acima.

Segundo - O problema persiste. Clico em comercio e sou redirecionado para a pagina html. Clico em outros botões completamente não relacionados e sou redirecionado para a pagina html.
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com
  • 0

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por [S]herlock em 19/07/13, 02:54 pm

Olá,


Utilize este código para deixar os créditos da forumeiros escondido,igual ao do Bruno:
Código:

<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>

Até mais Piscada
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Colocar Facebook na pagina HTML

Mensagem por kakakoro em 19/07/13, 03:30 pm

Hugopimenta merece Obrigado e "+" Resolveu amigo! Obrigado mesmo!
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário 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