Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Pagina inicial em 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
Pagina inicial em html
Qual é minha questão:
COMO EU CRIO UMA ENTRADA IGUAL ESSA ?
https://i.imgur.com/PrzYSOn.png
Endereço do meu fórum:
http://qwe123.forumeiros.com
Versão do fórum:
PHPBB3
COMO EU CRIO UMA ENTRADA IGUAL ESSA ?
https://i.imgur.com/PrzYSOn.png
Endereço do meu fórum:
http://qwe123.forumeiros.com
Versão do fórum:
PHPBB3
Re: Pagina inicial em html
|
Olá amigo,
Mande-nos o link de onde viu esta pagina por gentileza.
Até mais.
Re: Pagina inicial em html
Olá,
Para Criar essa uma Página em HTML
você precisa ter um conceito um pouco mas avançado digamos
(Intermediário) para criar a página Mostrada No Prt Scr
Tente ler o Tópico A seguir:
https://ajuda.forumeiros.com/t7967-faq-criar-uma-pagina-inicial-html-personalizada
Para Criar essa uma Página em HTML
você precisa ter um conceito um pouco mas avançado digamos
(Intermediário) para criar a página Mostrada No Prt Scr
Tente ler o Tópico A seguir:
https://ajuda.forumeiros.com/t7967-faq-criar-uma-pagina-inicial-html-personalizada
Re: Pagina inicial em html
HTML:
Espero ter ajudado.
- Código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" href="http://i44.servimg.com/u/f44/17/54/77/83/asdasd11.png" type="HD" />
<title>CSI: SA | TAS | ST</title>
<meta name="language" content="Português">
<meta name="keywords" content="http://csi-nwd.forumeiros.com/">
<meta name="description" content="http://csi-nwd.forumeiros.com/">
</head>
<!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" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSI: SA | TAS | TS</title>
<style type="text/css" media="all">
html,
body {
margin: 0;
padding: 0;
}
#text-shadow-box {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #00EEEE;
font-family: Rockwell, Arial, sans-serif;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
}
#text-shadow-box #tsb-text,
#text-shadow-box #tsb-link {
position: absolute;
top: 40%;
left: 0;
width: 100%;
height: 1em;
margin: -0.77em 0 0 0;
font-size: 70px;
line-height: 1em;
font-weight: bold;
text-align: center;
}
#text-shadow-box #tsb-text {
font-size: 100px;
color: transparent;
text-shadow: black 0px -45.2px 19px;
}
#text-shadow-box #tsb-link a {
color: #FFFFFF;
text-decoration: none;
}
#text-shadow-box #tsb-box,
#text-shadow-box #tsb-wall {
position: absolute;
top: 41%;
left: 0;
width: 100%;
height: 60%;
}
#text-shadow-box #tsb-box {
-webkit-box-shadow: black 0px -45.2px 39px;
-moz-box-shadow: black 0px -45.2px 39px;
}
#text-shadow-box #tsb-wall {
background: #999;
}
#text-shadow-box #tsb-wall p {
position: relative;
font-size: 15px;
line-height: 1.5em;
text-align: justify;
color: #222;
width: 550px;
margin: 1.5em auto;
cursor: default;
}
#text-shadow-box #tsb-wall p a {
color: #fff;
}
#text-shadow-box #tsb-wall p a:hover {
text-decoration: none;
color: #000;
background: #fff;
}
#tsb-spot {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
pointer-events: none;
background: -webkit-gradient(radial, center center, 0, center center, 450, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 450px);
}
</style>
<!--[if IE]>
<style type="text/css">
/* Infelizmente não há suporte para o IE9 ponteiro-eventos: none; nem CSS2 text-shadow */
#tsb-spot {
display: none;
}
#tsb-ie {
position: absolute;
top: -90%;
left: -50%;
width: 200%;
height: 334%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
</style>
<![endif]-->
</head>
<body>
<center>
<embed src="playergv1.swf">
</center>
<div id="text-shadow-box">
<div style="box-shadow: 0px 84.8px 48px black;" id="tsb-box"></div>
<p style="text-shadow: -28px 84.8px 28px black;" id="tsb-text">CSI:</p>
<p id="tsb-link"><a href="http://csi-nwd.forumeiros.com/portal">CSI:</a></p>
<div id="tsb-wall">
<div id="tsb-ie"></div><br>
<p></p>
<center>
<h1><blink>Fórum Oficial da CSI: SA | TAS | ST</blink></h1>
<center>
A CSI é uma Organização Policial do Server Brasil Viva a Vida [ RPG ] NWD Games</center>
<p></p>
<td align="center"><a target="_blank" title="Entrar" href="http://csi-nwd.forumeiros.com/portal"><img src="http://i49.servimg.com/u/f49/16/79/58/45/entrar15.png" border="0"></a>
<a target="_blank" title="Cadastre-se no Fórum" href="http://csi-nwd.forumeiros.com/register"><img src="http://i49.servimg.com/u/f49/16/79/58/45/cadast10.png" border="0"></a>
</center>
<p></p>
<center>
<a href="http://www.game-state.eu/208.64.122.94:6666/"><img src="http://www.game-state.eu/208.64.122.94:6666/350x20_FFFFFF_FFFFFF_000000_000000.png" alt="www.Game-State.eu" style="border-style: none;" /></a>
</center>
<br>
<center> <td width="500" align="left" class="h3"><iframe src="//www.facebook.com/plugins/like.php?href=http://csi-nwd.forumeiros.com/;send=false&layout=standard&width=200&show_faces=true&action=like&colorscheme=light&font&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:25px;" allowTransparency="true"></iframe></td></center>
<br>
<br>
<br>
<center><td width="756" align="center" class="h3">CSI: SA | TAS | ST © 2012 - 2013 - Todos os direitos reservados.
</td>
<br>
<right><font face="Tahoma" size="0" color="#ffffff"> Criação e Edição do Fórum: Bruninho_step - Tween. | Elaboração desta HTML: Bruninho_step - Tween. - Max Kyle | <a href="http://www.forumeiros.com" target="_blank">Forumeiros</a>™ </font></right>
<br>
</div>
<div style="background-position: 70px -319px;" id="tsb-spot"></div>
</div>
<script type="text/javascript" language="javascript" charset="utf-8">
/**
* - Max Kyle -
* http://spdesign.ativoforum.com
* Criei essa pagina (^_^)
* Recife - Pernambuco | Nordestino também sabe fazer código
* Isto tem direitos autorais não remova meus créditos dei duro pra fazer isso | Max Kyle
*/
var text = null;
var spot = null;
var box = null;
var boxProperty = '';
init();
function init() {
text = document.getElementById('tsb-text');
spot = document.getElementById('tsb-spot');
box = document.getElementById('tsb-box');
if (typeof box.style.webkitBoxShadow == 'string') {
boxProperty = 'webkitBoxShadow';
} else if (typeof box.style.MozBoxShadow == 'string') {
boxProperty = 'MozBoxShadow';
} else if (typeof box.style.boxShadow == 'string') {
boxProperty = 'boxShadow';
}
if (text && spot && box) {
document.getElementById('text-shadow-box').onmousemove = onMouseMove;
document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});};
}
}
function onMouseMove(e) {
if (typeof e === 'undefined' || typeof e.clientX === 'undefined') {
return;
}
var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;
var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;
var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);
text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';
if (boxProperty) {
box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';
}
xm = e.clientX - Math.floor(window.innerWidth / 2);
ym = e.clientY - Math.floor(window.innerHeight / 2);
spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
}
</script>
</object>
<style type="text/css">body, a:hover {cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/22/x-steel-pointer-2.html" target="_blank" title="X-Steel Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="X-Steel Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Espero ter ajudado.
Re: Pagina inicial em html
Olá amigo,
Aceda à:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão das Páginas HTML
Usar como pagina Inicial, marque Sim.
Usar no inicio e final do fórum Não.
Depois acrescente o código:
Até mais.
Aceda à:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão das Páginas HTML
Usar como pagina Inicial, marque Sim.
Usar no inicio e final do fórum Não.
Depois acrescente o código:
- Código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" href="http://i44.servimg.com/u/f44/17/54/77/83/asdasd11.png" type="HD" />
<title>CSI: SA | TAS | ST</title>
<meta name="language" content="Português">
<meta name="keywords" content="http://csi-nwd.forumeiros.com/">
<meta name="description" content="http://csi-nwd.forumeiros.com/">
</head>
<!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" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSI: SA | TAS | TS</title>
<style type="text/css" media="all">
html,
body {
margin: 0;
padding: 0;
}
#text-shadow-box {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #00EEEE;
font-family: Rockwell, Arial, sans-serif;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
}
#text-shadow-box #tsb-text,
#text-shadow-box #tsb-link {
position: absolute;
top: 40%;
left: 0;
width: 100%;
height: 1em;
margin: -0.77em 0 0 0;
font-size: 70px;
line-height: 1em;
font-weight: bold;
text-align: center;
}
#text-shadow-box #tsb-text {
font-size: 100px;
color: transparent;
text-shadow: black 0px -45.2px 19px;
}
#text-shadow-box #tsb-link a {
color: #FFFFFF;
text-decoration: none;
}
#text-shadow-box #tsb-box,
#text-shadow-box #tsb-wall {
position: absolute;
top: 41%;
left: 0;
width: 100%;
height: 60%;
}
#text-shadow-box #tsb-box {
-webkit-box-shadow: black 0px -45.2px 39px;
-moz-box-shadow: black 0px -45.2px 39px;
}
#text-shadow-box #tsb-wall {
background: #999;
}
#text-shadow-box #tsb-wall p {
position: relative;
font-size: 15px;
line-height: 1.5em;
text-align: justify;
color: #222;
width: 550px;
margin: 1.5em auto;
cursor: default;
}
#text-shadow-box #tsb-wall p a {
color: #fff;
}
#text-shadow-box #tsb-wall p a:hover {
text-decoration: none;
color: #000;
background: #fff;
}
#tsb-spot {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
pointer-events: none;
background: -webkit-gradient(radial, center center, 0, center center, 450, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 450px);
}
</style>
<!--[if IE]>
<style type="text/css">
/* Infelizmente não há suporte para o IE9 ponteiro-eventos: none; nem CSS2 text-shadow */
#tsb-spot {
display: none;
}
#tsb-ie {
position: absolute;
top: -90%;
left: -50%;
width: 200%;
height: 334%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
</style>
<![endif]-->
</head>
<body>
<center>
<embed src="playergv1.swf">
</center>
<div id="text-shadow-box">
<div style="box-shadow: 0px 84.8px 48px black;" id="tsb-box"></div>
<p style="text-shadow: -28px 84.8px 28px black;" id="tsb-text">CSI:</p>
<p id="tsb-link"><a href="http://csi-nwd.forumeiros.com/portal">CSI:</a></p>
<div id="tsb-wall">
<div id="tsb-ie"></div><br>
<p></p>
<center>
<h1><blink>Fórum Oficial da CSI: SA | TAS | ST</blink></h1>
<center>
A CSI é uma Organização Policial do Server Brasil Viva a Vida [ RPG ] NWD Games</center>
<p></p>
<td align="center"><a target="_blank" title="Entrar" href="http://csi-nwd.forumeiros.com/portal"><img src="http://i49.servimg.com/u/f49/16/79/58/45/entrar15.png" border="0"></a>
<a target="_blank" title="Cadastre-se no Fórum" href="http://csi-nwd.forumeiros.com/register"><img src="http://i49.servimg.com/u/f49/16/79/58/45/cadast10.png" border="0"></a>
</center>
<p></p>
<center>
<a href="http://www.game-state.eu/208.64.122.94:6666/"><img src="http://www.game-state.eu/208.64.122.94:6666/350x20_FFFFFF_FFFFFF_000000_000000.png" alt="www.Game-State.eu" style="border-style: none;" /></a>
</center>
<br>
<center> <td width="500" align="left" class="h3"><iframe src="//www.facebook.com/plugins/like.php?href=http://csi-nwd.forumeiros.com/;send=false&layout=standard&width=200&show_faces=true&action=like&colorscheme=light&font&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:25px;" allowTransparency="true"></iframe></td></center>
<br>
<br>
<br>
<center><td width="756" align="center" class="h3">CSI: SA | TAS | ST 2012 - 2013 - Todos os direitos reservados.
</td>
<br>
<right><font face="Tahoma" size="0" color="#ffffff"> Criação e Edição do Fórum: Bruninho_step - Tween. | Elaboração desta HTML: Bruninho_step - Tween. - Max Kyle | <a href="http://www.forumeiros.com" target="_blank">Forumeiros</a> </font></right>
<br>
</div>
<div style="background-position: 70px -319px;" id="tsb-spot"></div>
</div>
<script type="text/javascript" language="javascript" charset="utf-8">
/**
* - Max Kyle -
* http://spdesign.ativoforum.com
* Criei essa pagina (^_^)
* Recife - Pernambuco | Nordestino também sabe fazer código
* Isto tem direitos autorais não remova meus créditos dei duro pra fazer isso | Max Kyle
*/
var text = null;
var spot = null;
var box = null;
var boxProperty = '';
init();
function init() {
text = document.getElementById('tsb-text');
spot = document.getElementById('tsb-spot');
box = document.getElementById('tsb-box');
if (typeof box.style.webkitBoxShadow == 'string') {
boxProperty = 'webkitBoxShadow';
} else if (typeof box.style.MozBoxShadow == 'string') {
boxProperty = 'MozBoxShadow';
} else if (typeof box.style.boxShadow == 'string') {
boxProperty = 'boxShadow';
}
if (text && spot && box) {
document.getElementById('text-shadow-box').onmousemove = onMouseMove;
document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});};
}
}
function onMouseMove(e) {
if (typeof e === 'undefined' || typeof e.clientX === 'undefined') {
return;
}
var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;
var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;
var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);
text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';
if (boxProperty) {
box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';
}
xm = e.clientX - Math.floor(window.innerWidth / 2);
ym = e.clientY - Math.floor(window.innerHeight / 2);
spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
}
</script>
</object>
<style type="text/css">body, a:hover {cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/22/x-steel-pointer-2.html" target="_blank" title="X-Steel Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="X-Steel Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Até mais.
Tópicos semelhantes
» Definir página HTML personalizada como página inicial
» Pagina html como página inicial do fórum
» Página inicial em html
» Pagina inicial em HTML
» Pagina html do fórum [pagina inicial]
» Pagina html como página inicial do fórum
» Página inicial em html
» Pagina inicial em HTML
» Pagina html do fórum [pagina inicial]
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