[HTML] ein Design in Paint coden - UP!

Ladüüü

Nach mehreren Anfragen es zu erklären,
mach ich ein Tutorial drüber.
Und da Paint ja Standartprogramm ist,
gibts keine Ausreden mehr, wie 'ich kann das nicht' (x

Wie fange ich an?
Zuerst brauchst du ein Design. Ich hab in Paint mal eines draufgeklatscht, um das Tutorial hier zu demonstrieren:

Da haben wir ein Menü und ein Main-Frame [Haupt-Frame].

Schritt 1:
Du nimmst das 2te Tool von oben links. Also das Makiertool.

Schritt 2:
Damit fährst du links oben in die Ecke deines Frames [hier: Menü].

Schritt 3:
Nun stehen unten die Koordinaten des Menüframes.
Damit wird festgelegt wo das Frame am Schluß hinkommt.
Zahlen aufschreiben!

Schritt 4:
Nun klickst du die Stelle links oben in dem Frame an und ziehst es
mit der Maus bis zu Ecke. Dann steht unten rechts, neben den
Koordinaten wieder zwei Zahlen. Das ist die größe des Frames,
welches dein Frame beträgt.
Schreibe die Zahlen auf!

Was nun?
Du hast nun die Koordinaten und die größe deines Frames.
Nun baust die den ersten Schritt deiner Seite auf:

code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12:	<html> <head> <title>Seitenname</title> <BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no"> <img src="design.jpg"> </body> </html>

Dort wo die Lücke ist, kommt alles weitere rein.

Das Menüframe coden:

code:

1:
2:
3:
4:

<div id="Layer1" style="position: absolute;  left: 43px; top: 119px;">
  <iframe src="menue.html" name="frame" width="89" height="202" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

menue.html -> Adresse/Name der Seite des Frames
Left: erster Koordinat
Right: zweiter Koordinat
Width: Beite des Frames
Height: Länge des Frames
scroling="yes" -> Scrollbar ist immer da. No ist sie nie da, und bei Auto nur wenn sie benötigt wird.

Dann sieht das ganze in etwa so aus:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:

<html>
<head>
<title>Seitenname</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="design.jpg">

<div id="Layer1" style="position: absolute;  left: 43px; top: 119px;">
  <iframe src="menue.html" name="frame" width="89" height="202" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

</body>
</html>

Das ganze machst du nun mit dem Mainframe.
Natürlich musst du die Koordinaten usw. deinem Design anpassen (;
Ich hoffe ihr habts verstanden.
Das alles sieht auf einer HTML seite dann so aus:
http://gb.wbbhilfe.eu/epona/al/design.html

OYLA.DE LEUTE DIE NUR EINE WEIßE SEITE SEHEN, SCHAUEN HIER: Tutorial: Desi einbauen bei Oyla.de

Shadow

habs ausprobiert, is es schlim, das ich kurz das desing heir genommen hab?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

<html>
<head>
<title>VRH MUSTER</title>
<style>
<body background="http://la-photos.de/cp/design.JPG">

<div id="Layer1" style="position: absolute;  left: 43px; top: 119px;">
  <iframe src="menue.html" name="frame" width="91" height="205" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer2" style="position: absolute;  left: 151px; top: 119px;">
  <iframe src="home.html" name="main" width="319" height="206" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

</body>
</html>

richtig so?

Marrychan

also ich nehme an das es stimmt ^^

ich code meine desis immer mit PI da find ichs irgentie leichter...

LG Marrychan

Arwen

Stimm der:

Zitat:

<html>
<head>
<title>Dein Seitenname</title>
<style>
<body background="http://www.arcor.de/palb/alben/80/1740180/1280_3732343863656162
.jpg">

<div id="Layer1" style="position: absolute; left: 145px; top: 255px;">
<iframe src="menue.html" name="frame" width="89" height="202" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer1" style="position: absolute; left: 584px; top: 479px;">
<iframe src="main.html" name="main" width="89" height="202" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

</body>
</html>

Hab einfach eins aus dem Codeauftrag genommen...

Ladüüü

²Arwen: Nein, du musst das Width: und Height: noch ändern.
Das sind die Zahlen aus Schritt 4.

²Shadow: Jap, müsste stimmen (;

²Marrychan: Jupp, ich auch, aber hier hab ich nur Paint. Außerdem ists eigentlich ziemlich gleich.

Shadow

weißt du auch, wei man Newsboxen codet @ Ladüü? Geht das auch mit PAint?

Saskia*

Cool, habs geschafft.
Ist der Code so rictig??
<html>
<head>
<title>VRH MUSTER</title>
<style>
<body background="http://www.oyla6.de/userdaten/53700681/bilder/esperado.jpg">

<div id="Layer1" style="position: absolute; left: 36px; top: 356px;">
<iframe src="menue.html" name="frame" width="210" height="266" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer2" style="position: absolute; left: 296px; top: 314px;">
<iframe src="home.html" name="main" width="680" height="376" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

</body>
</html>

lg saskia

Ladüüü

²Pferdesaskia: Müsste gehn (;
²Arwen: Bitte ^^
²Shadow: Jupp geht genauso, bloß würde ich dann

code:
1:	<body background="designadresse.jpg">

code:
1:	<img src="newsbox.jpg">

Umändern, da sie sich sonst immer wiederholt.
Du musst eben nur ein div layer angeben und denn normal coden.

Freut mich dass das Tutorial nutzbar ist ^.^

.Happy

Cool danke.Ich probiere es mal aus.
Stelle es gleich rein.

Edit:Stimmt der?

Zitat:

<html>
<head>
<title>SEITENAME </title>
<style>
<body background="DESIADRESSE.jpg">

<div id="Layer1" style="position: absolute; left: 88px; top: 154px;">
<iframe src="menue.ADRESSE DES MENUES " name="frame" width="148" height="464" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

</body>
</html>

<div id="Layer1" style="position: absolute; left: 357px; top: 185px;">
<iframe src="frame.ADRESSE DES HG" name="frame" width="484" height="453" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

Saskia*

mhmm...enn ich das desi einbaue...und wenn ich dann die seite aufrufe , also die home wo das desi dann ist, wird das desi net angezeigt..da ist unten nur der schwarze balken von oyla wo diese achen drinn stehen und soinst ist alles weiß..

Ladüüü

Adresse?

<< Oyla Hasserin

Edit: Schau am besten hier: Tutorial: Desi einbauen bei Oyla.de

Freyaknuffl

Hab nur Standart-Paint, das geht genauso! Jippie! Danke Ladüü =D

Ladüüü

Bitte (:
Gibt es auch noch andere Versionen von Paint? Ne, oder?
Das ist das Starndartpaint ^^ lol

<< checkt mal wieder nicht worum es geht.

Freyaknuffl

Aber jetzt hab ich ein anderen Problem...und zwar kommt auf meiner Seite nix unglücklich

Also bei mir is da nur weiß traurig

http://aussies.oyla6.de/cgi-bin/hpm_homepage.cgi

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

<html>
<head>
<title>Seitenname</title>
<style>
<body background="designadresse.jpg">

<div id="Layer1" style="position: absolute;  left: 39px; top: 202px;">
  <iframe src="menue.html" name="frame" width="146" height="148" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer1" style="position: absolute;  left: 377px; top: 203px;">
  <iframe src="menue.html" name="frame" width="577" height="337" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>


</body>
</html>

Ladüüü

Im Quellcode steht:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

<html>
<head>
<title>Rosebud of Crana -die virtuelle Aussiezucht</title>
<bgsound src="" loop="-1">
<meta name="Author" content="- -">
<meta name="Publisher" content="- -">
<meta name="Copyright" content="- -">
<meta name="Keywords" content="">
<meta name="Description" content="Beschreiben Sie Ihre Homepage hier bitte kurz.">
<meta name="Generator" content="netnaxx Homepage-Maker 4.2">
</head>

<!-- Diese Homepage wurde mit dem netnaxx Homepage-Maker generiert. -->
<!-- Der Homepage-Maker ist ein Projekt, dass 1999 bis 2002 von Steffen Bartels entwickelt wurde. -->
<!-- Alle Urheberrechte der Software liegen bei Steffen Bartels. -->
<!-- Nähere Infos zur Software unter http://www.homepage-maker.info -->

<frameset rows="*,65" framespacing="0" border="0" frameborder="0">
 <frame name="Godframe" src="http://www.oyla6.de/cgi-bin/hpm_show.cgi?userid=85969047&name=standard1" border="0">
 <frame name="Werbung" src="http://csv.a77a.de/oyla2.htm" scrolling="no" noresize border="0">
 <noframes><p>Diese Homepage ist eine Webseite von Oyla.de<br>
Beschreiben Sie Ihre Homepage hier bitte kurz. Oyla</p></noframes>
</frameset>
<body>
</body>
</html>

??

Das selbe Paint hab ich doch auch.
Nur hab ich eben Win XP^^

Saskia*

Bei mir ist es genau wie bei Freya...
http://esperadodelviento.oyla6.de

.....was ist afösch??
lg saskia

Freyaknuffl

Hö? Warum steht das da? Hä? oO

EDIT: Ich hab das in Word geschrieben

Ladüüü

+Oyla noch mehr hass+^^
Tutorial: Desi einbauen bei Oyla.de

Nehmt doch am besten den Code und ändert ihn ab.
Die Koordinaten usw. wisst ihr ja jetzt schon.
Weil mit Oyla kenn ich mich noch weniger wie mit allem anderen aus (x

Freyaknuffl

Huch, etwas vertan mit den Koordinaten aber es geht, thx =D

Lauri

Ich hab 3 oder 4 Desis gecodet.
Kann dieser Code stimmen:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

<html>
<head>
<title>Seitenname</title>
<style>
<body background="designadresse.jpg">
<div id="Layer1" style="position: absolute;  left: 37px; top: 208px;">
  <iframe src="http://www.oyla4.de/cgi-bin/designs/Blue/index.cgi?page=navi&userid=46060744 " name="frame" width="517" height="173" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
<div id="Layer2" style="position: absolute;  left: 273px; top: 944px;">
  <iframe src="http://www.oyla4.de/cgi-bin/designs/Blue/index.cgi?page=text&id=07976815&userid=46060744
" name="frame" width="673" height="346" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>  
</iframe>
</div>
</body>
</html>

Desi ist im Anhang

€dit: Es klappt nicht =( ich glaube der Code ist falsch=((
Alles ist immer weiß! [Klick]

nächste Seite

Forensoftware: Burning Board, entwickelt von WoltLab GmbH