sábado, 11 de agosto de 2012
sexta-feira, 10 de agosto de 2012
Página para cadastro
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<title>DvdTeca do Trevas - Cadastro de Dvd's</title>
</head>
<body>
<div id="principal">
<div id="topo">
</div>
<div id="separador">
</div>
<div id="cadastro">
<form name="formulario1" method="post" action="envio_cadastro.php">
<fieldset>
<legend>Digite os dados do DVD</legend>
<label>
<span>Número do DVD: </span>
<input type="text" name="numero" size="5" maxlength="5"/>
</label>
<p>
<label>
<span>Filme:</span>
<input type="text" name="filme" size="60" maxlength="70"/>
</label>
<p>
<label>
<span>Gênero: </span>
<select size="1" name="genero">
<option selected value="selecionar">Selecione...</option>
<option value="Ação">Ação</option>
<option value="Animação">Animação</option>
<option value="Aventura">Aventura</option>
<option value="Comédia">Comédia</option>
<option value="Comédia Romântica">Comédia Romântica</option>
<option value="Crime">Crime</option>
<option value="Desenho">Desenho</option>
<option value="Documentário">Documentário</option>
<option value="Drama">Drama</option>
<option value="Faroeste">Faroeste</option>
<option value="Ficção-científica">Ficção-científica</option>
<option value="Guerra">Guerra</option>
<option value="Musical">Musical</option>
<option value="Policial">Policial</option>
<option value="Romance">Romance</option>
<option value="Seriado">Seriado</option>
<option value="Show">Show</option>
<option value="Suspense">Suspense</option>
<option value="Terror">Terror</option>
<option value="Thriller">Thriller</option>
</select>
</label>
<p>
<label>
<span>Resumo da Sinopse: </span>
<textarea name="sinopse" cols="80" rows="3"></textarea>
</label>
<p>
<label>
<span>Sinopse Completa: </span>
<textarea name="sinopsecompleta" cols="80" rows="7"></textarea>
</label>
<p>
<input type="submit" value="Cadastrar" class="send"> <input type="reset" value="Cancelar" class="send">
</fieldset>
</form>
</div>
<div id="separador">
</div>
<div align="right" width="890">
<form class="formul" name="formulario" method="post" action="dvdteca.php">
<input type="submit" value="Voltar" class="enviar">
</form>
</div>
</div>
</body>
Exemplo do arquivo de estilos
*body {
margin:0;
padding:0;
}
#principal {
width:900px;
height:auto;
margin-top:30px;
margin-left:auto;
margin-right:auto;
}
#topo {
background-image:url(../Imagens/topo1.jpg);
width:100%;
height:105px;
background-repeat:no-repeat;
}
#home {
background-image:url(../Imagens/Home1.jpg);
width:100%;
height:310px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
}
#separador {
height:5px;
}
#corpo {
width:100%;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
}
#entrar {
width:100%;
height:50px;
color:#000000;
font-family:"Berlin Sans FB Demi";
font-size:40px;
text-decoration:none;
}
#entrar a:link, a:visited{
color:#000000;
text-decoration:none;
}
#entrar a:hover{
background:#000000;
color:#FFFFFF;
}
#menu {
background-image:url(../Imagens/menu.jpg);
background-repeat:no-repeat;
width:100%;
height:61px;
padding:10px 0px 0px 20px;
}
#menu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000000;
word-spacing:5px;
text-decoration:none;
text-transform:uppercase;
}
#menu a:hover{
color:#99FF00;
}
#cadastro{
width:100%;
height:auto;
}
#cadastro form{
width:90%;
height:auto;
margin-left:auto;
margin-right:auto;
}
#cadastro fieldset{
border:1px #009900 solid;
padding:0 15px 10px 15px;
border-radius: 4px;
}
#cadastro legend{
color:#009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:10px 0;
}
#cadastro label{
padding:3px 0;
}
#cadastro span{
color:#009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12;
}
#cadastro input, select {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 4px;
border: 0;
color: #000033;
background: url(../Imagens/input1.jpg) repeat-x center;
box-shadow: 0 0 6px 2px #009900 inset;
border-radius: 4px;
}
#cadastro input:focus, input:hover {
box-shadow: 0 0 1px 1px #6CA6CD, 0 0 3px 3px #4A708B, 0 0 6px 2px #009900 inset;
}
#cadastro .send{
width:100px;
margin:10px auto;
cursor:pointer;
border:0;
}
#cadastro textarea {
width: 750px;
display:block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 4px;
border: 0;
color: #000033;
box-shadow: 0 0 6px 2px #009900 inset;
border-radius: 4px;
}
.enviar {
width:80px;
margin:10px auto;
cursor:pointer;
font-weight:bold;
border:0;
background-color:#009900;
color:#FFFFFF;
}
margin:0;
padding:0;
}
#principal {
width:900px;
height:auto;
margin-top:30px;
margin-left:auto;
margin-right:auto;
}
#topo {
background-image:url(../Imagens/topo1.jpg);
width:100%;
height:105px;
background-repeat:no-repeat;
}
#home {
background-image:url(../Imagens/Home1.jpg);
width:100%;
height:310px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
}
#separador {
height:5px;
}
#corpo {
width:100%;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
}
#entrar {
width:100%;
height:50px;
color:#000000;
font-family:"Berlin Sans FB Demi";
font-size:40px;
text-decoration:none;
}
#entrar a:link, a:visited{
color:#000000;
text-decoration:none;
}
#entrar a:hover{
background:#000000;
color:#FFFFFF;
}
#menu {
background-image:url(../Imagens/menu.jpg);
background-repeat:no-repeat;
width:100%;
height:61px;
padding:10px 0px 0px 20px;
}
#menu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000000;
word-spacing:5px;
text-decoration:none;
text-transform:uppercase;
}
#menu a:hover{
color:#99FF00;
}
#cadastro{
width:100%;
height:auto;
}
#cadastro form{
width:90%;
height:auto;
margin-left:auto;
margin-right:auto;
}
#cadastro fieldset{
border:1px #009900 solid;
padding:0 15px 10px 15px;
border-radius: 4px;
}
#cadastro legend{
color:#009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:10px 0;
}
#cadastro label{
padding:3px 0;
}
#cadastro span{
color:#009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12;
}
#cadastro input, select {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 4px;
border: 0;
color: #000033;
background: url(../Imagens/input1.jpg) repeat-x center;
box-shadow: 0 0 6px 2px #009900 inset;
border-radius: 4px;
}
#cadastro input:focus, input:hover {
box-shadow: 0 0 1px 1px #6CA6CD, 0 0 3px 3px #4A708B, 0 0 6px 2px #009900 inset;
}
#cadastro .send{
width:100px;
margin:10px auto;
cursor:pointer;
border:0;
}
#cadastro textarea {
width: 750px;
display:block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 4px;
border: 0;
color: #000033;
box-shadow: 0 0 6px 2px #009900 inset;
border-radius: 4px;
}
.enviar {
width:80px;
margin:10px auto;
cursor:pointer;
font-weight:bold;
border:0;
background-color:#009900;
color:#FFFFFF;
}
quinta-feira, 5 de julho de 2012
Gabarito Provão TPAS 2 - 2ª chamada
Se não conseguir enxergar a imgem, clique com o botão direito do mouse e grave-a em seu computador.
Abs,
Assinar:
Postagens (Atom)
