ein Design in Paint coden - UP! |
Ladüüü
Mitglied
Dabei seit: 07.02.2005
Beiträge: 1.820
|
|
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
Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Ladüüü: 11.01.2006 18:23.
|
|
14.07.2005 18:12 |
|
|
Shadow
<3
Dabei seit: 02.03.2005
Beiträge: 6.547
Herkunft: Entenhausen
|
|
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?
__________________ !
|
|
14.07.2005 19:23 |
|
|
Marrychan
R.I.P
Dabei seit: 06.04.2005
Beiträge: 1.062
Herkunft: HD
|
|
also ich nehme an das es stimmt ^^
ich code meine desis immer mit PI da find ichs irgentie leichter...
LG Marrychan
__________________
|
|
14.07.2005 19:34 |
|
|
Ladüüü
Mitglied
Dabei seit: 07.02.2005
Beiträge: 1.820
Themenstarter
|
|
²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.
|
|
14.07.2005 19:54 |
|
|
Shadow
<3
Dabei seit: 02.03.2005
Beiträge: 6.547
Herkunft: Entenhausen
|
|
weißt du auch, wei man Newsboxen codet @ Ladüü? Geht das auch mit PAint?
__________________ !
|
|
14.07.2005 20:05 |
|
|
Ladüüü
Mitglied
Dabei seit: 07.02.2005
Beiträge: 1.820
Themenstarter
|
|
²Pferdesaskia: Müsste gehn (;
²Arwen: Bitte ^^
²Shadow: Jupp geht genauso, bloß würde ich dann
code: |
1:
|
<body background="designadresse.jpg"> |
|
in
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 ^.^
|
|
14.07.2005 21:12 |
|
|
Ladüüü
Mitglied
Dabei seit: 07.02.2005
Beiträge: 1.820
Themenstarter
|
|
|
14.07.2005 21:25 |
|
|
Freyaknuffl
» ´0r87341
Dabei seit: 28.03.2005
Beiträge: 5.105
Herkunft: Sauerland :)
|
|
Hab nur Standart-Paint, das geht genauso! Jippie! Danke Ladüü =D
__________________
Meine Fotos gebe ich nicht für virtuelle Spiele frei
|
|
14.07.2005 21:33 |
|
|
Ladüüü
Mitglied
Dabei seit: 07.02.2005
Beiträge: 1.820
Themenstarter
|
|
Bitte (:
Gibt es auch noch andere Versionen von Paint? Ne, oder?
Das ist das Starndartpaint ^^ lol
<< checkt mal wieder nicht worum es geht.
|
|
14.07.2005 21:39 |
|
|
Freyaknuffl
» ´0r87341
Dabei seit: 28.03.2005
Beiträge: 5.105
Herkunft: Sauerland :)
|
|
|
14.07.2005 21:44 |
|
|
Ladüüü
Mitglied
Dabei seit: 07.02.2005
Beiträge: 1.820
Themenstarter
|
|
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^^
|
|
14.07.2005 21:48 |
|
|
Saskia*
ehemals Pferdesaskia
Dabei seit: 11.05.2005
Beiträge: 3.587
Herkunft: PB
|
|
|
14.07.2005 21:50 |
|
|
Ladüüü
Mitglied
Dabei seit: 07.02.2005
Beiträge: 1.820
Themenstarter
|
|
+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
|
|
14.07.2005 21:58 |
|
|
Freyaknuffl
» ´0r87341
Dabei seit: 28.03.2005
Beiträge: 5.105
Herkunft: Sauerland :)
|
|
Huch, etwas vertan mit den Koordinaten aber es geht, thx =D
__________________
Meine Fotos gebe ich nicht für virtuelle Spiele frei
|
|
14.07.2005 22:10 |
|
|
|
|
|
Impressum
|