InícioColocar Facebook na pagina HTML
+3
BrunoH.
Ace
kakakoro
7 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Colocar Facebook na pagina HTML
por kakakoro 15.07.13 21:59
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:
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
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 15:31, editado 1 vez(es)
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por Ace 15.07.13 22:03
Olá,
Você deve substituir o código do widget do Facebook por outro. Para gerar o código, vá em:
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.
Você deve substituir o código do widget do Facebook por outro. Para gerar o código, vá em:
developers.facebook.com/docs/webDe 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.
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607 -
Re: Colocar Facebook na pagina HTML
por kakakoro 15.07.13 22:08
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.
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por BrunoH. 15.07.13 22:09
Olá,
Na página eu já havia dado o código para o senhor com tudo pronto, o senhor retirou. Estarei passando novamente:
Até mais.
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>
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385 -
Re: Colocar Facebook na pagina HTML
por kakakoro 15.07.13 22:10
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>
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>
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por kakakoro 15.07.13 22:14
Olá, BrunoH...
Eu adicionei o codigo com a pagina do facebook e não resulta.
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>
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por goodbye 15.07.13 22:50
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.
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.
goodbye- Hiper Membro
- Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081 -
Re: Colocar Facebook na pagina HTML
por Sennior 16.07.13 0:43
Olá autor,
Mas deseja colocar um grupo? Infelizmente um grupo não há maneira de se colocar, apena suma pagina feita no Facebook.
Abraços.
Mas deseja colocar um grupo? Infelizmente um grupo não há maneira de se colocar, apena suma pagina feita no Facebook.
Abraços.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar Facebook na pagina HTML
por kakakoro 16.07.13 11:11
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
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>
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por BrunoH. 16.07.13 12:12
Olá,
Substitua o código por este:
Até mais.
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.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385 -
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por Ace 16.07.13 18:03
Olá,
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:
E resultou? O que faltou? Poderia ser mais descritivo?
Atenciosamente.
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.
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607 -
Re: Colocar Facebook na pagina HTML
por kakakoro 16.07.13 18:13
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.
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por Ace 16.07.13 18:17
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.
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.
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607 -
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por Ace 16.07.13 18:29
Olá,
Tente:
Até mais.
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.
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607 -
Re: Colocar Facebook na pagina HTML
por kakakoro 16.07.13 21:00
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 !
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por kakakoro 18.07.13 9:21
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.
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por Connor R. 19.07.13 12:16
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?
Quanto ao problema de redirecionamento, o mesmo está funcionando normal, pois acabei de visitar seu fórum.....
Dúvidas ou problemas ainda?
Connor R.- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021 -
Re: Colocar Facebook na pagina HTML
por kakakoro 19.07.13 14:43
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.
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.
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Colocar Facebook na pagina HTML
por [S]herlock 19.07.13 14:54
Olá,
Utilize este código para deixar os créditos da forumeiros escondido,igual ao do Bruno:
Até mais
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
![[S]herlock](https://i.imgur.com/TzyLRPq.png)
[S]herlock- ****
- Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597 -
Re: Colocar Facebook na pagina HTML
por kakakoro 19.07.13 15:30
Hugopimenta merece Obrigado e "+" Resolveu amigo! Obrigado mesmo!
kakakoro- Super Membro
- Membro desde : 05/08/2012
Mensagens : 1006
Pontos : 1582 -
Tópicos semelhantes» Trocar página do facebook dessa página HTML
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Link do facebook na página HTML
» Editar a parte do facebook dessa página html
» Colocar normas em página de HTML
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Link do facebook na página HTML
» Editar a parte do facebook dessa página html
» Colocar normas em página de HTML
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
