טופס היתחברות של גוגל

                          קוד

<!DOCTYPE html><!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body {font-family: Arial, Helvetica, sans-serif;}
.sze{font-size: 12px;}
/* Full-width input fields */input[type=text], input[type=password] {    width: 100%;    padding: 12px 20px;    margin: 8px 0;    display: inline-block;    border: 1px solid #ccc;    box-sizing: border-box;}
/* Set a style for all buttons */button {    background-color: #4CAF50;    color: white;    padding: 14px 20px;    margin: 8px 0;    border: none;    cursor: pointer;    width: 100%;}
button:hover {    opacity: 0.8;}
/* Extra styles for the cancel button */.cancelbtn {    width: auto;    padding: 10px 18px;    background-color: #f44336;}
/* Center the image and position the close button */.imgcontainer {    text-align: center;    margin: 24px 0 12px 0;    position: relative;}
img.avatar {    width: 40%;    border-radius: 50%;}
.container {    padding: 16px;}
span.psw {    float: right;    padding-top: 16px;}
/* The Modal (background) */.modal {    display: none; /* Hidden by default */    position: fixed; /* Stay in place */    z-index: 1; /* Sit on top */    left: 0;    top: 0;    width: 100%; /* Full width */    height: 100%; /* Full height */    overflow: auto; /* Enable scroll if needed */    background-color: rgb(0,0,0); /* Fallback color */    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */    padding-top: 60px;}
/* Modal Content/Box */.modal-content {    background-color: #fefefe;    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */    border: 1px solid #888;    width: 80%; /* Could be more or less, depending on screen size */}
/* The Close Button (x) */.close {    position: absolute;    right: 25px;    top: 0;    color: #000;    font-size: 35px;    font-weight: bold;}
.close:hover,.close:focus {    color: red;    cursor: pointer;}
/* Add Zoom Animation */.animate {    -webkit-animation: animatezoom 0.6s;    animation: animatezoom 0.6s}
@-webkit-keyframes animatezoom {    from {-webkit-transform: scale(0)}     to {-webkit-transform: scale(1)}}    @keyframes animatezoom {    from {transform: scale(0)}     to {transform: scale(1)}}
/* Change styles for span and cancel button on extra small screens */@media screen and (max-width: 300px) {    span.psw {       display: block;       float: none;    }    .cancelbtn {       width: 100%;    }}</style></head><body>
<button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">click hear to login</button>

מודעות פרסומת

2 comments

  1. Thankѕ for another fantastic post. The place ekse could anyone get
    that kind of informatrion in such an ideal approach of writing?

    I've a presentation sᥙsequent week, and I'm on the sеarch for sһch info.

  2. I'm not ѕure exactly why but this weƄ site is loading very slow for mе.
    Is anyone else having this problem or is it a issue on my end?
    I'll check bazck later on and see if thee prߋblem still exists.

להשאיר תגובה

הזינו את פרטיכם בטופס, או לחצו על אחד מהאייקונים כדי להשתמש בחשבון קיים:

הלוגו של WordPress.com

אתה מגיב באמצעות חשבון WordPress.com שלך. לצאת מהמערכת /  לשנות )

תמונת גוגל פלוס

אתה מגיב באמצעות חשבון Google+ שלך. לצאת מהמערכת /  לשנות )

תמונת Twitter

אתה מגיב באמצעות חשבון Twitter שלך. לצאת מהמערכת /  לשנות )

תמונת Facebook

אתה מגיב באמצעות חשבון Facebook שלך. לצאת מהמערכת /  לשנות )

מתחבר ל-%s