Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosGerir pagina HTML
3 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
Gerir pagina HTML
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.
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
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.
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
por BrunoH. 12.07.13 0:38
Olá,
Poderia me enviar o URL de fundo? Para que eu possa desenvolver a mesma...
Até mais.
Poderia me enviar o URL de fundo? Para que eu possa desenvolver a mesma...
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
por kakakoro 12.07.13 0:47
Olá e obrigado pela resposta Bruno! Bem, a imagem de fundo será esta:
Já o menu , eu não tenho tanta certeza do que quero...se tiver alguma sugestão
Já o menu , eu não tenho tanta certeza do que quero...se tiver alguma sugestão
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
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.
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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.
Até mais.
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
por BrunoH. 12.07.13 1:25
Olá,
Aqui está, veja:
Até mais.
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>
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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.
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
por BrunoH. 12.07.13 22:39
Olá,
Preciso da imagem do ícone do "Facebook", para que eu possa modificar o HTML.
Até mais.
Preciso da imagem do ícone do "Facebook", para que eu possa modificar o HTML.
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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/
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
por BrunoH. 13.07.13 2:43
Olá,
Aqui está:
Até mais.
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>
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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?
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
por BrunoH. 13.07.13 22:17
Olá,
Aqui está:
Até mais.
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>
Não! Eu sei fazer com que fique do modo que o senhor deseja, espero a sua resposta a seguir e em breve modifico...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?
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.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?
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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:
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ê.
como exemplo, marquei a área em vermelho:
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ê.
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
por BrunoH. 13.07.13 22:52
Olá,
Aqui está:
Até mais.
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>
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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. ^^
- 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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
por BrunoH. 13.07.13 23:30
Olá,
Aqui está:
Até mais.
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>
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
por kakakoro 13.07.13 23:45
Nao nao, me informe apenas onde irei alterar os links para direcionamento. Ficou perfeito! Obrigadissimo!
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
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.
Basta clicar Ctrl + F, colocar o nome desejado, e ele irá procurar pelo item desejado, no código.
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
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!
Aqui abre diretamente para a página HTML. Pode confirmar que o problema persiste?
Até mais!
goodbye- Hiper Membro
- Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081 -
Re: Gerir pagina HTML
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.
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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?
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
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:
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.
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
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.
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
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.
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
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.
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- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Re: Gerir pagina HTML
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.
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Gerir pagina HTML
por kakakoro 16.07.13 1:49
Eu sai do trabalho e aqui no notebook funcionou perfeitamente. Obrigado BrunoH, Pode fechar !
kakakoro- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1006
Pontos : 1582 -
Tópicos semelhantes» Gerir página de manutenção em HTML
» Gerir função página HTML
» Gerir pagina inicial em HTML
» Gerir página inicial em HTML
» Gerir página HTML na Home Page
» Gerir função página HTML
» Gerir pagina inicial em HTML
» Gerir página inicial em HTML
» Gerir página HTML na Home Page
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