Jump to content
  • Sky
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal

Recommended Posts

hola amigos quisiera me adaptaran este login abajo les dejo todo descrito. 

 

el login lo necesito para un theme que estoy haciendo y espero publicarlo lo más pronto posible. estoy en localhost. 

 

sito del login: http://cssdeck.com/labs/ryn8lp74

 

Cacptura

 

ndBH6RQ.png

 

HTML

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

	<meta charset="utf-8">

	<title>Login</title>

	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Varela+Round">

	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

</head>

<body>

	<div id="login">

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

		<form action="javascript:void(0);" method="POST">

			<fieldset>

				<p><label for="email">E-mail address</label></p>
				<p><input type="email" id="email" value="[email protected]" onBlur="if(this.value=='')this.value='[email protected]'" onFocus="if(this.value=='[email protected]')this.value=''"></p> <!-- JS because of IE support; better: placeholder="[email protected]" -->

				<p><label for="password">Password</label></p>
				<p><input type="password" id="password" value="password" onBlur="if(this.value=='')this.value='password'" onFocus="if(this.value=='password')this.value=''"></p> <!-- JS because of IE support; better: placeholder="password" -->

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

			</fieldset>

		</form>

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

</body>	
</html>

CSS

@charset "utf-8";
/* CSS Document */

/* ---------- 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 ---------- */

body {
	background-color: #C0C0C0;
	color: #000;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}

input {
	border: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	-webkit-appearance: none;
}

/* ---------- LOGIN ---------- */

#login {
	margin: 50px auto;
	width: 400px;
}

#login h2 {
	background-color: #f95252;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	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-color: #fff;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	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 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#login fieldset input[type="email"], #login fieldset input[type="password"] {
	background-color: #eee;
	color: #777;
	padding: 4px 10px;
	width: 328px;
}

#login fieldset input[type="submit"] {
	background-color: #33cc77;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 4px 0;
	width: 100px;
}

#login fieldset input[type="submit"]:hover {
	background-color: #28ad63;
}

Gracias. 

Compartir este post


Enlace al post
Compartir en otros sitios

mira aqui  deje este login

 funciona para la 1.1  y la  1.2 solo cambiale  los colores del  header no mas

 

Gracias lo probaré, pero este cubre toda la pantalla?? osea que el usuario al ingresar no puede ver la home sino que ve el login directamente¡????

Compartir este post


Enlace al post
Compartir en otros sitios

mira aqui  deje este login

 funciona para la 1.1  y la  1.2 solo cambiale  los colores del  header no mas

 

esta lindo tu login ya lo probé, pero me podrias adaptar el que quiero??? yo lo quiero solo que salga el cuadrito en la home asi como se ve. 

Compartir este post


Enlace al post
Compartir en otros sitios

Me parece que vos queres un login pero no se obligatorio para ver la web. Osea como el login comun, pero con ese diseño, si es asi, solo deberias editar el .css ! avisame si necesitas eso!

Compartir este post


Enlace al post
Compartir en otros sitios

Registra una cuenta o conéctate para comentar

Debes ser un miembro de la comunidad para dejar un comentario


  • Similar Content

    • Por Aportando
      Hola estimados usuarios, antes que nada me presento, mi web es web.aportando.net
      En esta ocasión los molesto debido a que necesito integrar un chat cbox en mi web PHPost risus, y no tengo ni idea de como hacerlo.
       
      Por lo que tengo entendido se pueden integrar:
      - Nombre de usuario
      - Img de perfil o avatar
      - Enlace al perfil
       
      El chat yo lo quiero tener en toda la web, (fixed en la esquina a la derecha de la web, y que lo vean solo usuarios registrados)
       
      Desde ya muchas gracias, tambien necesitaría que me ayuden a personalizar el chat si es posible, cualquier code me es útil, tengo muy poca creatividad y no soy un muy buen diseñador ni mucho menos.
    • Por lwero12
      hola amigos  me podrian ayudar mira que tengo un problema con mi web que cuando se registran no sale la imagen del captcha y por lo tanto no se puede registrar las personas y ya me notificaron eso en la pagina de face y pues qeria saber si tu sabesn como solucionarlo les agradecere muxo aqui dejo el link de mi web por si me ayudan de antemano gracias saludes desde Honduras    pagina web: http://intercambio.16mb.com/   direccion de face: https://www.facebook...5014208?fref=nf  
    • Por lwero12
      Hola amigos ando buscando un mod de facebook para que la persona tenga opcion de registrarse por medio de facebook saben si hay alguno para la version de phpost nueva les agradeceere si me ayudan
    • Por sondeo
      creen que se pueda hacer un mod o some update
       
      que cambie de idioma alos paises ?
       
       
      estoy ahorita haciendo algo en una web en ingles
       
      y pues cuando un usuario se registra muestra :
       
      Estados Unidos
       
      en vez de
       
      United States
       
       
      andube viendo y seria un embole cambiar todo eso en las files de donde estan los nombres de los paises
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

×