ArtigosPagina inicial
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
por Don Corleone 28.03.13 15:00
Qual é minha questão:
Gostaria dessa pagina Inicial, para eu configura-la a meu gosto....
http://suportedesign.forumeiros.com/
Endereço do meu fórum:
http://somosmugiwara.forumeiros.com
Versão do fórum:
PHPBB2
Gostaria dessa pagina Inicial, para eu configura-la a meu gosto....
http://suportedesign.forumeiros.com/
Endereço do meu fórum:
http://somosmugiwara.forumeiros.com
Versão do fórum:
PHPBB2
Última edição por Houdini em 28.03.13 15:44, editado 1 vez(es)
Don Corleone- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032 -
Re: Pagina inicial
por Diehl 28.03.13 15:06
Só uma dúvida, tu entende de HTML e tal, para editar a página?
Diehl- ****
- Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377
Re: Pagina inicial
por Bookmarlucas654 28.03.13 15:09
Aqui está:
LEMBRETE: Importante não remover os devidos créditos, e cuidado ao editar para que não ocorra erros. Caso necessite de ajuda, nos comunique!
- Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
@charset "UTF-8";
* {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
}
body {
width: 790px;
margin: 0 auto;
background: #262626 url(http://i.imgur.com/aXc6z.png) no-repeat top;
position:relative;
}
.clear{
clear:both;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
h2 {
font-size: 1.2em;
font-variant: small-caps;
color: #00a5cd;
background: url('http://i.imgur.com/jaZgc.png') no-repeat top left ;
}
h1 {
font-variant: small-caps;
color: #0099CC;
}
p {
font-size: 0.8em;
}
em {
font-weight: bold;
font-style: normal;
color: #86b125;
}
strong {
padding-left: 15px;
color: #333333;
}
/* HEADER */
#header {
padding: 15px 0px 15px 20px;
}
#header a img {
border: none;
}
/* END HEADER */
#shadow {
background: url(http://i49.servimg.com/u/f49/16/79/58/45/aa12210.png) repeat-y;
height: auto;
padding: 0 5px 1px 5px;
}
/* MENU */
#menu {
height: 30px;
background: url(http://i.imgur.com/IYp45.jpg) repeat-x;
}
#menu li {
float: left;
list-style-type: none;
padding-top: 5px;
color: #ffffff;
}
#menu li a:link, #menu li a:visited {
color: #FFFFFF;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
}
#menu li a:hover, #menu li a:active {
text-decoration: none;
color: #b4dbff;
font-size: 1.1em;
padding: 5px 43px 0 43px;
font-variant: small-caps;
}
/* END MENU */
/* CONTENT */
/* EDITO */
#edito {
background: url() top right no-repeat;
background-color: #f1f6fb ;
}
#edito h2, #edito p {
padding-top: 20px;
padding-right: 100px;
padding-left: 20px;
}
#edito p {
width: 750px;
}
#edito a:link, #edito a:visited {
color: #FFFFFF;
font-size: 16px;
}
#edito a:hover, #edito a:active {
text-decoration: none;
color: #333333;
font-size: 16px;
}
#button_edito {
display: block;
height: 25px;
width: 150px;
background: url(http://i.imgur.com/oy0j6.gif) no-repeat;
text-align: center;
padding-top: 3px;
margin-left: 290px;
font-weight: bold;
margin-top:10px;
padding-bottom:10px;
}
/* END EDITO */
#toal {
height: 20px;
background: url(http://i.imgur.com/xLVqp.jpg) repeat-x;
}
/* CONTENT */
#content {
padding: 20px 0;
}
#vertical_barr {
border-left: #0099CC solid 1px;
border-right: #0099CC solid 1px;
}
#content div {
float:left;
width: 215px;
padding: 0 10px 0 30px;
}
#content div p {
padding-top: 10px;
}
#content div p a:link, #content div p a:visited, #content div p a:hover, #content div p a:active {
color: #333333;
}
#content div li a:link, #content div li a:visited, #content div li a:active, #content div li a:hover {
color: #6cc606;
font-weight: bold;
}
a.content_button:link, a.content_button:visited {
color: #FFFFFF;
}
a.content_button:hover, a.content_button:active {
text-decoration: none;
color: #333333;
}
.content_button {
display: block;
height: 15px;
width: 75px;
background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;
margin: 15px 0;
text-align: center;
font-weight: bold;
font-size: 0.7em;
}
#content div ul {
font-size: 0.8em;
margin-left: 20px;
}
#content div li {
padding: 8px 0 0 0;
}
#resol {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:fixed;
-position:absolute;
font-size: 10px;
width:230px;
top:0px;
left:1280px;
margin:0 auto;
background:#bfc6d9;
text-align:center;
}
#resol h1 {
background:none;
font-size: 15px;
letter-spacing:3px;
padding:0px;
margin:0px;
border: 0px;
}
#resol h2 {
font-size:10px;
letter-spacing:3px;
padding:0px;
margin:0px;
border:0px;
background:none;
}
/* END CONTENT */
/* FOOTER */
#footer {
height: 70px;
background: url() no-repeat;
padding: 0 5px;
margin-bottom: 20px;
}
#footer p {
color: #FFFFFF;
padding-top: 30px;
text-align: center;
}
#footer p a {
color: #FFFFFF;
}
#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}
#footer_terms h1 {
padding: 60px 0px 0px 0px; color: #7aaec6;
text-align:right;
border:0px;
font-variant:normal;font-size: 0.8em;font-weight: normal;
text-decoration:none;background: none;
}
#footer_terms a { text-decoration: underline;}
#footer_terms strong,#footer_terms a {
color: #7aaec6;
font-weight: normal;
background: none;
}
#holder {
min-height: 100%; position: relative; margin:0 auto;
-position:absolute;
-background: #0099CC url(http://i49.servimg.com/u/f49/16/79/58/45/bg_gra11.gif) repeat-x top;
-overflow-x :hidden;
}
/* END FOOTER */
/*dix-forum.forumeiros.com! Criado por JUFASA*/
div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%; }
</style>
<title>Fórum dos Designers - Pagina Inicial</title>
</head>
<body>
<div id="holder">
<!--BEGIN OF TERMS OF USE. DO NOT EDIT OR DELETE THESE LINES. IF YOU EDIT OR DELETE THESE LINES AN ALERT MESSAGE MAY APPEAR WHEN TEMPLATE WILL BE ONLINE-->
<!--END OF TERMS OF USE-->
<!-- HEADER --><div id="header"> <a href="#"> <img src="http://2img.net/i/fa/empty.gif" alt="" width="1" height="120"/> </a> </div>
<!-- END HEADER --><div id="shadow">
<!-- MENU -->
<ul id="menu">
<li> <a href="/forum">Fórum</a> </li>
<li> | </li>
<li> <a href="/t2-">Regulamentos</a> </li>
<li> | </li>
<li> <a href="/f4-">Anúncios</a> </li>
<li> | </li>
<li> <a href="/h7-">Apoie-nos</a> </li>
<li> | </li>
<li> <a href="/f55-">Cotw</a> </li>
</ul>
<div class="clear"></div>
<!-- END MENU -->
<!-- EDITO -->
<div id="edito">
<h2>Sobre o fórum</h2>
<p>
<table><td>Fórum dos Designers é um fórum de suporte aos usuários que pretendem aprimorar seus conhecimentos na área de design gráfico. Oferecemos além deste suporte, análise de fóruns, publicidade de fóruns, tutoriais para fóruns Forumeiros, além de outras informações e concursos para melhorar a criação de suas imagens. Somos pequenos, mas com grandes sonhos que, com sua ajuda, poderemos concluir.</td><td><img src="http://i.imgur.com/dv8iZ.png" /></td></table>
</p>
<a href="/forum" id="button_edito">ENTRAR</a>
</div>
<!-- END EDITO -->
<div id="toal"> </div>
<!-- CONTENT -->
<div id="content">
<!-- ABOUT ME -->
<div>
<h1>Atualizações</h1>
<p> <em> O que há de novo?</em></p>
<p>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t6-">Venha fazer parte da equipe</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t377-">Redes sociais do SuporteDesign</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t343-">Novidades do fórum</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t331-">Top 10 do Diretório</a>
<br><br>
<img src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2641698473.png" /> <a href="/t330-">Membros do Mês</a>
<br><br>
</p>
</div>
<!-- END ABOUT ME -->
<!-- NEWS -->
<div id="vertical_barr">
<h1>Cotw</h1>
<p><em>»</em><strong>Informações</strong></p>
<p><a href="/t309-">Clique aqui para aceder à página com as informações sobre o evento, como inscrever-se e suas regras!</a> </p>
<p><em>»</em><strong> Hall da Fama </strong></p>
<p>Conheça os ganhadores de edições anteriores e veja suas criações!</p>
<a href="/t313-" class="content_button">Hall da fama</a>
</div>
<!-- END NEWS -->
<!-- MEMBRO DO MÊS -->
<div>
<h1>Membros do Mês</h1>
<br>
<ul>
<a href="/u42"> <img src="http://r27.imgfast.net/users/2716/12/09/86/avatars/42-94.png" width="80" height="100" alt="Explorer"/> </a>
<a href="/u19"> <img src="http://r27.imgfast.net/users/2716/12/09/86/avatars/19-65.png" width="80" height="100" alt="death."/> </a>
</ul>
<p>Agradecemos sua dedicação, empenho e carinho! Esperamos que continuem a trilhar este caminho!</p>
<center><table><td><a href="/u42" class="content_button">Explorer</a></td> <td><a href="/u19" class="content_button">death.</a></td></table></center>
</div>
<!-- FIM MEMBRO DO MÊS -->
</div>
<!-- END CONTENT -->
<div class="clear"></div>
<!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
<p>| © Fórum dos Designers - 2013 © |<a href="http://www.suportedesign.net" target="_blank"> </a></p></div>
<center><iframe src="http://radiohunter.com.br/beta/engines/players/small" width="200" marginwidth="0" height="40" marginheight="0" scrolling="No" frameborder="0"></iframe></center>
<!-- END FOOTER -->
<center><a href="http://www.forumeiros.com" target="_blank"></a></center>
<!-- END HOLDER -->
</body>
</html>
LEMBRETE: Importante não remover os devidos créditos, e cuidado ao editar para que não ocorra erros. Caso necessite de ajuda, nos comunique!
Bookmarlucas654- Membro
- Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833 -
Re: Pagina inicial
por Don Corleone 28.03.13 15:09
Sim sim, sei um pouco e já usei outras páginas iniciais e as editei.....
Don Corleone- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032 -
Re: Pagina inicial
por Bookmarlucas654 28.03.13 15:13
Ainda necessita de suporte? Agradeço por dar like caso o tenha ajudado! 
Bookmarlucas654- Membro
- Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833 -
Re: Pagina inicial
por Diehl 28.03.13 15:17
Okay, então vamos lá criar uma página igual a que tu quer, mas depois as edições são contigo.
Vá em:
Vai ter alguns campos...
Título (Ponha um título qualquer para a página);
Você deseja utilizar o início e o fim da página de seu fórum? (Marque a opção "não");
Usar esta página como página inicial? (Marque a opção "sim");
Código HTML
Aqui, coloque o código HTML da página. Use o código base que tu quer só a título de teste (utilize o código que o Bookmarlucas654 citou, ou então pegue ele via código fonte na página do Suporte Desing, no Firefox basta apertar "ctrl+u");
Salve e pronto! essa será a página inicial do teu fórum! Agora é só fazer as modificações de HTML que tu deseja.
Espero que as dicas tenham sido claras, e que eu possa ter ajudado.
Vá em:
Painel de controleAdicionar uma página HTML
Vai ter alguns campos...
Título (Ponha um título qualquer para a página); Você deseja utilizar o início e o fim da página de seu fórum? (Marque a opção "não"); Usar esta página como página inicial? (Marque a opção "sim"); Código HTMLAqui, coloque o código HTML da página. Use o código base que tu quer só a título de teste (utilize o código que o Bookmarlucas654 citou, ou então pegue ele via código fonte na página do Suporte Desing, no Firefox basta apertar "ctrl+u");
Salve e pronto! essa será a página inicial do teu fórum! Agora é só fazer as modificações de HTML que tu deseja.
Espero que as dicas tenham sido claras, e que eu possa ter ajudado.
Última edição por Diehl em 28.03.13 15:56, editado 1 vez(es)
Diehl- ****
- Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377
Re: Pagina inicial
por Bookmarlucas654 28.03.13 15:33
Caro Diehl, edita sua mensagem para esta, para ficar um pouquinho mais legível:
Meus parabéns pela explicação, até havia esquecido ;x
- Código:
Okay, então vamos lá criar uma página igual a que tu quer, mas depois as edições são contigo.
Vá em:
[quote]Painel de controle :seta: Módulos :seta: HTML & Javascript :seta: Gestão das páginas HTML :seta: :adicionar: Adicionar uma página HTML[/quote]
Vai ter alguns campos...
:seta: [b]Título [/b](Ponha um título qualquer para a página);
:seta: [b]Você deseja utilizar o início e o fim da página de seu fórum? [/b](Marque a opção "não");
:seta: [b]Usar esta página como página inicial? [/b](Marque a opção "sim");
:seta: [b]Código HTML[/b]
Aqui, coloque o código HTML da página. Use o código base que tu quer só a título de teste (utilize o código que o Bookmarlucas654 citou, ou então pegue ele via código fonte na página do Suporte Desing, no Firefox basta apertar "ctrl+u);
[color=green][b]Salve[/b][/color] e pronto! essa será a página inicial do teu fórum! Agora é só fazer as modificações de HTML que tu deseja.
[b]Espero que as dicas tenham sido claras, e que eu possa ter ajudado.[/b]
Meus parabéns pela explicação, até havia esquecido ;x
Bookmarlucas654- Membro
- Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833 -
Don Corleone- Super Membro
- Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032 -
Re: Pagina inicial
por Diehl 28.03.13 15:57
Bookmarlucas654 escreveu:Caro Diehl, edita sua mensagem para esta, para ficar um pouquinho mais legível:
- Código:
Okay, então vamos lá criar uma página igual a que tu quer, mas depois as edições são contigo.
Vá em:
[quote]Painel de controle :seta: Módulos :seta: HTML & Javascript :seta: Gestão das páginas HTML :seta: :adicionar: Adicionar uma página HTML[/quote]
Vai ter alguns campos...
:seta: [b]Título [/b](Ponha um título qualquer para a página);
:seta: [b]Você deseja utilizar o início e o fim da página de seu fórum? [/b](Marque a opção "não");
:seta: [b]Usar esta página como página inicial? [/b](Marque a opção "sim");
:seta: [b]Código HTML[/b]
Aqui, coloque o código HTML da página. Use o código base que tu quer só a título de teste (utilize o código que o Bookmarlucas654 citou, ou então pegue ele via código fonte na página do Suporte Desing, no Firefox basta apertar "ctrl+u);
[color=green][b]Salve[/b][/color] e pronto! essa será a página inicial do teu fórum! Agora é só fazer as modificações de HTML que tu deseja.
[b]Espero que as dicas tenham sido claras, e que eu possa ter ajudado.[/b]
Meus parabéns pela explicação, até havia esquecido ;x
Editei... Obrigado por codificar a mensagem, na próxima vez vou tentar estruturar melhor meus posts.
Diehl- ****
- Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377
Re: Pagina inicial
por Bookmarlucas654 28.03.13 16:39
Não, você não fez errado, rsrs. Apenas quis botar umas imagens para melhorar um pouco o entendimento, obrigado ter explicado desse modo detalhado a ele ;x
Bookmarlucas654- Membro
- Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833 -
Tópicos semelhantes» Pagina html do fórum [pagina inicial]
» Pagina html como página inicial do fórum
» Pagina inicial
» Pagina inicial
» Página inicial
» Pagina html como página inicial do fórum
» Pagina inicial
» Pagina inicial
» Página 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