Преобразуване на картинка в..
- Автор shukri_93
- Начална дата
момчето иска да каже че искада може да кодира дизайни най-вероятно.За цлета ти трябват умения по html и CSS . ето ти един линк това точно което искаш , но ще ти е трудно , трябва да изгледаш поне всички за html и css
http://videotutorials-bg.com/lessons.php?action=viewsub&id=26&t=135
http://videotutorials-bg.com/lessons.php?action=viewsub&id=26&t=135
sick_pricE
Registered
може да промениш разширението на файла с mod_rewrite от jpg да стане php.
http://www.codingforums.com/showthread.php?p=769081
http://www.codingforums.com/showthread.php?p=769081
Като за начинаещи взимаш Slice Tool във Фотошоп, нарязваш си картинката и после даваш Save for web и долу избираш images and html. То ще ти го запамети като html таблица, в която са наредени нарязаните изображения. Дотук е лесното, но после пак ще ти трябват познания по html и css за да го превърнеш в работещ темплейт.
Така?shukri_93 каза:Ако някой може да ми направи тази картинка на таблица ще сам благодарен и разбира се +1!
и да мие прати по skypa!
index.html
Код:
<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
body {
background: white;
color: black;
font-size: 12px;
}
.login {
background-image:url(img.gif);
width: 408px;
height: 33px;
}
</style>
</head>
<body>
<table border="0" align="left">
<tr>
<td align="right" class="login"> </td>
<td align="left"> </td>
</tr>
<tr>
<td align="right"><b>Моля въведете ник и парола за да продължите!</b>
</td>
</tr>
<tr>
<td width="20px" align="right"><b>Ник:</b></td>
<td width="40px" align="left"><input type="text" style="width: 150px; height:29px;" value="" /></td>
<td width="40px" align="left"><b>[] Запомни ме</b></td>
</tr>
<tr>
<td width="20px" align="right"><b>Парола:</b></td>
<td width="40px" align="left"><input type="text" style="width: 150px; height:29px;" value="" /></td>
<td width="40px" align="left"><input name="Login" type="submit" id="Login" value=" " style='background: url(buttons.gif) no-repeat;margin-top: 5px;width: 54px; height: 30px; border: 0px; cursor: pointer;'> </td>
</tr>
<tr>
<td align="right"><b>Забравена парола?</b></td>
<td align="left"><b>Регистрация?</b></td>
</tr>
</table>
</body>
</html>http://web-tourist.net/project/nom3r1/img.gif
http://web-tourist.net/project/nom3r1/buttons.gif
Обаче малко да го дооправиш да заприлича на картинката ще можеш ли?Така?
Код:
<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
body {
background: white;
color: black;
font-size: 14px;
}
.login {
background-image:url(img.gif);
width: 408px;
height: 33px;
}
</style>
</head>
<body>
<div class="login"></div>
<br />
<b>Моля въведете ник и парола за да продължите!</b>
<br /><b>Ник:</b> <input type="text" style="width: 150px; height:29px;" />
<b>[] Запомни ме</b>
<br /><b>Парола:</b> <input type="text" style="width: 150px; height:29px;" />
<input name="Login" type="submit" id="Login" value=" " style='background: url(buttons.gif) no-repeat;width: 54px; height: 30px; border: 0px; cursor: pointer;'>
<br /><br />
<b>Забравена парола?</b> <b>Регистрация?</b>
</body>
</html>
Код:
<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
body {
background: white;
color: black;
font-size: 14px;
}
.login {
background-image:url(img.gif);
width: 408px;
height: 33px;
}
</style>
</head>
<body>
<form action="login.php" method="post" >
<div class="login"></div>
<br />
<b>Моля въведете ник и парола за да продължите!</b>
<br /><b>Ник:</b> <input type="text" style="width: 150px; height:29px;" />
<b><input type="checkbox" name="vote" value="" /> Запомни ме</b>
<br /><b>Парола:</b> <input type="text" style="width: 150px; height:29px;" />
<input name="Login" type="submit" id="Login" value=" " style='background: url(buttons.gif) no-repeat;width: 54px; height: 30px; border: 0px; cursor: pointer;'>
</form>
<br /><br />
<a href="lost.php"><b>Забравена парола?</b></a> <a href="register.php"><b>Регистрация?</b></a>
</body>
</html>