Hotspot login

**idaf** · 25-01-18, 20:22

καλησπερα παλικαριααα..!!!
Θα ηθελα μια βοηθεια σχετικα με ενα hotpsot login html.
Εχω ξεκινησει να γραφω κωδικα τον εχω τελειωσει ξερω τι θελω απλα δεν μπορω να το κανω στην τελικη μορφη που χρειαζεται δουλευω το brachets ..!!!
Αν μπορει καποιος να με βοηθησει . ευχαριστω παρα πολυ

**tsigarid** · 25-01-18, 22:37

Προσωπικά δεν μπορώ να σε βοηθήσω, αλλά ακόμα και να μπορούσα θα ήταν αδύνατον χωρίς να λές συγκεκριμένα το πρόβλημά σου, τι σφάλμα παίρνεις, να δείξεις λίγο κώδικα...

**idaf** · 25-01-18, 22:43

html (κωδικας)

<html>
<head>
<title>login form Desing</title>
<link rel="stylesheet" type="text/css" href="style.css"
<body>
<div class="loginbox">
<img src="15109606_682960515204637_659869459548912009_n.jpg" class="avatar">
<h1>Login here</h1>
<form>
<p>Username</p>
<input type="text" name="" placeholder="Enter Username">
<p>Password</p>
<input type="password" name"" placeholder="Enter Password">
<input type="submit" name="" value="Login">
</form>
</div>

</body>
</head>
</html>

CSS (κωδικας)
body{
margin: 0;
padding:0;
background: url(26735346_1980738475522979_839319235_o.jpg);
background-size: cover;
background-position: center;
font-family: sans-serif;

}

.loginbox{
width: 320px;
height: 220px;
background: #1111;
color: dodgerblue;
top: 50%;
left:50%;
position: absolute;
transform: translate(-50%,-50%);
box-sizing: content-box;
padding: 70px 30px;

}
.avatar{
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
top: -50px;
left: calc(50% - 50px);

}
h1{
margin: 0;
padding: 0 0 20px;
text-align: center;
font-size: 22px;

}
.loginbox p{
margin: 0;
padding: 0;
font-weight: bold;

}
.loginbox input{

width: 100%;
margin-bottom: 20px;
}
.loginbox input[type="text"], input[type="password"]
{
border: none;
border-bottom: 1px solid #fff;
background: transparent;
outline: none;
height: 40px;
color: black;
font-size: 16px;

}
.loginbox input[type="submit"]
{
border: none;
outline: none;
height: 40px;
background: #fff;
font-size: 18px;
border-radius: 20px;

}
.loginbox input[type="submit"]:hover
{
cursor: pointer;
background: #ffc108;
color: #000;

}
.loginbox a{
text-decoration: none;
font-size: 12px;
line-height: 20px;
color: darkgrey;

}

το θεμα ειναι αποτι παρατηρω οτι για να ανοιξει το backround πρεπει να ειναι οι εικονες στον ιδιο φακελο με τους κωδικες. Επισης λογικο οταν το ανεβαζω πανω σαν html μου βγαζει error 404

ευχαριστω πολυ

**tsigarid** · 25-01-18, 22:49

Κώδικας:

background: url(images/26735346_1980738475522979_839319235_o.jpg);

Βάλε αντί για images το relative path (not absolute) που θες και τέλος.

Για το error 404 πες παραπάνω, με το τσιγκέλι θα τα βγάζουμε; Τι κάνεις ακριβώς;

**idaf** · 25-01-18, 23:00

για την ακριβεια ασχολουμε με το mikrotik εκει αν εχετε δουλεψει πρεπει να αλλαξει το login.html με το δικο σου html . Οταν ανεβαζω το δικο μου html μου βγαινει αυτο το error 404 , οταν ανοιγω το html χωρις να το ανεβασω στο login του ΜΤ ανοιγει μια χαρα..!!!

Υπαρχει μηπως κανα αλλο προγραμμα να δοκιμασω ;;

**tsigarid** · 26-01-18, 04:43

Δεν έχω ιδέα τι είναι αυτό το πρόγραμμα, απλά HTML ξέρω

Παίζουν permissions; Μήπως δεν επιτρέπεις στο αρχείο να φαίνεται στο δίκτυο;

Θέμα: Hotspot login

Παρόμοια Θέματα

Ερώτησεις για Mikrotik Hotspot

Θέλω να ανοίξω ένα θέμα συζήτησης για hotspot

hotspot Zyxel 802.11n Hotspot Service Gateway with 200 Concurrent Device Support (UAG4100) + printer

LENOVO A6010 και χρήση σαν hotspot

Isolated Hotspot με Mikrotik router

Bookmarks

Bookmarks

Δικαιώματα - Επιλογές