Как ще стане такава форма ?

topchokt · 11 Май 2009

Здравейте как мога да направя ето такава форма http://7h3killers.tk/ тето е за логин . Сайтами е интегриран с phpbb3

Zion · 11 Май 2009

На мен ми излиза следното

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="generator" content="Macromedia Dreamweaver 8.0">
<link rel="SHORTCUT ICON" href="http://DoktorCS.HIT.BG/favicon.ico" />
<meta name="copyright" content="2009-2010 NiNjAN" />
<meta name="author" content="NiNjAN" />

<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

<style type="text/css">
div#container
{
	position:relative;
	width: 987px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}
body {text-align:center;margin:0}
</style>

</head>

<body background="images/bg.jpg" bgColor="#F0F0F0">

<div id="container">
<div id="shape1" style="position:absolute; overflow:hidden; left:29px; top:14px; width:948px; height:983px; z-index:0"><img border=0 width="100%" height="100%" alt="" src="images/shape16276000.gif"></div>

<div id="html1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:10px; height:10px; z-index:1">
<Style>
<input,body {
background: #323232;
font-family: sans-serif;
font-size: 12px;
color: #ffc585;
}

a {
color: #FFF;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

hr {
background: url(images/hr.gif);
border: none;
height: 1px;
}

#cont {
border: 1px #141414 solid;
background: #2b2b2b;
}

#menu {
background: url(images/navbg.gif);
border: 1px #141414 solid;
font-size: 12px;
margin: 0 auto;
padding: 0;
position: relative;
height: 29px;
line-height: 25px;
}

#menu a {
color: #fff;
display: block;
float: left;
padding: 0 15px;
}

.btn {
background: url(images/btn.gif);
color: #fff;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #94BAD6;
background-color: #EDF3F8;
}

.brd_t {
border: 1px #BDB9AE solid;
}

.brd_t h1 {
margin: 0;
padding: 0;
font-size: 12px;
background: #2b2b2b;
}

.field {
background: url(images/field.gif) no-repeat;
border: none;
width: 150px;
height: 20px;
padding: 3px;
font-size: 10px;
font-weight: bold;
color: #A7A69E;
}

#main {
background: #f9f9f9;
}

#menubg {
background: url(images/back.gif) repeat-x;
border: 1px #010000 solid;
height: 24px;
line-height: 25px;
color: #FFF;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
text-align: center;
}

.brd {
border: 1px #010000 solid;
padding: 5px;
background: #323232;
}

#footer {
border: 0px;
background: url(images/footer.gif) repeat-x;
font-size: 9px;
color: #636161;
}

</Style></div>

<div id="shape2" style="position:absolute; overflow:hidden; left:34px; top:149px; width:146px; height:250px; z-index:2"><img border=0 width="100%" height="100%" alt="" src="images/shape18033640.gif"></div>

<div id="image1" style="position:absolute; overflow:hidden; left:39px; top:153px; width:136px; height:25px; z-index:3"><img src="images/navbarss.bmp" alt="" border=0 width=136 height=25></div>

<div id="text2" style="position:absolute; overflow:hidden; left:39px; top:156px; width:136px; height:23px; z-index:4"><div class="wpmd">
<div align=center><font color="#FFFFFF" face="Tahoma"><B>Навигация</B></font></div>
</div></div>

<div id="shape3" style="position:absolute; overflow:hidden; left:185px; top:149px; width:637px; height:130px; z-index:5"><img border=0 width="100%" height="100%" alt="" src="images/shape18442328.gif"></div>

<div id="shape4" style="position:absolute; overflow:hidden; left:826px; top:149px; width:146px; height:249px; z-index:6"><img border=0 width="100%" height="100%" alt="" src="images/shape18481875.gif"></div>

<div id="image2" style="position:absolute; overflow:hidden; left:832px; top:153px; width:136px; height:25px; z-index:7"><img src="images/navbarss.bmp" alt="" border=0 width=136 height=25></div>

<div id="text1" style="position:absolute; overflow:hidden; left:834px; top:156px; width:136px; height:23px; z-index:8"><div class="wpmd">
<div align=center><font color="#FFFFFF" face="Tahoma"><B>Сървър(и)</B></font></div>
</div></div>

<div id="image3" style="position:absolute; overflow:hidden; left:34px; top:116px; width:939px; height:30px; z-index:9"><img src="images/img26938000.bmp" alt="" border=0 width=939 height=30></div>

<div id="shape5" style="position:absolute; overflow:hidden; left:190px; top:153px; width:627px; height:26px; z-index:10"><img border=0 width="100%" height="100%" alt="" src="images/shape18969078.gif"></div>

<div id="text3" style="position:absolute; overflow:hidden; left:190px; top:156px; width:627px; height:23px; z-index:11"><div class="wpmd">
<div align=center><font color="#FFFFFF" face="Tahoma"><B>Реклама</B></font></div>
</div></div>

<div id="image4" style="position:absolute; overflow:hidden; left:277px; top:196px; width:468px; height:60px; z-index:12"><img src="images/600100d.gif" alt="" border=0 width=468 height=60></div>

<div id="shape6" style="position:absolute; overflow:hidden; left:185px; top:293px; width:637px; height:130px; z-index:13"><img border=0 width="100%" height="100%" alt="" src="images/shape19237156.gif"></div>

<div id="shape7" style="position:absolute; overflow:hidden; left:190px; top:297px; width:627px; height:26px; z-index:14"><img border=0 width="100%" height="100%" alt="" src="images/shape19237171.gif"></div>

<div id="text4" style="position:absolute; overflow:hidden; left:190px; top:300px; width:627px; height:23px; z-index:15"><div class="wpmd">
<div align=center><font color="#FFFFFF" face="Tahoma"><B>Добре Дошли</B></font></div>
</div></div>

<div id="text5" style="position:absolute; overflow:hidden; left:191px; top:329px; width:625px; height:87px; z-index:16"><div class="wpmd">
<div align=center><font color="#FFC585">Добре дошли в новия ни сайт! Както виждате сайта е претърпял голяма промяна. В начало сайтът ни бише от онези Counter-Strike сайтове с готова система,но сега е с писана система. Надяваме се сайта да ви хареса, приятно прекарване! </font></div>
<div align=center><font color="#FFFFFF">--------------------------------------------------------------------------------------------------------------------------------------</font></div>
<div align=center><font color="#FFC585">Публикувано от: </font><a href="mallto:crespaka@abv.bg" title="E-Mail">NiNjAN</a><font color="#FFC585"> на 5.05.2009</font></div>
</div></div>

<div id="shape8" style="position:absolute; overflow:hidden; left:34px; top:413px; width:146px; height:250px; z-index:17"><img border=0 width="100%" height="100%" alt="" src="images/shape20066828.gif"></div>

<div id="image5" style="position:absolute; overflow:hidden; left:39px; top:417px; width:136px; height:25px; z-index:18"><img src="images/navbarss.bmp" alt="" border=0 width=136 height=25></div>

<div id="text6" style="position:absolute; overflow:hidden; left:39px; top:420px; width:136px; height:23px; z-index:19"><div class="wpmd">
<div align=center><font color="#FFFFFF" face="Tahoma"><B>Приятели</B></font></div>
</div></div>

<div id="html2" style="position:absolute; overflow:hidden; left:35px; top:445px; width:143px; height:216px; z-index:20">
<center>

<MARQUEE border='0' style='FONT-FAMILY: arial; FONT-WEIGHT: bold' scrollamount='1' scrolldelay='1' DIRECTION='up' align='top' onMouseover='this.scrollAmount=0' onMouseout='this.scrollAmount=1'>
<center>
<p><a href="http://www.Doktor-CS.HIT.BG" target="_blank"><img src="http://prikachi.com/files/584509l.gif" width="88" height="31" border="0"></a></p>

<p><a href="http://www.Doktor-CS.HIT.BG" target=_blank><img src="http://prikachi.com/files/584509l.gif" border="0" /></a></p>

<p><a href="http://www.Doktor-CS.HIT.BG" target=_blank><img src="http://prikachi.com/files/584509l.gif" border="0" /></a></p>

<p><a href="http://www.Doktor-CS.HIT.BG" target="_blank" title="Вашият линк тук?"><img src="http://prikachi.com/files/584509l.gif" alt="" border="0" /></a></p>

<p><a href="http://www.Doktor-CS.HIT.BG" target_"blank"> <img src="http://prikachi.com/files/584509l.gif" border="0" /></a> </p>
</center>
</MARQUEE>

</center></div>

<div id="shape9" style="position:absolute; overflow:hidden; left:827px; top:412px; width:146px; height:297px; z-index:21"><img border=0 width="100%" height="100%" alt="" src="images/shape20265000.gif"></div>

<div id="image6" style="position:absolute; overflow:hidden; left:832px; top:416px; width:136px; height:25px; z-index:22"><img src="images/navbarss.bmp" alt="" border=0 width=136 height=25></div>

<div id="text7" style="position:absolute; overflow:hidden; left:832px; top:419px; width:136px; height:23px; z-index:23"><div class="wpmd">
<div align=center><font color="#FFFFFF" face="Tahoma"><B>Реклама</B></font></div>
</div></div>

<div id="image7" style="position:absolute; overflow:hidden; left:840px; top:454px; width:120px; height:240px; z-index:24"><img src="images/120x240.gif" alt="" border=0 width=120 height=240></div>

<div id="shape10" style="position:absolute; overflow:hidden; left:34px; top:679px; width:146px; height:250px; z-index:25"><img border=0 width="100%" height="100%" alt="" src="images/shape20374921.gif"></div>

<div id="image8" style="position:absolute; overflow:hidden; left:39px; top:683px; width:136px; height:25px; z-index:26"><img src="images/navbarss.bmp" alt="" border=0 width=136 height=25></div>

<div id="text8" style="position:absolute; overflow:hidden; left:39px; top:686px; width:136px; height:23px; z-index:27"><div class="wpmd">
<div align=center><font color="#FFFFFF" face="Tahoma"><B>Запознанства</B></font></div>
</div></div>

<div id="html3" style="position:absolute; overflow:hidden; left:35px; top:711px; width:144px; height:218px; z-index:28">
<div align="center" style="font-size:11px;">
<script language="JavaScript" src="http://void.flirt4e.com/js/flirt4e_pics.js" type="text/javascript"></script>
   <script language="JavaScript" type="text/javascript">
   function show_flirt4e_pic() {
      var id = Math.floor(Math.random()*flirt4e_pics.length);
      var str = "<table border='0' width='90'><tr><td align='center'>" +
         "<a href='http://www.flirt4e.com/picgallery.php?u=" + flirt4e_ids[id] + "' target='_blank'>" +
         "<img src='" + flirt4e_url + flirt4e_pics[id] + "' title='" + flirt4e_names[id] + "' border='0' alt='Flirt4e.com' />" +
         "</a><br />" +
         "<a href='http://www.flirt4e.com' target='_blank' title='Сайтът за запознанства'>Запознанства</a><br />" +
         "<a href='http://www.flirt4e.com' target='_blank' title='Сайтът за запознанства'>flirt4e.com</a>" +
         "</td></tr></table>";
      document.write(str);
   }
   show_flirt4e_pic();
   </script>
   </div></div>

<div id="image9" style="position:absolute; overflow:hidden; left:33px; top:962px; width:939px; height:30px; z-index:29"><img src="images/img26938093.bmp" alt="" border=0 width=939 height=30></div>

<div id="image10" style="position:absolute; overflow:hidden; left:40px; top:970px; width:80px; height:15px; z-index:30"><img src="images/saane5m10r5lim1980wn.png" alt="" border=0 width=80 height=15></div>

<div id="image11" style="position:absolute; overflow:hidden; left:885px; top:970px; width:80px; height:15px; z-index:31"><img src="images/bgtop.gif" alt="" border=0 width=80 height=15></div>

<div id="text9" style="position:absolute; overflow:hidden; left:35px; top:970px; width:936px; height:35px; z-index:32"><div class="wpmd">
<div align=center><font color="#FFC585">Copyright © 2007-2009 - 7h3Killers , webmaster</font> <a href="mallto:crespaka@abv.bg" title="7h3Killer Admin Site">NiNjAN</a> <font color="#FFC585">|</font> <a href="http://www.counter-strike.com/" title="">Counter-Strike</a></div>
</div></div>

<div id="text10" style="position:absolute; overflow:hidden; left:63px; top:124px; width:545px; height:20px; z-index:33"><div class="wpmd">
<div><a href="index.php" title="">Начало</a></div>
</div></div>

<div id="image12" style="position:absolute; overflow:hidden; left:43px; top:123px; width:16px; height:16px; z-index:34"><img src="images/log.png" alt="" border=0 width=16 height=16></div>

<div id="text11" style="position:absolute; overflow:hidden; left:830px; top:199px; width:137px; height:205px; z-index:35"><div class="wpmd">
<div align=center><font class="ws9" color="#FFC585">Набиране на сървър(и)</font><br>
<font class="ws9" color="#FFC585">Набиране на сървър(и)</font><br>
<font class="ws9" color="#FFC585">Набиране на сървър(и)</font><br>
<font class="ws9" color="#FFC585">Набиране на сървър(и)</font></div>
<div align=center><font color="#FFFFFF">---------------------------------</font></div>
<div><font color="#FFC585">За повече инфо Skype: mask331</font></div>
</div></div>

<div id="html4" style="position:absolute; overflow:hidden; left:929px; top:285px; width:58px; height:28px; z-index:36">
<img title="real_gengsta" src="http://mystatus.skype.com/smallicon/real_gengsta" />

<a href="skype:real_gengsta?chat" onclick="return skypeCheck();"> <img title="Click to chat with me!" src="http://www.skypejournal.com/blog/images/skypeicons/Message_16x16.png" /></div>

<div id="image13" style="position:absolute; overflow:hidden; left:35px; top:18px; width:935px; height:96px; z-index:37"><img src="images/img26938156.jpg" alt="" border=0 width=935 height=96></div>

<div id="image14" style="position:absolute; overflow:hidden; left:852px; top:318px; width:88px; height:70px; z-index:38"><img src="images/img26938171.jpg" alt="" border=0 width=88 height=70></div>

<div id="html5" style="position:absolute; overflow:hidden; left:37px; top:180px; width:140px; height:216px; z-index:39">
<center>

<?
define('IN_PHPBB', true);
C:\Program Files\xampp\htdocs\Forum ='forum/';
include(C:\Program Files\xampp\htdocs\Forum . 'config.php');
include(C:\Program Files\xampp\htdocs\Forum . 'extension.inc');
include(C:\Program Files\xampp\htdocs\Forum . 'common.'.$phpEx);
$userdata = session_pagestart($user_ip, PAGE_INDEX);


<form action="http://forumani/forum/login.php" method="post" style="margin: 0px;">
<input type="hidden" name="redirect" value="../index.php" />
<table border="0" style="font-size:12px;" width="130" cellspacing="0" cellpadding="0">
<tr>
<td class="left" height="25">
<b>Потребител:</b>
</td>
</tr>
<tr>
<td class="left" height="25">
<input type="text" name="username" size="10" maxlegnth="10" style="background-color:#FFFFFF; color:#000000; border: dashed 1px #000; position:relat; background-image: url(http://www.prikachi.com/files/673024S.gif);
background-repeat: no-repeat;
padding-left: 18px; />
</td>
</tr>
<tr>
<td class="left" height="25">
<b>Парола:</b>
</td>
</tr>
<tr>
<td class="left" height="25">
<input type="password" name="password" size="10" maxlegnth="10" style="background-color:#FFFFFF; color:#000000; border: dashed 1px #000; position:relat; background-image: url(http://www.prikachi.com/files/673693k.png);
background-repeat: no-repeat;
padding-left: 18px; />
</td>
</tr>
<tr>
<td>
автоматично: <input type="checkbox" name="autologin" checked >
</td>
</tr>
<tr>
<td class="left" height="35">
<input type="submit" name="login" value="Вход" style="background-color:#FFFFFF; color:#000000; border: dashed 1px #000;
</td>
</tr>
</table>
</form>
</div>

<div id="text12" style="position:absolute; overflow:hidden; left:38px; top:287px; width:141px; height:112px; z-index:40"><div class="wpmd">
<div align=center><font color="#FFFFFF">---------------------------------</font></div>
<div align=center><font class="ws9" color="#FFC585">Не си регистриран(а)? Регистрирай се безплатно от </font><font class="ws9"><a href="http://skoroforum.com" title="">ТУК</a></font><font class="ws9" color="#FFC585">!</font></div>
<div align=center><font color="#FFFFFF">---------------------------------</font><br>
<font color="#FFC585">Забравил(а0 си паролата си? Вземисия от </font><a href="http://skoroforum.com" title="">ТУК</a><font color="#FFC585">!</font></div>
</div></div>


</div></body>
</html>

Как ще стане такава форма ?

topchokt

Registered

Zion

Registered