Как да си направя такъв админ панел

h0r4ex

Registered
Може ли да ми кажете как да го направя това ?
http://www.devilhunterx.com/index.php?hackid=admin&cmd
 
Това е една УКРАСЕНА форма :) В СSS файла е останалото :)
HTML:
<div class="main">
<p>Дата и час: <span id="digitalclock"></span>  - 24.04.2012</p><br>
<body onLoad="document.frm.command.focus()"><table style='width: 100%; background-color: #000000; color: #ffffff;'><tr><td><form method='POST' name='frm'><b><font color="#3399FF">DevilHunterX@server</font>:<font color="limegreen">~</font># cd /usr/bin:</b><font size="2" color="limegreen">  Now have permission to log in admin panel. Please login first and go again.</font></font> <img src="http://www.devilhunterx.com/push_pin_icon_16.png" height="16" width="16" /></b><br><br><br><b><font color="#3399FF">DevilHunterX@server</font>:<font color="limegreen">~</font># cd /usr/bin</b><br><br><br><b><font color="#3399FF">DevilHunterX@server</font>:<font color="limegreen">/usr/bin</font>#</b><input type='text' name='command' style='background-color: #000000; color: #ffffff; border: 0px;' size='60'></form></td></tr></table></div>
</div>
<div id="copyright"><b>
<font color="red"><font color="#994C4C">Не всички права запазени.</font></font></a><br>| 2011 - 2012 | 
</b></div>
</div>
</body>
[css]body {
background-image:url('http://t3.gstatic.com/images?q=tbn:ANd9GcSRC0r73zmFcs8zRB9gx5xZbMaqth959wAANP4klnnHRTSCN3dGSjBAjrAMGg');
background-color: #111111;
color: #333;
font: normal 11px verdana, arial, sans-serif;
margin: 20px;
text-align: center;
}

a:link, a:visited {
color: #3399FF;
text-decoration: none;
}

a:hover {
text-decoration: none;
border-bottom: 1px solid #000000;
}

input, textarea, select {
border: 1px solid #ddd;
background: #fff;
font: normal 10px verdana, arial, sans-serif;
color: #555;
margin: 1px;
padding: 2px auto;
}

input:focus, textarea:focus, select:focus {
border-color: #3399FF;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

#title {
margin-left : auto;
margin-right: auto;
padding-bottom: 5px;
width: 850px;
text-align: left;
font: bold 18px Georgia;
color: #fff;
}

#content {
background: #fff;
border: 1px solid #bbb;
margin-left : auto;
margin-right: auto;
text-align: left;
width : 850px;
}

#banner {
background: white;
color: red;
}

#navcontainer ul {
padding-left: 0;
margin-left: 0;
float: left;
width: 100%;
background: #ffffff;
border-bottom: 1px solid #bbb;
}

#navcontainer ul li a {
border: 0;
border-top: 2px solid #fff;
color: #3399FF;
float: left;
padding: .3em 1.4em;
text-decoration: none;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a:hover {
border-color: #000000;
}

#menu {
float: right;
width: 180px;
overflow: hidden;
}

.menu {
padding: 3px 10px;
}

.menu h2 {
border-bottom: 1px solid #ccc;
color: #555;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
margin: 5px auto;
padding-left: 10px;
text-align: left;
}

.menu li {
border-bottom: 1px solid #ddd;
font: 11px "Trebuchet MS", Verdana, sans-serif;
width: 180px;
margin-left: -10px;
}

#menu li a {
display: block;
padding: 2px;
}

.menu li a:hover {
background: #E8E8E8;
border: 0px;
color: #000000;
}

.menu #search {
border-bottom: 1px solid #ccc;
padding: 5px 0;
}

.menu #author {
margin-top: -3px;
margin-left: -10px;
border: 0px;
}


#main {
float: right;
width: 670px;
overflow: hidden;
}

.main {
padding: 3px 10px;
}

.main h2 {
border-bottom: 1px solid #ccc;
color: #555;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
margin: 5px auto;
padding-left: 10px;
text-align: left;
}

.main p {
line-height: 14px;
margin: 1px 0 15px 0;
padding: 0;
}

.main .quote {
color: #555;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align: left;
margin: 0;
padding-left: 5px;
border-left: 3px solid #bbb;
}

.main h3 {
color: #555;
font-weight: bold;
font-size: 11px;
margin: 0 0 5px 0;
text-align: left;
}

.main p.posted {
color: #bbb;
font: bold 10px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
margin: 10px auto;
padding: 2px;
border-top: 1px solid #ddd;
}

#copyright {
border-top: 1px solid #bbb;
clear: both;
color: #555;
padding: 5px;
text-align: center;
}[/css]
 
Здравей, аз съм собственика на сайта. dakata__92 на теб искам да кажа да не се обаждаш, където не ти е работа. Админ панела не е фейк, а е истински. И съм сигурен, че не можеш да направиш същия понеже знаете само да говорите. Както ти каза с малко умения по OOP PHP и CSS ще го направиш същия. Хайде весели празници.
 
Cronos каза:
Здравей, аз съм собственика на сайта. dakata__92 на теб искам да кажа да не се обаждаш, където не ти е работа. Админ панела не е фейк, а е истински. И съм сигурен, че не можеш да направиш същия понеже знаете само да говорите. Както ти каза с малко умения по OOP PHP и CSS ще го направиш същия. Хайде весели празници.
Приятел, не че нещо но какво ти е толкова проблемното ? Формата е украсена както казах, имаш валидатор и това е . :idea: Да не е нещо сложно да съсдадеш форма с един инпут и проверка за парола :D Вече дали ползваш Jquery или PHP или и двете за валидация не мисля, че е нещо сложно. Нямам достъп до панела ти отвътре, но гледам кода и виждам какво съдържа. Формата е хубава играл си си, но не е чааак такавата голяма философия~~~ До тези данни всеки има достъп :)
4685052l.png
 
dakata__92 каза:
Това е една УКРАСЕНА форма :) В СSS файла е останалото :)
HTML:
<div class="main">
<p>Дата и час: <span id="digitalclock"></span>  - 24.04.2012</p><br>
<body onLoad="document.frm.command.focus()"><table style='width: 100%; background-color: #000000; color: #ffffff;'><tr><td><form method='POST' name='frm'><b><font color="#3399FF">DevilHunterX@server</font>:<font color="limegreen">~</font># cd /usr/bin:</b><font size="2" color="limegreen">  Now have permission to log in admin panel. Please login first and go again.</font></font> <img src="http://www.devilhunterx.com/push_pin_icon_16.png" height="16" width="16" /></b><br><br><br><b><font color="#3399FF">DevilHunterX@server</font>:<font color="limegreen">~</font># cd /usr/bin</b><br><br><br><b><font color="#3399FF">DevilHunterX@server</font>:<font color="limegreen">/usr/bin</font>#</b><input type='text' name='command' style='background-color: #000000; color: #ffffff; border: 0px;' size='60'></form></td></tr></table></div>
</div>
<div id="copyright"><b>
<font color="red"><font color="#994C4C">Не всички права запазени.</font></font></a><br>| 2011 - 2012 | 
</b></div>
</div>
</body>
[css]body {
background-image:url('http://t3.gstatic.com/images?q=tbn:ANd9GcSRC0r73zmFcs8zRB9gx5xZbMaqth959wAANP4klnnHRTSCN3dGSjBAjrAMGg');
background-color: #111111;
color: #333;
font: normal 11px verdana, arial, sans-serif;
margin: 20px;
text-align: center;
}

a:link, a:visited {
color: #3399FF;
text-decoration: none;
}

a:hover {
text-decoration: none;
border-bottom: 1px solid #000000;
}

input, textarea, select {
border: 1px solid #ddd;
background: #fff;
font: normal 10px verdana, arial, sans-serif;
color: #555;
margin: 1px;
padding: 2px auto;
}

input:focus, textarea:focus, select:focus {
border-color: #3399FF;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

#title {
margin-left : auto;
margin-right: auto;
padding-bottom: 5px;
width: 850px;
text-align: left;
font: bold 18px Georgia;
color: #fff;
}

#content {
background: #fff;
border: 1px solid #bbb;
margin-left : auto;
margin-right: auto;
text-align: left;
width : 850px;
}

#banner {
background: white;
color: red;
}

#navcontainer ul {
padding-left: 0;
margin-left: 0;
float: left;
width: 100%;
background: #ffffff;
border-bottom: 1px solid #bbb;
}

#navcontainer ul li a {
border: 0;
border-top: 2px solid #fff;
color: #3399FF;
float: left;
padding: .3em 1.4em;
text-decoration: none;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a:hover {
border-color: #000000;
}

#menu {
float: right;
width: 180px;
overflow: hidden;
}

.menu {
padding: 3px 10px;
}

.menu h2 {
border-bottom: 1px solid #ccc;
color: #555;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
margin: 5px auto;
padding-left: 10px;
text-align: left;
}

.menu li {
border-bottom: 1px solid #ddd;
font: 11px "Trebuchet MS", Verdana, sans-serif;
width: 180px;
margin-left: -10px;
}

#menu li a {
display: block;
padding: 2px;
}

.menu li a:hover {
background: #E8E8E8;
border: 0px;
color: #000000;
}

.menu #search {
border-bottom: 1px solid #ccc;
padding: 5px 0;
}

.menu #author {
margin-top: -3px;
margin-left: -10px;
border: 0px;
}


#main {
float: right;
width: 670px;
overflow: hidden;
}

.main {
padding: 3px 10px;
}

.main h2 {
border-bottom: 1px solid #ccc;
color: #555;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
margin: 5px auto;
padding-left: 10px;
text-align: left;
}

.main p {
line-height: 14px;
margin: 1px 0 15px 0;
padding: 0;
}

.main .quote {
color: #555;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align: left;
margin: 0;
padding-left: 5px;
border-left: 3px solid #bbb;
}

.main h3 {
color: #555;
font-weight: bold;
font-size: 11px;
margin: 0 0 5px 0;
text-align: left;
}

.main p.posted {
color: #bbb;
font: bold 10px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
margin: 10px auto;
padding: 2px;
border-top: 1px solid #ddd;
}

#copyright {
border-top: 1px solid #bbb;
clear: both;
color: #555;
padding: 5px;
text-align: center;
}[/css]

Благодаря ти :) LOCK :?:
 

Горе