ilch.de :: Forum :: Allgemein :: Plauder Ecke :: image hosting Design Anpassen an ilch

Hey Leute!
Ich habe mal ein Imaghoster desint und codiere ihn zurzeit.
Ich wollte jetzt wissen was ich machen soll...

Also mein Hochladen Button (Für die Datei auswahl!) Heißt
HochladBUTTOn.png
Und ich will hinterlegen (wenn man drauf drückt!)
<input type="file" class="textfield" name="fileupload" size="30">

Genau so wie bei Absenden
Der Button als Bild heißt: Hostit.png
Und hinterlegen will ich: <input type="submit" value="host it!">

____________________________________________________________________
Das was ich benutzen will ist Imagehack
Hier das Standart Script:

<html> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<meta name="GENERATOR" content="Microsoft FrontPage 4.0"> 
<meta name="ProgId" content="FrontPage.Editor.Document"> 
<title>image</title> 
<title>ImageShack (TM) - Hosting</title> 
<link rel="stylesheet" href="http://imageshack.us/img/style-def.css" type="text/css"> 
<LINK REL="SHORTCUT ICON" HREF="http://imageshack.us/favicon.ico"> 
</head> 

<body style="background-color:transparent"> 

<p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<form action="http://www.imageshack.us/" method="post" enctype="multipart/form-data" target="_blank"> 
<a href="http://img2.imageshack.us/click_tracking3.php?refx=iframe&data=http://www.tagworld.com/-/World/tracking.aspx?aff_id=678&subaff=iframe" 
target="_blank"><b><u>Imageupload by Imageshack</u></b></a> - ImageShack 
<br /> 
<input type="hidden" name="MAX_FILE_SIZE" value="1048576"> 
<input type="hidden" name="aff" value="www.iphpbb.com"> 
<input type="hidden" name="type" value="blank"> 
<input type="hidden" name="where" value="iframe"> 
<input type="file" class="textfield" name="fileupload" size="30"><br /> 
<input type="submit" value="host it!"> 
<span style="color: #111111">Bitte haben sie ein bisschen Geduld, wärend Imageshack das Bild hochlädt!</span><br /> 
</form> 
</body> 
</html>

Das Script meines Designs (GANZ!)

<html>
<head>
<title>design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
	background-image: url(background.png);
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (design.psd) -->
<table id="Tabelle_01" width="1500" height="1001" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="15">
			<img src="img/Header.png" width="1500" height="200" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="img/Links.png" width="175" height="606" alt=""></td>
		<td rowspan="4">
			<img src="img/i3.png" width="3" height="310" alt=""></td>
		<td colspan="5">
      <img src="img/hochladen.png" width="342" height="50" alt=""></td>
		<td>
			<img src="img/HPABSATZ.png" width="18" height="50" alt=""></td>
		<td colspan="2">
			<img src="img/Partner.png" width="342" height="50" alt=""></td>
		<td>
			<img src="img/PKABSATZ.png" width="16" height="50" alt=""></td>
		<td>
			<img src="img/Kontakt.png" width="342" height="50" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="img/CONTE.png" width="136" height="62" alt=""></td>
		<td rowspan="6">
			<img src="img/Rechts.png" width="126" height="800" alt=""></td>
	</tr>
	<tr>
		<td colspan="10">
			<img src="img/Abatz.png" width="1060" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="11">
			<img src="img/Content-Oben.png" width="1194" height="212" alt=""></td>
		<td>
			<img src="img/i13.png" width="2" height="212" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="img/AbstantContent.png" width="20" height="36" alt=""></td>
		<td>
			<img src="img/i15.png" width="3" height="36" alt=""></td>
		<td>
			<img src="img/HochladBUTTOn.png" width="213" height="36" alt=""></td>
		<td>
			<img src="img/AbstandContent1.png" width="13" height="36" alt=""></td>
		<td colspan="3">
			<img src="img/Hostit.png" width="216" height="36" alt=""></td>
		<td colspan="5">
			<img src="img/Absatz.png" width="731" height="36" alt=""></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="img/Content-Unten.png" width="1197" height="296" alt=""></td>
		<td rowspan="2">
			<img src="img/i21.png" width="2" height="490" alt=""></td>
	</tr>
	<tr>
		<td colspan="13">
			<img src="img/Unten.png" width="1372" height="194" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="img/Abstandhalter.gif" width="175" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="20" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="213" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="93" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="18" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="105" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="237" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="342" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="134" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="img/Abstandhalter.gif" width="126" height="1" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Hoffe ihr wisst was ich machen soll....

Zuletzt modifiziert von Kaite am 07.03.2011 - 12:09:09

Geschlossen

	Zurück zu Plauder Ecke

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » Plauder Ecke » image hosting Design Anpassen an ilch