Ir para conteúdo
Fórum Script Brasil

Douglas_2010

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    8

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por Douglas_2010

  3. Problema na Tela login HTML !

    em HTML, XHTML, CSS

    Postado

    Galera estou com essa pagina de login Em HTML sem precisar de banco de dados so que não to conseguindo chamar o arquivo css o quem tem de errado 

    <html lang="en-US"><head>

    <meta charset="utf-8">

    <title>Login</title>

 </head>
   
    <link rel=”stylesheet” type=”text/css” href=”stylle.css” />

  </head>

  <body>

    <div class="container">

      <div id="login">

        <h2><span class="fontawesome-lock"></span>Sign In</h2>

        <form action="#" method="POST">

          <fieldset>

            <p><label for="email">E-mail address</label></p>
            <p><input type="email" id="email" placeholder="mail@address.com"></p>

            <p><label for="password">Password</label></p>
            <p><input type="password" id="password" placeholder="password"></p>

            <p><input type="submit" value="Sign In"></p>

          </fieldset>

        </form>

      </div> <!-- end login -->

    </div>

  </body>	
</html>

    o arquivo css e esse 

    {\rtf1\ansi\ansicpg1252\cocoartf1347\cocoasubrtf530
{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural

\f0\fs24 \cf0 $color: #000;\
$color-bg: #c0c0c0;\
\
/* ---------- FONTAWESOME ---------- */\
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */\
/* ---------- http://weloveiconfonts.com/ ---------- */\
\
@import url(http://weloveiconfonts.com/api/?family=fontawesome);\
\
/* ---------- ERIC MEYER'S RESET CSS ---------- */\
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */\
\
@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);\
\
/* ---------- FONTAWESOME ---------- */\
\
[class*="fontawesome-"]:before \{\
  font-family: 'FontAwesome', sans-serif;\
\}\
\
/* ---------- GENERAL ---------- */\
\
* \{\
  box-sizing: border-box;\
\
  &:before,\
  &:after \{\
    box-sizing: border-box;\
  \}\
  \
\}\
\
body \{\
	background: $color-bg;\
	color: $color;\
	font: 100%/1.5em "Varela Round", sans-serif;\
  margin: 0;\
\}\
\
input \{\
  background-image: none;\
  border: none;\
  font: 100%/1.5em "Varela Round", sans-serif;\
  margin: 0;\
  padding: 0;\
  transition: all .3s;\
\}\
\
.container \{\
  left: 50%;\
  position: fixed;\
  top: 50%;\
  transform: translate(-50%, -50%);\
\}\
\
/* ---------- LOGIN ---------- */\
\
#login \{\
	width: 400px;\
\}\
\
#login h2 \{\
	background: #f95252;\
	border-radius: 20px 20px 0 0;\
	color: #fff;\
	font-size: 28px;\
	padding: 20px 26px;\
\}\
\
#login h2 span[class*="fontawesome-"] \{\
	margin-right: 14px;\
\}\
\
#login fieldset \{\
	background: #fff;\
	border-radius: 0 0 20px 20px;\
	padding: 20px 26px;\
\}\
\
#login fieldset p \{\
	color: #777;\
	margin-bottom: 14px;\
\}\
\
#login fieldset p:last-child \{\
	margin-bottom: 0;\
\}\
\
#login fieldset input \{\
	border-radius: 3px;\
\}\
\
#login fieldset input[type="email"], #login fieldset input[type="password"] \{\
	background: #eee;\
	color: #777;\
	padding: 4px 10px;\
	width: 100%;\
\}\
\
#login fieldset input[type="submit"] \{\
	background: #33cc77;\
	color: #fff;\
	display: block;\
	margin: 0 auto;\
	padding: 4px 0;\
	width: 100px;\
\}\
\
#login fieldset input[type="submit"]:hover \{\
	background: #28ad63;\
\}}

    Por favor galera me ajuda !

×
×
  • Criar Novo...