Jump to content


Photo

[Ajuda] Criar Página


  • Faça o login para participar
4 replies to this topic

#1 Maçãzinha

Maçãzinha

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Feminino
  • Localidade:Brasil

Posted 26/12/2011, 06:21

Amiguxos sou nova em asunto HTML e CSS :( e Queria que vcs fizessem uma Página Pra mim no seguinte estilo.

Posted Image


A pagina pode ficar simples apenas com as Separações, só pesso que coloquem Inicio la no menu de Navegação :D

Desculpa se escrevi bobagem é porque sou nova no assunto

Obrigada!!

Edição feita por: Maçãzinha, 26/12/2011, 06:30.


#2 _mcl_

_mcl_

    Mestre

  • Usuários
  • 609 posts
  • Sexo:Masculino
  • Localidade:Ipatinga / MG

Posted 27/12/2011, 10:02

HTML
<!--GERAL-->
<div id="geral">
	<!--GERAL-->
	<div id="geral2">
    	   <!--HEADER-->
	   <div id="header">
        	
           </div>
           <!--Fim:HEADER-->
           <!--MENUNAV-->
	   <div id="MenuNav">
        	
           </div>
           <!--Fim:MENUNAV-->
           <!--BLOCO01-->
	   <div id="bloco01">
        	
           </div>
           <!--Fim:BLOCO01-->
           <!--CONTEUDO-->
	   <div id="conteudo">
               <!--HEADER02-->
               <div id="header02">
                
               </div>
               <!--Fim:HEADER02-->
           </div>
           <!--Fim:CONTEUDO-->
           <!--BLOCO02-->
	   <div id="bloco02">
        	
           </div>
           <!--Fim:BLOCO02-->
           <!--FOOTER-->
	   <div id="footer">
        	
           </div>
           <!--Fim:FOOTER-->
	   </div>
           <!--Fim:GERAL2-->
</div>
<!--GERAL-->

CSS
body {
	padding:0;
	margin:0;
}
#geral {
	width:100%;
	margin:0 auto;
}
#geral2 {
	width:980px;
	margin:0 auto;
}
#header {
	width:980px;
	height:150px;
	background:#00b7fb;
}
#MenuNav {
	width:980px;
	height:50px;
	background:#4f9900;
}
#bloco01 {
	float:left;
	width:200px;
	height:800px;
	background:#800000;
}
#conteudo {
	float:left;
	width:580px;
	height:800px;
	background:#ffae00;
}
#header02 {
	width:580px;
	height:100px;
	background:#ffe2a3;
}
#bloco02 {
	float:left;
	width:200px;
	height:800px;
	background:#800000;
}
#footer {
	clear:both;
	width:980px;
	height:100px;
	background:#007cc2;
}

Pronto! Do jeito que você quer.
Qualquer dúvida estamos ai.
Abraços!

Edição feita por: _mcl_, 27/12/2011, 10:03.

Posted Image Posted Image Posted Image Posted Image

#3 Maçãzinha

Maçãzinha

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Feminino
  • Localidade:Brasil

Posted 28/12/2011, 07:00

Miguinho mil desculpas, mais achu que sou Burra :'( eu nao consegui montar isso no arquivo .html vc pode por um anexado pra dowload? ou me explicar a montar?

PS: Preferia pra download pq sou dficil pra entender as coisas :(

Bjs!! Obrigada. :kiss:

#4 _mcl_

_mcl_

    Mestre

  • Usuários
  • 609 posts
  • Sexo:Masculino
  • Localidade:Ipatinga / MG

Posted 28/12/2011, 10:15

Esta ai em anexo o código, só baixar! ;)

Abraços!

Attached Files


Posted Image Posted Image Posted Image Posted Image

#5 Maçãzinha

Maçãzinha

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Feminino
  • Localidade:Brasil

Posted 29/12/2011, 15:22

Vlw Brigadinha :D

Desculpa se nao for muito encomodo, separa as Colunas com 1px ou 2px +/- pra mim? Brigadinha

Ae to com um poblema :(, tem como fazer SideBars igual de Blog? se tem eu nao to coseguindo pode me Ajuda?




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq