|
HTML - How Do I Properly Create A Login/password Bar...
Ok I created a layout in photoshop and I want to know how to place the login/password bar onto my layout. The whole layout is cut into slices etc but when I place the bars where I want, the layout gets messed up.
Similar TutorialsNow then... I host with Aventure who use cPanel. I have created a passworded directory and have a number of users set up with usernames and passwords.. which is all very nice, but I can not find a way of adding Username and Password fields to a web page as oposed to clicking on a link which then brings up a seperate box to fill in (see www.strictly-smokin.co.uk). Any clues? I'd just like two fields for users to input their details without that box appearing... Cheers, mmiicchhaaeelll Hi, I'm new here. So i have problem, friend ask me for making a web but only in HTML cause portal on which she got account doesn't support PHP. And I'm wondering if there is some more or less easy way to create login/password protected access to the web form in HTML, that she can log in and then add posts on her website in way that I'm using right now writing this post. Of course all in HTML, if its not possible I will figure out something else. Thanks in advance. =] Is this possible? I remember seeing this somewhere but I don't really remember how to place the info in the address. Is it something like http://test.com@username:password ? Thanks! Hi, I have 6 users who need to access a roster on the website. only they are to view the roster can I use a flat file with their usernames and a passwords? Hey All! How Do i Create A Login Form That Allows certain users to go onto a 'thispage.html' but dosn't allow them to go onto 'thatpage.htm' How Do I Do That Please Help!!! could someone have a look at a site that I am working on... http://benjaminpotter.org/stpauls/ and tell me how come in IE the picture box moves off to the right... it has stumped me! I am looking for a script that will let the user enter a username and password once and then throughput that same info into subsequent pages. I have coded a html page that shows the feed from security cameras on my network at work. Each camera has its own IP. I have each one set to display as part of a table so that the cameras are laid out on a grid. Everything works great except that you have to input the username and password for each camera before they will display. Each one has the same login info so is there a way to script it to be entered once and have the code automatically submit it for the rest? I wish to attach a password to a Web site so that only persons who know the password can view the site. I have created some code, below, but it lacks a condition to restrict entry only to persons who know the password. The password must be "birthday" without the quotes. Could someone please tell me what statements must be added to accomplish my task? Thanks, Bill <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Password02</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> password: <INPUT TYPE=PASSWORD NAME="mypassword"> <P><INPUT TYPE=SUBMIT VALUE="submit"> <p>Password02</p> <table width="200" border="1"> <tr> <td><img src="DSCF0102.JPG" width="640" height="480"> </td> </tr> <tr> <td><img src="DSCF0104.JPG" width="480" height="640"></td> </tr> </table> <p> </p> </FORM> </body> </html> Look at this page: http://www.unit.org.uk/secure/ Can someone give me a HTML code for something like this. PS it has two passwords; buffalo and badwolf i have a webpage, i want to add a password facility. how can i do this? i want to store the passwords and logons on the server not on host as cookies. Your help would be greatly appreciated. Regards Shrekpete I'm new to HTML and to this forum, so hello everyone! I am a hands on kind of guy and i'm currently making a sort of interactive, info/game site. My question is: For this site I have a simple page (nothing to complex), and I want to have a box for lets say Enter Code: . Note this is not a user name/password just a password so to speak. If the password is correct it will take them to a new page. If not they will stay on the current one but get a error message. To keep it simple. User enters code ---- if correct --- new page ---- if wrong --- error message. Would this be done in Javascript? Can anyone help me with this? I know this is begginer stuff but everyone has to start somwhere. On another note is it possible to have it only allow three try's or it takes you to another page? I take it would be in JS using the ++ to count the attempts. hey anyone who's reading this.. i'm having trouble with fleshing out a vertical menu as when i do, it either doesn't work or doesn't work the way that i had imagined. any help? trying to make submenus that shift down the other main menus from the main menu it originated from. font style won't attach; i used ideoma_SPRAY.otf for the entirety of it and both the html and css are separated in the one txt file. wasn't sure if i was supposed to post this to html or css so i'm just putting it up here for now. thank you! Hello, i have an online radio station that id like to embed into my website... the station is hosted and everything..just want a player that will play the station on demand for people... but i dont know how to do it. I have a m3u, but thats about it at this point any help would be greatly appreciated hey everyone...I saw that you helped hasanoca,so I need same help.My site works in Safari,GGL Chrome and opera,but IE and mozilla won't open it right...everything is mixed up...so here is my site: Quote: *{ margin:0px auto; padding:0px; } body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFD68F; text-align:justify; background:url(../images/bg.JPG) left top repeat; } b{ color:#fff; text-decoration:underline; } strong{ color:#FEE9C4;} h1{ font-size:21px; font-weight:bold; color:#fff; margin:0px; padding:0px; } .clear{ clear:both; margin:0px; padding:0px; } .conten_area{ width:803px; margin:0px auto; padding:0px 0px 0px 200px; } .sub_menu{ width:150px; float:right; margin:0px; padding:35px 0px 7px 0px; font-weight:bold; } .sub_menu a{ text-decoration:none; color:#fff; } .sub_menu a:hover{ text-decoration:none; color:#fff; } .sub_menu a.active { color:#f9be58; text-decoration:none; } .workzone{ width:604px; float:left; padding:0px 0px 50px 0px; margin:0px 0px 0px 0px; } .header{ width:237px; float:left; margin:0px 0px 0px 0px; padding:357px 33px 0px 334px; background-image: url(../images/header_img.jpg); background-repeat: no-repeat; background-position: 0px 0px; } .menu_heading{ text-align:right; margin:0px; padding:0px 0px 0px 0px; } .menu{ width:140px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:0px; padding:10px 0px 0px 0px; } .menu ul{ margin:0px; padding:0px; } .menu li{ list-style-type:none; margin:0px; text-align:right; padding:5px 20px 0px 0px; background-image: url(../images/bullet.GIF); background-repeat: no-repeat; background-position: right 10px; } .menu li a{ text-decoration:none; color:#fff; } .menu li a:hover{ text-decoration:none; color:#fff; } /* content master */ .content{ width:556px; float:left; padding:0px 24px 45px 24px; margin:0px; background: url(../images/content_bg.jpg) left bottom no-repeat; } /* welcome */ .welcome{ width:556px; float:left; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; } .welocme_heading{ width:505px; float:left; font-size:21px; font-weight:bold; color:#7C150A; margin:0px; padding:0px 27px 11px 24px; } .welcome_top{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/welcome_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; } .welcome_content{ width:505px; margin:0px; padding:0px 27px 0px 24px; background-image: url(../images/welcome_bg.jpg); background-repeat: repeat-y; background-position: 0px 0px; text-align:justify; } .welcome_bottom{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/welcome_bottom.jpg); background-repeat: no-repeat; background-position: 0px 0px; } /* services */ .services{ width:556px; float:left; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; } .services_heading{ width:505px; float:left; font-size:21px; font-weight:bold; color:#000; margin:0px; padding:0px 27px 11px 24px; } .services_top{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/services_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; } .services_content{ width:505px; margin:0px; padding:0px 27px 0px 24px; background-image: url(../images/services_bg.jpg); background-repeat: repeat-y; background-position: 0px 0px; } /* services category */ .web_design{ width:149px; float:left; margin:0px; padding:0px 12px 0px 0px; border-right:1px dotted #FEE9C4; } .web_design_heading{ width:113px; float:left; font-size:11px; font-weight:bold; margin:0px; padding:6px 0px 9px 36px; background-image: url(../images/img.jpg); background-repeat: no-repeat; background-position: left 0px; } .web_design_content{ width:149px; float:left; margin:0px; padding:5px 0px 0px 0px; } /* logo category */ .logo_design{ width:149px; float:left; margin:0px; padding:0px 12px 0px 16px; border-right:1px dotted #FEE9C4; } .logo_design_heading{ width:113px; float:left; font-size:11px; font-weight:bold; margin:0px; padding:6px 0px 9px 36px; background-image: url(../images/img2.jpg); background-repeat: no-repeat; background-position: left 0px; } .logo_design_content{ width:149px; float:left; margin:0px; padding:5px 0px 0px 0px; } /* icon category */ .icon_design{ width:149px; float:left; margin:0px; padding:0px 0px 0px 16px; } .icon_design_heading{ width:113px; float:left; font-size:11px; font-weight:bold; margin:0px; padding:6px 0px 9px 36px; background-image: url(../images/img3.jpg); background-repeat: no-repeat; background-position: left 0px; } .icon_design_content{ width:149px; float:left; margin:0px; padding:5px 0px 0px 0px; } .services_bottom{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/services_bottom.jpg); background-repeat: no-repeat; background-position: 0px 0px; } /* our client */ .our_client{ width:556px; float:left; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; } .our_client_heading{ width:505px; float:left; margin:0px; font-size:21px; font-weight:bold; color:#7B3903; padding:0px 27px 11px 24px; } .our_client_top{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/client_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; } .our_client_content{ width:298px; height:194px; margin:0px; padding:25px 234px 49px 24px; background-image: url(../images/client_content.gif); background-repeat: repeat-y; background-position: 0px 0px; text-align:justify; } .our_client_list{ width:270px; float:left; margin:0px; padding:10px 0px 0px 0px; } .our_client_list ul{ margin:0px; padding:0px 0px 0px 15px; } .our_client_list li{ list-style-type:disc; margin:0px; padding:4px 0px 0px 0px; } .our_client_list li a{ text-decoration:underline; color:#FFEFD2; } .our_client_list li a:hover{ text-decoration:none; color:#FFEFD2; } .our_client_bottom{ width:556px; height:20px; float:left; margin:0px; padding:0px; background-image: url(../images/client_bottom.jpg); background-repeat: no-repeat; background-position: 0px 0px; } /* footer */ .footer{ width:604x; padding:20px 0px 0px 0px; margin:0px 0px 0px 0px; } .footer_menu{ width:604px; float:left; text-align:center; color:#F3E8D2; text-transform:uppercase; background:#333; } .footer_menu ul { margin:0px; padding:0px; } .footer_menu li { display:inline; list-style-type:none; margin:0px; border-right:1px solid #ffe1ad; padding:0px 5px 0px 5px; } .footer_menu li a{ text-decoration:none; color:#F3E8D2;} .footer_menu li a:hover{ text-decoration:none; color:#F3E8D2;} /* link */ a { color:#ffffff; text-decoration:underline; } a:hover { text-decoration:none; } p a{ text-decoration:none; color:#fff; float:right;} p a:hover{ text-decoration:none; color:#fff; float:right} /* Inside Style Start Here */ .insidebanner { height:332px; background:url(../images/insidebanner.jpg) left top no-repeat; } h5 { font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:100; padding:0px 0px 5px 0px; border-bottom:1px dotted #ffffff; margin:0px 0px 10px 0px; } h6 { font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:100; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; } .ourvalue { margin:10px 0px 0px 0px; } .aboutus-img { float:right; border:4px solid #b0a48b; margin:0px 0px 10px 20px; } .aboutcolumnzone { padding:20px 0px 16px 0px; } .aboutcolumn1 { width:48%; float:left; margin:0px 0px 10px 0px; } .aboutcolumn2 { width:48%; float:right; margin:0px 0px 10px 0px; } .abouticon { float:left; margin:0px 20px 0px 0px; } .servicecolumnzone { padding:20px 0px 16px 0px; } .servicecolumn1 { width:48%; float:left; margin:0px 0px 10px 0px; } .servicecolumn2 { width:48%; float:right; margin:0px 0px 10px 0px; } .our-comment { margin:10px 0px 0px 0px; } .blog-posted-row { padding:3px; } .ourprojectrow { margin-bottom:20px; border-bottom:1px dotted #000000; padding-bottom:10px; } .project-img { float:right; margin-left:20px; border: 6px solid #b0a48b; } input.button { color:#ffffff; background:#414141; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0; border:1px solid #000000; } input.button:hover { cursor:pointer; color:#cccccc; } .insidereadmore { padding:10px 0px 10px 0px; } /* Inside Style End Here */ I'm trying to customize a template that has a username and password field, and I want it to be the login to my forum. Below is the code that I have, what do I need to edit? <div id="header"> <div id="userbar"> <form action="#"> <label for="username">Username:</label> <input type="text" id="username" name="user" size="20" /> <label for="password">Password:</label> <input type="password" id="password" name="pass" size="20" /> <input type="submit" value="Login" id="login" /> </form> How can I make a simple Username and password function on one of my sites? mvh Prosit I want an input field to input a password, however I dont want it to look like a password field. I would like to dispay a default text of the date in plain text and when the user enters text into the field it is displayed as an obscured password. I use Code: <input class="exiter" <?php echo ("value=\"".date("d/m/Y")."\""); ?> type="text" name="Exiter" maxlength="10" size="10" >
To display the date in plain text. But obviously when I enter data it is displayed in plain text. If I change the type to password the date is displayed as obscured text. Is this possible? I'm sorry if this question has been asked hundreds of times! I am trying to make a form which has a password box and a button, and the button relates back to the password entered - so if someone typed a specific word into the password box, they'd get onto the website, but if they didn't it would have an alert telling them it was wrong. This is what I've got so far: <body> <div style="text-align: center;"> <table style="margin-left: auto; margin-right: auto; text-align: left; width: 499px; height: 439px;" background="http://www.freewebs.com/lucymarshall/ipods.jpg" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top; text-align: center;"><small><small><span style="font-family: helvetica,arial,sans-serif;">What is the surname of the current headmaster?</span></small></small><br> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> </tr> <tr> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> <br> <br> <div style="text-align: center;"><small><small style="font-family: helvetica,arial,sans-serif;"><small><br> <br> <br> Name</small><span style="font-family: helvetica,arial,sans-serif;">: </span></small><br> <input name="password2" size="10" type="password"> <br> </small></div> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> </tr> <tr> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top; text-align: center; font-family: helvetica,arial,sans-serif;"> <input value="A-Go-Go!" type="button"> <br> </td> <td style="vertical-align: top;"><br> </td> <td style="vertical-align: top;"><br> </td> If you could help me I would be SO grateful. Thanks! I have just set up a subfolder on my website as a standalone service. I have done this several times before and it had always worked fine. This time, when I try to reach the subfolder, it asks for a password and says that the main folder is requesting this. If I type the password of my FTP access it lets me into the site. I have gone through all the properties of the Main Site and the Sub Site and cannot see why this is happening. If any one has seen this one before, I would be pleased to hear from you. I am sorry, I don't think this is the correct topic, but I have no idea where to put it. Can someone please tell me how to generate this kind of password prompt? Everyone will have the same login/password, I will probably change it once a year, so there is no need for a form. I need to know how to create it, it's probably the most boring prompt, but its for a group of guys who don't care. I just need to tell them, this is where you go, enter this and it gives you the information. The entire site is html, so there is nothing they will change or add. Thank you, ~eDee |
|||||||