Gerir pagina HTML

3 participantes

Ir para baixo

Tópico resolvido Gerir pagina HTML

Mensagem por kakakoro 12.07.13 0:11

Qual é minha questão:
Olá amigos! Já tem algum tempo que não passo por aqui. Gostaria que me auxiliassem numa questão um pouco complexa. Eu gostaria de criar uma página html personalizada, que funcione como página principal para meu fórum. O que eu pensei, era mais ou menos isso.

Gerir pagina HTML OlkXd

Seria o fundo com uma imagem, e com esse menu ou algum tipo de menu mais limpo para as seguintes opções.

"RPG"
"Noticias"
e logo abaixo ou ao lado, colocar aquela barrinha de pessoas que curtiram a página no facebook.

Poderiam me ajudar, por favor?

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

Versão do fórum:
INVISION
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 12.07.13 0:38

Olá,

Poderia me enviar o URL de fundo? Para que eu possa desenvolver a mesma...

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 12.07.13 0:47

Olá e obrigado pela resposta Bruno! Bem, a imagem de fundo será esta:

Gerir pagina HTML Gam_of_thrones_book_cover_by_jamga-d5ohsi7

Já o menu , eu não tenho tanta certeza do que quero...se tiver alguma sugestão Piscada
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 12.07.13 0:59

Olá,

Neste caso, o senhor teria que criar um fundo para o menu na imagem de fundo, não? Igual a imagem do inicio deste tópico...

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 12.07.13 1:02

Não é possível criar os botões separados e jogar por cima da imagem de fundo?

Até mais.
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 12.07.13 1:25

Olá,

Aqui está, veja:
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: 33%;
margin-top: -7%;
width: 50%!important;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
background: transparent;
color: #fff;
display: inline-block;
font-family: arial;
line-height: 35px;
padding: 0 20px;
text-decoration: none;
border-radius: 3px;
font-size: 18px;
margin-left: 5px;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#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://fc03.deviantart.net/fs71/f/2012/353/2/4/gam_of_thrones_book_cover_by_jamga-d5ohsi7.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;
}
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://cdn1.iconfinder.com/data/icons/crystalproject/128x128/devices/Globe2.png" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<center><img src="" style=" position: absolute; left: -157px; top: 37px;padding: 0px;"></center></div>
<center><div class="menu"><div id='cssmenu'>
<ul>
   <li class='has-sub'><a href='#'><span>Resume Game</span></a></li><br>
   <li class='active'><a href='#'><span>New Game</span></a></li><br>
   <li class='has-sub'><a href='#'><span>Load Game</span></a></li><br>
   <li class='last'><a href='#'><span>Options</span></a></li><br>
   <li class='last'><a href='#'><span>Quit</span></a></li>
</ul>
</div></div>
<table id="tabela1">
<td><center></table></center>

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

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 12.07.13 1:39

Sim, eu pre-visualizei a pagina aqui e está ficando realmente incrível. Porém, queria fazer algumas modificações. Gostaria de adicionar aquela barrinha, com as pessoas que curtiram a página no facebook. Assim como aquele site que está em primeiro lugar na avaliação do top 5 do FDF. Se conseguir colocar esta barra do facebook cinza, ou dourada, ficaria otimo.

Segundo, os botões. O primeiro botão se chamará "Entrar no RPG"
O Segundo botão se chamará "Notícias". Eu gostaria que os botões ficassem centralizados também e na seguinte fonte: http://download.fontmeme.com/fonts/13168/game_of_thrones.html

Poderia fazer essas modificações BrunoH ?

Logo abaixo desses botões, vem a barra do facebook.

kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 12.07.13 22:39

Olá,

Preciso da imagem do ícone do "Facebook", para que eu possa modificar o HTML.

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 12.07.13 22:59

Olá e boa noite Bruno!

Eu só não tiro um print da janela do facebook porque aqui no trabalho é bloqueado. Mas vai aqui a página a qual uso como modelo:

http://skygames.sampforum.net/
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 13.07.13 2:43

Olá,

Aqui está:
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: 33%;
margin-top: -7%;
width: 50%!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: 18px;
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://fc03.deviantart.net/fs71/f/2012/353/2/4/gam_of_thrones_book_cover_by_jamga-d5ohsi7.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: 1100px;
margin-top: -338px;
position: absolute;
}
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://cdn1.iconfinder.com/data/icons/crystalproject/128x128/devices/Globe2.png" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<center><img src="" style=" position: absolute; left: -157px; top: 37px;padding: 0px;"></center></div>
<center><div class="menu"><div id='cssmenu'>
<ul>
  <li class='has-sub'><a href='#'><span>Entrar no RPG</span></a></li><br>
  <li class='active'><a href='#'><span>Notícias</span></a></li><br>
  <li class='last'><a href='#'><span>Quit</span></a></li>
</ul>
</div></div>
<div class="redesociais"><a href="http://www.facebook.com/SkyGamesBrasil"><img src="http://i.imgur.com/UklM5rn.png" alt="Página Facebook" title="Página Facebook" style="height: 39px;"></a><a href="http://www.youtube.com/user/SkyGamesBrasil"><img src="http://i.imgur.com/mTsSggT.png" alt="Youtube" title="Youtube" style="height: 39px;"></a></div>
<table id="tabela1">
<td><center></table></center>

</body>
</html>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
Mais alguma modificação?

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 13.07.13 19:16

Olá Bruno!

Essa fonte é a do Game of Thrones? Ela não ficou muito parecida... Mas enfim, vamos lá.

O "Quit" do menu você pode retirar.
Eu vi que agora aparece os botões do facebook e do youtube, mas depois quando eu instalar a página aparece a foto das pessoas que curtiram a página no facebook?

E por último, eu queria dar uma personalizada na parte superior, colocar um efeito escurecido e escreve "Game of Thrones RPG"

Eu preciso pedir esta parte na arte grafica?
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 13.07.13 22:17

Olá,

Aqui está:
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: 33%;
margin-top: -7%;
width: 50%!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: 18px;
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://fc03.deviantart.net/fs71/f/2012/353/2/4/gam_of_thrones_book_cover_by_jamga-d5ohsi7.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: 1100px;
margin-top: -338px;
position: absolute;
}
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://cdn1.iconfinder.com/data/icons/crystalproject/128x128/devices/Globe2.png" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<center><img src="" style=" position: absolute; left: -157px; top: 37px;padding: 0px;"></center></div>
<center><div class="menu"><div id='cssmenu'>
<ul>
  <li class='has-sub'><a href='#'><span>Entrar no RPG</span></a></li><br>
  <li class='active'><a href='#'><span>Notícias</span></a></li><br>
</ul>
</div></div>
<div class="redesociais"><a href="http://www.facebook.com/SkyGamesBrasil"><img src="http://i.imgur.com/UklM5rn.png" alt="Página Facebook" title="Página Facebook" style="height: 39px;"></a><a href="http://www.youtube.com/user/SkyGamesBrasil"><img src="http://i.imgur.com/mTsSggT.png" alt="Youtube" title="Youtube" style="height: 39px;"></a></div>
<table id="tabela1">
<td><center></table></center>

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

Eu vi que agora aparece os botões do facebook e do youtube, mas depois quando eu instalar a página aparece a foto das pessoas que curtiram a página no facebook?
Não! Eu sei fazer com que fique do modo que o senhor deseja, espero a sua resposta a seguir e em breve modifico...

E por último, eu queria dar uma personalizada na parte superior, colocar um efeito escurecido e escreve "Game of Thrones RPG"
Eu preciso pedir esta parte na arte grafica?
Sim, o senhor poderá pedir na seção gráfica. Após o pedido ser realizado, me retorne neste tópico para que eu faça a modificação ao senhor.

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 13.07.13 22:33

Eba eba, sim sim Bruno. Enquanto isso eu gostaria que você acrescentasse um pequeno texto nesta página.

como exemplo, marquei a área em vermelho:

Gerir pagina HTML 12_bmp10

O Texto pode ser colocado num quadrinho parecido com esse, só que com o fundo escurecido.
Esta área pode ser a parte inferior esquerda, sobre o mar.
O texto é este:

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.


Altere a imagem do fundo para esta - http://www.makinggameofthrones.com/storage/kings-landing.jpg

O Menu, coloque no canto superior direito, próximo as nuvens.

Eu não me importo que o processo seja demore Bruno, porque sei que é trabalhoso. Portanto, trabalharemos juntos para conseguir o melhor e melhorar ainda mais sua reputação, visto que me falaram muito bem de seus trabalhos e inclusive o SkyGames foi feito por suas mãos. Confio em você.Piscada 
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 13.07.13 22:37

Seria algo mais ou menos assim :

http://www.gameofthronesmmo.com/
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 13.07.13 22:52

Olá,

Aqui está:
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: 18px;
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: -280px;
}
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://cdn1.iconfinder.com/data/icons/crystalproject/128x128/devices/Globe2.png" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jogo dos Tronos</title>
</head>
<body>
<center><img src="" style=" position: absolute; left: -157px; top: 37px;padding: 0px;">
<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='#'><span>Entrar no RPG</span></a></li><br>
  <li class='active'><a href='#'><span>Notícias</span></a></li><br>
</ul>
</div></div>
<div class="redesociais"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSkyGamesBrasil&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>
<table id="tabela1">
<td><center></table></center>

</body>
</html>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
Por favor, me diga de uma vez só, oque deseja mudar, não posso ficar alterando todo o tempo a toda hora oque o senhor realmente deseja. Peço que seja diretamente, se possível.

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 13.07.13 23:21

Eu só faço as alterações de acordo com o que o senhor me manda. Mas agora ficou bom, só preciso de mais duas atualizações. Vamos lá:

- Em cima da escrita, coloque esta imagem reduzida em 50 % - http://upload.wikimedia.org/wikipedia/commons/b/b5/Logo_Game_of_Thrones.png

-Aumente a fonte da escrita em 2 números. (Se tiver no 8, coloque 10)

- Coloque na parte inferior e centralizado o Copyright do jogos dos tronos.

É só isso. Desculpa o incomodo. ^^
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 13.07.13 23:30

Olá,

Aqui está:
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://cdn1.iconfinder.com/data/icons/crystalproject/128x128/devices/Globe2.png" />
<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='#'><span>Entrar no RPG</span></a></li><br>
  <li class='active'><a href='#'><span>Notícias</span></a></li><br>
</ul>
</div></div>
<div class="redesociais"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSkyGamesBrasil&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 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>
Alguma alteração?

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 13.07.13 23:45

Nao nao, me informe apenas onde irei alterar os links para direcionamento. Ficou perfeito! Obrigadissimo!
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 14.07.13 1:57

Olá,

Basta clicar Ctrl + F, colocar o nome desejado, e ele irá procurar pelo item desejado, no código.

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 15.07.13 21:21

Olá. Eu adicionei a página e coloquei a mesma como página inicial. A configuração também foi feita em visualização com página inicial Html mas a pagina não abre. Quando eu entro no fórum, aparece o portal ao invés da pagina personalizada. O que pode ter acontecido?
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por goodbye 15.07.13 22:17

Olá kakakoro,

Aqui abre diretamente para a página HTML. Pode confirmar que o problema persiste?

Até mais!
avatar
goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 15.07.13 22:20

Olá,

Realmente, está ocorrendo o tal problema. Poderia me mandar uma Print do seu Painel de Controle do senhor salvando a página como página inicial? Por gentileza.

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 16.07.13 0:21

Acabei de resolver. Porém, tenho alguns problemas.

O link do facebook eu arrumo depois, mas a imagem da página lá em cima, está do Skygames. E quanto eu clico em portal, vai pra pagina html nova. E agora?
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 16.07.13 0:26

Olá,

Para substituir a imagem em cima, que é o da SkyGames: Pressione Ctrl + F e procure por este URL:
Código:
http://cdn1.iconfinder.com/data/icons/crystalproject/128x128/devices/Globe2.png

Sobre quando você clica em Portal, e vai para o Portal, isso acontece porque o senhor ainda não colocou a página HTML como página inicial...

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 16.07.13 0:37

Olá, acabei de alterar o icone. Mas a pagina html já esta como pagina inicial e continua dando o problema do portal.
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 16.07.13 0:41

Olá,

Acabo de visitar seu fórum, e tudo ocorre normalmente. Acabo de clicar no menu portal, e ele está redimensionando para o Portal, NORMALMENTE! O problema foi solucionado?

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 16.07.13 0:42

O problema é que dentro do fórum, quando eu clico no botão Portal, ele redireciona para a página html e não para o portal. O resto funciona normalmente.
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 16.07.13 0:44

Olá,

Então, aqui está normalmente, eu cliquei no menu PORTAL, e ele está redimensionando para o PORTAL, normalmente. Poderia conferir novamente, por gentileza?

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 16.07.13 0:54

Ok, faça o seguinte...

vá até o www.jogodostronos.forumeiros.com

Clique em ir para o rpg e clique em noticias, vai ver que consegui redirecionar os links com perfeição. Só que, dentro do forum ou no portal, quando eu clico no botão portal, ele redireciona para o html. Vou deixar a pagina html ativa para voce verificar.
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por BrunoH. 16.07.13 1:26

Olá,

Veja: https://i.imgur.com/koKYbWP.jpg
Cliquei em PORTAL, e foi para: http://jogodostronos.forumeiros.com/portal
Normalmente, qual é o problema? Poderia ser mais especifico?

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir pagina HTML

Mensagem por kakakoro 16.07.13 1:49

Eu sai do trabalho e aqui no notebook funcionou perfeitamente. Obrigado BrunoH, Pode fechar !
kakakoro
kakakoro
Super Membro

Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582

http://www.rpgorigem.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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