Pagina inicial personalizada

por Eliseu_Oliveira 18.12.12 13:22

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 Piscada

Endereço do meu fórum:
http://51bpm.forumeiros.com

Versão do fórum:
PHPBB3

por Roevs 18.12.12 15:12

Olá,

Poderia me passar os links das imagens do botões ?

Até

por Eliseu_Oliveira 18.12.12 15:27

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 Muito feliz

por Firenando 18.12.12 15:32

Veja se gosta dessa.

Código:: <!DOCTYPE html>      <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>  <div class="copyright"><a href="http://br-designerforever.forumeiros.com">Brasil Designer Forever</a></div> </body> </html>

por Eliseu_Oliveira 18.12.12 15:34

bom é até bonita mais não tem nada aver com oq eu pedi Triste

por Roevs 18.12.12 15:43

Olá,

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>  <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>