Gegen Bilderklau - Das Original | Druckvorschau: ein Design in Paint coden - UP!

Geschrieben von Ladüüü am 14.07.2005 um 18:12:

großes Grinsen

ein Design in Paint coden - UP!

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

Geschrieben von Shadow am 14.07.2005 um 19:23:

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?

Geschrieben von Marrychan am 14.07.2005 um 19:34:

also ich nehme an das es stimmt ^^

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

LG Marrychan

Geschrieben von Arwen am 14.07.2005 um 19:46:

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...

Geschrieben von Ladüüü am 14.07.2005 um 19:54:

²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.

Geschrieben von Shadow am 14.07.2005 um 20:05:

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

Geschrieben von Saskia* am 14.07.2005 um 20:29:

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

Geschrieben von Ladüüü am 14.07.2005 um 21:12:

²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 ^.^

Geschrieben von .Happy am 14.07.2005 um 21:12:

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>

Geschrieben von Saskia* am 14.07.2005 um 21:18:

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ß..

Geschrieben von Ladüüü am 14.07.2005 um 21:25:

Adresse?

<< Oyla Hasserin

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

Geschrieben von Freyaknuffl am 14.07.2005 um 21:33:

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

Geschrieben von Ladüüü am 14.07.2005 um 21:39:

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

<< checkt mal wieder nicht worum es geht.

Geschrieben von Freyaknuffl am 14.07.2005 um 21:44:

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>

Geschrieben von Ladüüü am 14.07.2005 um 21:48:

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^^

Geschrieben von Saskia* am 14.07.2005 um 21:50:

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

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

Geschrieben von Freyaknuffl am 14.07.2005 um 21:51:

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

EDIT: Ich hab das in Word geschrieben

Geschrieben von Ladüüü am 14.07.2005 um 21:58:

+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

Geschrieben von Freyaknuffl am 14.07.2005 um 22:10:

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

Geschrieben von Lauri am 15.07.2005 um 10:52:

Richtig?

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]