29.12.2015 23:31:18
нужна помощь со стартовой
есть два варианта одной стартовой:
первый код:
второй код:
и там и там одна проблема - не могу приковать поля для ввода логина с паролем к местам для них на фоне..плиз, хелп!)
пы.сы. я начинающий писатель) я только учусь)) не судите строго))
первый код:
<html>
<head>
<title>Форма входа</title>
</head>
<body>
<style>
body {background:url(http://zagruzitfoto.com/images/2015/12/29/b6Z3u.jpg) no-repeat; margin: 0 auto; background-position: top;}
.form {width: 200px; margin: 0 auto; top: 0px; position: absolute; left: 0px;}
</style>
<div class="form">
<form name=login method=post action=/>
<input type=hidden name=sess>
<input type=hidden name=ref value=%GET('ref')%>
<table>
<tr><td colspan=2 align=center><h2>Вход в чат</h2></td></tr>
<tr><td>Ник:</td><td><input name=nick size=30></td></tr>
<tr><td>Пароль:</td><td><input name=pass type=password size=30></td></tr>
<tr><td colspan=2 align=center><input type=submit value="Залогиниться"></td></tr>
</table>
</form>
<script src=/js/login.jsa></script>
<script src=/js/md5.js></script>
Информация информация информация информация информация информация информация информация информация информация
</div>
</body>
</html>
<head>
<title>Форма входа</title>
</head>
<body>
<style>
body {background:url(http://zagruzitfoto.com/images/2015/12/29/b6Z3u.jpg) no-repeat; margin: 0 auto; background-position: top;}
.form {width: 200px; margin: 0 auto; top: 0px; position: absolute; left: 0px;}
</style>
<div class="form">
<form name=login method=post action=/>
<input type=hidden name=sess>
<input type=hidden name=ref value=%GET('ref')%>
<table>
<tr><td colspan=2 align=center><h2>Вход в чат</h2></td></tr>
<tr><td>Ник:</td><td><input name=nick size=30></td></tr>
<tr><td>Пароль:</td><td><input name=pass type=password size=30></td></tr>
<tr><td colspan=2 align=center><input type=submit value="Залогиниться"></td></tr>
</table>
</form>
<script src=/js/login.jsa></script>
<script src=/js/md5.js></script>
Информация информация информация информация информация информация информация информация информация информация
</div>
</body>
</html>
второй код:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Вдох Свободы</title>
<style type="text/css">
<!--
body {
background-color: #000000;
text-align:center;
}
a {
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
#wrap {
width:1200px;
text-align:left;
margin:0 auto;
}
.form {
background: url() no-repeat;
width: 10px;
height:170px;
right: 547px;
top: 248px;
position: absolute;
}
.form_imput {
width: 120px;
height: 23px;
left: 64px;
top: 27px;
position: absolute;
}
.login_input {
background:url();
width: 120px;
height: 24px;
border:1px solid #ffffff;
color: #ffffff;
font-family: Trebuchet MS;
font-size: 15px;
vertical-align: bottom;
}
.password {
margin: 23px 10 0 0px;
}
.ok {
top: 100px;
left: 158px;
display: block;
position: absolute;
}
.float-l {
float:left
}
.folat-r {
float:right
}
.right {
width: 150px;
padding:0 45px
}
#side {
padding-top: 185px;
}
#side #top {
height: 200px;
}
/* header */
#header {
background:url(http://imgs.su/users/26305/1451250701.jpg) no-repeat;
height:178px
}
ul#nav li { display: inline; position:relative; top:90px; left:775px; padding:0 20px} /* content */ #inner { height: 474px; padding:0 55px} #content { background:url(http://imgs.su/users/26305/1451255603.jpg) no-repeat;
height: 340px
}
#content .left h2 {
color:#fff;
font-size:30px;
padding:20px 0
}
#content p {
padding-bottom:10px;
width: 340px;
color:#a6d6e5
}
#content .right h2 {
font-size:22px;
color:#fff;
padding:20px 0
}
#content .right a:hover {
text-decoration:none;
}
#content a {
color: #000000;
font-weight:700
}
#content a:hover {
color: #0000;
font-weight:700
}
.left {
padding:0 30px
}
#content ul.meun a {
color:#2d229d;
text-decoration:underline;
line-height:80px
}
/* footer */
#footer {
color: #a6d6e5;
background:url(http://imgs.su/users/26305/1451250960.jpg) no-repeat;
height:177px;
padding-left: 55px;
}
#header a, #footer a {
color:#FFFFFF
}
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
-->
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<ul id="nav">
<li class="home"><a href=http://freedom.august4u.ru/rules>Правила</a></li>;
<li class="home"><a href=http://sweety.forum2x2.ru/>Конфетка</a></li>;
<li class="home"><a href=http://freedom.august4u.ru/people/>Люди</a></li>;
<li class="about"><a href=http://freedom.august4u.ru/people/form>Рега</a></li>;
</ul>
</div>
<!-- /header -->
<div id="content">
<div id="inner">
<div class="right folat-r">
<div id="side">
<ul class="meun">
<div class="form">
<div class="ok"><a href="#_nojs" onClick="passCrypt(); document.login.submit(); return false;" id="ok"><img src="http://imgs.su/users/26305/1451255515.png"</a></div>
<div class="form_imput">
<form name="login" method="post" action="/">
<input type="hidden" name="sess">
<input type="hidden" name="ref" value="">
<div class="login_ok"><span class="ok" onmouseover="this.id='ok_hover'" onmouseout="this.id=''" onclick="passCrypt(); document.login.submit(); return false;" ></span></div>
<div class="login"><input type="text" name="nick" value="" class="login_input"></div>
<div class="password"><input type="password" name="pass" value="" class="login_input"></div>
<input type="submit" style="display: none">
</form>
<script src="/js/login.jsa" type="text/javascript"></script>
<script src="/js/md5.js" type="text/javascript"></script>
</div></div>
<li><font size="+1"></font></li>
<img src="">
</ul>
</div>
</div>
</div>
</div>
<!-- /content -->
<div id="footer">
</div>
<!-- /footer -->
</div>
</body>
</html>
<object width="0" height="0"><param name="movie" value="http://embed.pleer.com/normal/track?id=B4x6juBcxkq1jBx03&t=grey&a=yes"></param><embed src="http://embed.pleer.com/normal/track?id=B4x6juBcxkq1jBx03&t=grey&a=yes" type="application/x-shockwave-flash" width="0" height="0"></embed></object><br> <small><a href="http://pleer.com/tracks/8266602baxx" target="_blank">
<script language="JavaScript1.2" type="text/javascript">
snejinki=new Array(3); // количество снежинок
// Картинки - снежинки
Image0=new Image(); Image0.src=snejinki[0]="http://yraaa.ru/test/131/img/sneg1.png";
Image1=new Image(); Image1.src=snejinki[1]="http://yraaa.ru/test/131/img/sneg2.png";
Image2=new Image(); Image2.src=snejinki[2]="http://yraaa.ru/test/131/img/sneg3.png";
Amount=15; // густота снега
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*snejinki.length);
rndPic=snejinki[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*snejinki.length);
rndPic=snejinki[P];//osw
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=600;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= 1.2;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.2;
}
function fall(){
var WinHeight=600;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=1;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',50); // скорость снежинок
}
window.onload=fall
//-->
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Вдох Свободы</title>
<style type="text/css">
<!--
body {
background-color: #000000;
text-align:center;
}
a {
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
#wrap {
width:1200px;
text-align:left;
margin:0 auto;
}
.form {
background: url() no-repeat;
width: 10px;
height:170px;
right: 547px;
top: 248px;
position: absolute;
}
.form_imput {
width: 120px;
height: 23px;
left: 64px;
top: 27px;
position: absolute;
}
.login_input {
background:url();
width: 120px;
height: 24px;
border:1px solid #ffffff;
color: #ffffff;
font-family: Trebuchet MS;
font-size: 15px;
vertical-align: bottom;
}
.password {
margin: 23px 10 0 0px;
}
.ok {
top: 100px;
left: 158px;
display: block;
position: absolute;
}
.float-l {
float:left
}
.folat-r {
float:right
}
.right {
width: 150px;
padding:0 45px
}
#side {
padding-top: 185px;
}
#side #top {
height: 200px;
}
/* header */
#header {
background:url(http://imgs.su/users/26305/1451250701.jpg) no-repeat;
height:178px
}
ul#nav li { display: inline; position:relative; top:90px; left:775px; padding:0 20px} /* content */ #inner { height: 474px; padding:0 55px} #content { background:url(http://imgs.su/users/26305/1451255603.jpg) no-repeat;
height: 340px
}
#content .left h2 {
color:#fff;
font-size:30px;
padding:20px 0
}
#content p {
padding-bottom:10px;
width: 340px;
color:#a6d6e5
}
#content .right h2 {
font-size:22px;
color:#fff;
padding:20px 0
}
#content .right a:hover {
text-decoration:none;
}
#content a {
color: #000000;
font-weight:700
}
#content a:hover {
color: #0000;
font-weight:700
}
.left {
padding:0 30px
}
#content ul.meun a {
color:#2d229d;
text-decoration:underline;
line-height:80px
}
/* footer */
#footer {
color: #a6d6e5;
background:url(http://imgs.su/users/26305/1451250960.jpg) no-repeat;
height:177px;
padding-left: 55px;
}
#header a, #footer a {
color:#FFFFFF
}
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
-->
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<ul id="nav">
<li class="home"><a href=http://freedom.august4u.ru/rules>Правила</a></li>;
<li class="home"><a href=http://sweety.forum2x2.ru/>Конфетка</a></li>;
<li class="home"><a href=http://freedom.august4u.ru/people/>Люди</a></li>;
<li class="about"><a href=http://freedom.august4u.ru/people/form>Рега</a></li>;
</ul>
</div>
<!-- /header -->
<div id="content">
<div id="inner">
<div class="right folat-r">
<div id="side">
<ul class="meun">
<div class="form">
<div class="ok"><a href="#_nojs" onClick="passCrypt(); document.login.submit(); return false;" id="ok"><img src="http://imgs.su/users/26305/1451255515.png"</a></div>
<div class="form_imput">
<form name="login" method="post" action="/">
<input type="hidden" name="sess">
<input type="hidden" name="ref" value="">
<div class="login_ok"><span class="ok" onmouseover="this.id='ok_hover'" onmouseout="this.id=''" onclick="passCrypt(); document.login.submit(); return false;" ></span></div>
<div class="login"><input type="text" name="nick" value="" class="login_input"></div>
<div class="password"><input type="password" name="pass" value="" class="login_input"></div>
<input type="submit" style="display: none">
</form>
<script src="/js/login.jsa" type="text/javascript"></script>
<script src="/js/md5.js" type="text/javascript"></script>
</div></div>
<li><font size="+1"></font></li>
<img src="">
</ul>
</div>
</div>
</div>
</div>
<!-- /content -->
<div id="footer">
</div>
<!-- /footer -->
</div>
</body>
</html>
<object width="0" height="0"><param name="movie" value="http://embed.pleer.com/normal/track?id=B4x6juBcxkq1jBx03&t=grey&a=yes"></param><embed src="http://embed.pleer.com/normal/track?id=B4x6juBcxkq1jBx03&t=grey&a=yes" type="application/x-shockwave-flash" width="0" height="0"></embed></object><br> <small><a href="http://pleer.com/tracks/8266602baxx" target="_blank">
<script language="JavaScript1.2" type="text/javascript">
snejinki=new Array(3); // количество снежинок
// Картинки - снежинки
Image0=new Image(); Image0.src=snejinki[0]="http://yraaa.ru/test/131/img/sneg1.png";
Image1=new Image(); Image1.src=snejinki[1]="http://yraaa.ru/test/131/img/sneg2.png";
Image2=new Image(); Image2.src=snejinki[2]="http://yraaa.ru/test/131/img/sneg3.png";
Amount=15; // густота снега
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*snejinki.length);
rndPic=snejinki[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*snejinki.length);
rndPic=snejinki[P];//osw
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=600;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= 1.2;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.2;
}
function fall(){
var WinHeight=600;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=1;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',50); // скорость снежинок
}
window.onload=fall
//-->
</script>
и там и там одна проблема - не могу приковать поля для ввода логина с паролем к местам для них на фоне..плиз, хелп!)
пы.сы. я начинающий писатель) я только учусь)) не судите строго))