Pagina inicial personalizada
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Pagina inicial personalizada
Qual é minha questão:
Bom gostaria de uma pagina incial personalizada bem simples so colocar algums butao
a foto a usar e essa https://i.imgur.com/m9LqK.jpg
queria os butao ' Portal ' e ' Forum ' em cima do link centralizado no meio
Obrigado
Endereço do meu fórum:
http://51bpm.forumeiros.com
Versão do fórum:
PHPBB3
Bom gostaria de uma pagina incial personalizada bem simples so colocar algums butao
a foto a usar e essa https://i.imgur.com/m9LqK.jpg
queria os butao ' Portal ' e ' Forum ' em cima do link centralizado no meio
Obrigado
Endereço do meu fórum:
http://51bpm.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por Eliseu_Oliveira em 18.12.12 20:20, editado 1 vez(es)
Re: Pagina inicial personalizada
Olá,
Poderia me passar os links das imagens do botões ?
Até
Poderia me passar os links das imagens do botões ?
Até
Re: Pagina inicial personalizada
Não tenho nenhum comigo no momento pois na sessão graifca é permitido so um pedido Então pode usar qualquer um editarei quando estiver em mao
Re: Pagina inicial personalizada
Veja se gosta dessa.
- Código:
<!DOCTYPE html>
<!-- Criação de Firenando e edição de cores pelo rck -->
<!-- Copyright - Firenando & Brasil Designer Forever -->
<!-- http://br-designerforever.forumeiros.com -->
<!-- Se usar esta página HTML, deixar os créditos -->
<!-- <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> -->
<html>
<head>
<meta charset="UTF-8" />
<title>Brasil Designer Forever</title>
<style type="text/css">
.menu {
font-size: 25px;
background-color: #633923;
border-color: #633923;
width: 120px;
text-align: center;
left: -10px;
border: inset;
border-radius: 0px 5px 5px 0px;
position: fixed;
}
.menu:hover {
font-size: 25px;
background-color: #84552f;
border-color: #84552f;
text-align: center;
left: -10px;
border: outset;
border-radius: 0px 5px 5px 0px;
position: fixed;
}
</style>
</head>
<style>
body {
background-image: url('http://i.imgur.com/ENcI6.jpg') !important;
background-repeat: repeat-x;
font-family: arial;
}
body a {
text-decoration: none;
color: #311911;
}
body a:hover {
color: #623822;
}
.logo {
font-family: Guevara;
color: #4b2b1a;
font-size: 60px;
margin-top: 60px;
text-align: center;
}
.creditos {
box-shadow: 0px -1px 2px black;
background: -moz-linear-gradient(bottom, #db8, #fed) repeat-X;
background: -webkit-gradient(linear, top, bottom, from(#db8), to(#db8)) repeat-X;
width: 100%;
left: 0px;
height: 24px;
bottom: 0px;
position: absolute;
}
.categorias {
font-size: 18px;
text-align: center;
background-color: #F4F4d0;
border: 2px inset #830;
border-radius: 5px 5px 5px 5px;
right: 5%;
top: 10%;
height: 250px;
width: 200px;
position: absolute;
opacity: 0.67;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.categorias:hover {
opacity: 1.0!important;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.categorias a:hover {
text-decoration: underline;
}
.registrar {
top: 0px;
left: 120px;
position: absolute;
font-size: 20px;
width: 100px;
height: 30px;
border-radius: 0px 0px 0px 5px;
text-align: center;
background-color: #F4F4F4;
opacity: 0.7;
}
.registrar:hover {
top: 0px;
left: 120px;
position: absolute;
font-size: 20px;
width: 100px;
height: 30px;
border-radius: 0px 0px 0px 5px;
text-align: center;
background-color: #F4F4F4;
opacity: 0.8;
}
.logar {
top: 0px;
left: 220px;
position: absolute;
font-size: 20px;
width: 80px;
height: 30px;
border-radius: 0px 0px 5px 0px;
text-align: center;
background-color: #F4F4F4;
opacity: 0.7;
}
.logar:hover {
top: 0px;
left: 220px;
position: absolute;
font-size: 20px;
width: 80px;
height: 30px;
border-radius: 0px 0px 5px 0px;
text-align: center;
background-color: #F4F4F4;
opacity: 0.8;
}
.informacoes {
font-family: TREBUCHET MS;
font-size: 15px;
margin-top: 60px;
width: 550px;
height: 300px;
margin-top: -100px;
margin-left: 400px;
background-color: #000000;
text-align: left;
position: fixed;
opacity: 0.6;
border: 1px solid #736157;
border-radius: 5px;
background: -moz-linear-gradient(bottom, #a18372, #846a5b) repeat-X;
background: -webkit-gradient(linear, top, bottom, from(#a18372), to(#846a5b)) repeat-X;
}
.copyright {
opacity: 0.5;
top: 0px;
right: 0px;
position: fixed;
background-color: #dadada;
width: 180px;
text-align: center;
border-radius: 0px 0px 0px 5px;
}
</style>
<body>
<div class="logo">Brasil Designer Forever</div>
<br /><br />
<div class="creditos"><div style="margin-left: 5px;position: absolute;">Página totalmente criada por <a href="http://br-designerforever.forumeiros.com/u1">Firenando</a> - <a href="http://br-designerforever.forumeiros.com/portal">Brasil Designer Forever</a> | Agradecimentos ao <a href="http://br-designerforever.forumeiros.com/u53">rck</a> pela ajuda na edição</div></div>
<a href="http://br-designerforever.forumeiros.com/forum"><div class="menu">Fórum</div></a>
<br /><br /><br />
<a href="http://br-designerforever.forumeiros.com/portal"><div class="menu">Portal</div></a>
<br /><br /><br />
<a href="http://br-designerforever.forumeiros.com/search"><div class="menu">Buscar</div></a>
<br /><br /><br />
<a href="http://br-designerforever.forumeiros.com/memberlist"><div class="menu">Membros</div></a>
<div class="categorias">
<b>Categorias</b><hr>
<a href="http://br-designerforever.forumeiros.com/c1-administracao">Administração</a><br /><br />
<a href="http://br-designerforever.forumeiros.com/c3-designer-zone">Designer Zone</a><br /><br />
<a href="http://br-designerforever.forumeiros.com/c5-programacao">Programação</a><br /><br />
<a href="http://br-designerforever.forumeiros.com/c7-temas">Temas</a><br /><br />
<a href="http://br-designerforever.forumeiros.com/c4-assuntos-em-geral">Assuntos em Geral</a><br /><br />
</div>
<a href="http://br-designerforever.forumeiros.com/register"><div class="registrar">Registrar</div></a>
<a href="http://br-designerforever.forumeiros.com/login"><div class="logar">Logar</div></a>
<div class="informacoes">
<h3><center>Quem somos</center></h3>
<div style="margin-left: 5px;">Nós somos um fórum que damos suporte sobre.<br /><br />
<div style="margin-left: 15px;">
<li>Designer</li>
<li>Programação</li>
<li>Temas Forumeiros</li></div></div>
<hr style="color: #623822; text-shadow: 0px 1px 3px black;">
<h3><center>Dicas</center></h3>
<div style="margin-left: 5px;">Sempre leia nossas regras.<br />
Faça seus pedidos, gráficos, de programação ou de temas forumeiros.<br />
Veja nossos tutoriais.</div>
</div>
<!-- Se for usar esta página, deixar o link abaixo -->
<div class="copyright"><a href="http://br-designerforever.forumeiros.com">Brasil Designer Forever</a></div>
</body>
</html>
Re: Pagina inicial personalizada
bom é até bonita mais não tem nada aver com oq eu pedi
Re: Pagina inicial personalizada
Olá,
Que tal este
Até
Que tal este
- Código:
<html>
<head>
<title>
NOME DO FÓRUM
</title>
</head>
<body>
<style>
span.referencia{
position:fixed;
left:10px;
bottom:10px;
font-size:18px;
}
body, a, a:hover {
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), progress;
}
span.referencia a{
color:#000000;
text-decoration:underline;
}
span.sombra{
opacity: 0.5;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
span.sombra:hover{
opacity: 1;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
body {
background-color: #eaeaea; !important;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/m9LqK.jpg);
}
body {
background-image: url('http://i.imgur.com/m9LqK.jpgg') !important;
background-repeat: no-repeat;
width: 2000px;
heigth: 1000px;
}
</style>
<div>
<span class="referencia">
BR Designer Forever 2012 | Criado por <a href="http://br-designerforever.forumeiros.com/forum">Firenando</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros</a>
</span>
</div>
<!------------------------------------------------
----------CRÉDITOS-----------FIRENANDO----------
------------------------------------------------
----------NÃO---RETIRE---OS---CRÉDITOS----------
------------------------------------------------
----------BR-DESIGNER-FOREVER-----------
------------------------------------------------
----http://br-designerforever.forumeiros.com/forum----
------------------------------------------------>
<br />
<div style="margin-left:34.5%">
<div style="margin-top:76.5%">
<span class="sombra">
<a href="http://br-designerforever.forumeiros.com/forum"><img title="Fórum" src="http://i.imgur.com/woPgj.png"/></a>
</span>
<span class="sombra">
<a href="http://br-designerforever.forumeiros.com/portal"><img title="Portal" src="http://i.imgur.com/ymut6.png"/></a>
</span>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>
Até
Re: Pagina inicial personalizada
a foto ficou mt grande tente essas
https://i.imgur.com/sHwCk.png" alt="" />
https://i.imgur.com/sHwCk.png" alt="" />
Re: Pagina inicial personalizada
Olá!
Veja como mudar o fundo da Página:
Até mais.
Veja como mudar o fundo da Página:
- Spoiler:
<html>
<head>
<title>
NOME DO FÓRUM
</title>
</head>
<body>
<style>
span.referencia{
position:fixed;
left:10px;
bottom:10px;
font-size:18px;
}
body, a, a:hover {
cursor: url(https://2img.net/r/ihimizer/img24/7129/glovecursor.png), progress;
}
span.referencia a{
color:#000000;
text-decoration:underline;
}
span.sombra{
opacity: 0.5;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
span.sombra:hover{
opacity: 1;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
body {
background-color: #eaeaea; !important;
background-repeat: no-repeat;
background-image: url(URL_DO_FUNDO);
}
body {
background-image: url('https://i.imgur.com/m9LqK.jpgg') !important;
background-repeat: no-repeat;
width: 2000px;
heigth: 1000px;
}
</style>
<div>
<span class="referencia">
BR Designer Forever 2012 | Criado por <a href="http://br-designerforever.forumeiros.com/forum">Firenando</a> | Hospedado por <a href="https://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros</a>
</span>
</div>
<!------------------------------------------------
----------CRÉDITOS-----------FIRENANDO----------
------------------------------------------------
----------NÃO---RETIRE---OS---CRÉDITOS----------
------------------------------------------------
----------BR-DESIGNER-FOREVER-----------
------------------------------------------------
----http://br-designerforever.forumeiros.com/forum----
------------------------------------------------>
<br />
<div style="margin-left:34.5%">
<div style="margin-top:76.5%">
<span class="sombra">
<a href="http://br-designerforever.forumeiros.com/forum"><img title="Fórum" src="https://i.imgur.com/woPgj.png"/></a>
</span>
<span class="sombra">
<a href="http://br-designerforever.forumeiros.com/portal"><img title="Portal" src="https://i.imgur.com/ymut6.png"/></a>
</span>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>
Até mais.
Tópicos semelhantes
» Pagina inicial personalizada
» Página inicial personalizada
» Pagina inicial personalizada
» Página inicial personalizada
» página inicial personalizada
» Página inicial personalizada
» Pagina inicial personalizada
» Página inicial personalizada
» página inicial personalizada
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