Pagina inicial personalizada

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Pagina inicial personalizada

Mensagem por Eliseu_Oliveira em 18/12/12, 11:22 am

Qual é minha questão:
Bom gostaria de uma pagina incial personalizada bem simples so colocar algums butao
a foto a usar e essa http://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


Última edição por Eliseu_Oliveira em 18/12/12, 06:20 pm, editado 1 vez(es)
avatar

Eliseu_Oliveira
Usuário destaque

Masculino
Inscrito dia : 29/07/2012
Mensagens : 516
Pontos Ativos : 764

Ver perfil do usuário http://familiaavast.sampforum.net

Resolvido Re: Pagina inicial personalizada

Mensagem por iPrompt em 18/12/12, 01:12 pm

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Pagina inicial personalizada

Mensagem por Eliseu_Oliveira em 18/12/12, 01:27 pm

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
avatar

Eliseu_Oliveira
Usuário destaque

Masculino
Inscrito dia : 29/07/2012
Mensagens : 516
Pontos Ativos : 764

Ver perfil do usuário http://familiaavast.sampforum.net

Resolvido Re: Pagina inicial personalizada

Mensagem por Firenando em 18/12/12, 01:32 pm

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

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Pagina inicial personalizada

Mensagem por Eliseu_Oliveira em 18/12/12, 01:34 pm

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

Eliseu_Oliveira
Usuário destaque

Masculino
Inscrito dia : 29/07/2012
Mensagens : 516
Pontos Ativos : 764

Ver perfil do usuário http://familiaavast.sampforum.net

Resolvido Re: Pagina inicial personalizada

Mensagem por iPrompt em 18/12/12, 01:43 pm

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>
 
    <!------------------------------------------------
      ----------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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Pagina inicial personalizada

Mensagem por Eliseu_Oliveira em 18/12/12, 02:17 pm

a foto ficou mt grande tente essas

http://i.imgur.com/sHwCk.png" alt="" />
avatar

Eliseu_Oliveira
Usuário destaque

Masculino
Inscrito dia : 29/07/2012
Mensagens : 516
Pontos Ativos : 764

Ver perfil do usuário http://familiaavast.sampforum.net

Resolvido Re: Pagina inicial personalizada

Mensagem por BrunoH. em 18/12/12, 02:21 pm

Olá!
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(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(URL_DO_FUNDO);
}
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>
Em vermelho altere para o Link da imagem de fundo desejada.

Até mais. Eu amo você
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum