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 |
|
|
|
Arwenfan
Mitglied
Dabei seit: 09.02.2005
Beiträge: 1.583
|
|
|
|
01.10.2005 16:32 |
|
|
|
Runner
Mitglied
Dabei seit: 05.03.2005
Beiträge: 4.472
|
|
| RE: [Tutorial] ein Design in Paint coden |
|
| 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:
28:
29:
30:
31:
32:
|
<html>
<bg properties scroll="no">
<head>
<title>El Castello...immer eine Nasenlänge vorraus</title>
<style>
body { scrollbar-face-color: #DDD0B7;
scrollbar-highlight-color: #DDD0B7;
scrollbar-3dlight-color: #DDD0B7;
scrollbar-darkshadow-color: #DDD0B7;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: ##DDD0B7;
</style>
</head>
<body background="http://elcastello.el.funpic.de/runner.jpg" bgcolor="#CACAFF">
<div id="Layer1" style="position: absolute; left: 19,21px; top: 222,577px;">
<iframe src="menue.htm" name="menue" width="204" height="556" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer2" style="position: absolute; left: 281,138px; top: 878,139px;">
<iframe src="home.htm" name="home" width="598" height="440" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
</html> |
|
ich habe jetzt mal ein ganz anderes problemchen...
Nämlich wenn ich es mir später anschauen will,sind der Menü und der Main frame übereinander...also sie überlappen sich*grübel* was habe ich denn da falsch gemacht??
lg runner
|
|
|
22.11.2005 19:51 |
|
|
|
VRH Pferde
Mitglied
Dabei seit: 18.02.2006
Beiträge: 2.402
|
|
|
|
11.03.2006 12:42 |
|
|
|
Mai
Mitglied
Dabei seit: 21.09.2006
Beiträge: 23
Herkunft: Windheim - Die Weltmetrop
|
|
|
|
26.05.2007 10:33 |
|
|
|
KinoKarte
really do luv u
Dabei seit: 14.06.2007
Beiträge: 1.492
Herkunft: Deutschland
|
|
|
|
12.02.2009 13:15 |
|
|
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 |
|
|
|
Katrin91
Pferdefreund ^^
Dabei seit: 30.01.2006
Beiträge: 1.483
|
|
Stimmt der Code so?
<html>
<head>
<title>Katrins Homepage</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="http://i14.tinypic.com/2wphv1d.jpg">
<div id="Layer1" style="position: absolute; left: 33px; top: 261px;">
<iframe src="http://www.oyla13.de/cgi-bin/designs/standard1/index.cgi?page=text&id=
70530050&userid
=07526163" name="main" width="228" height="419" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer2" style="position: absolute; left: 370px; top: 997px;">
<iframe src="http://www.oyla13.de/cgi-bin/designs/standard1/index.cgi?page=text&id=
61597122&userid
=07526163" name="menue" width="630" height="557" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
</html>
__________________
Avatar von Artistic Graphics http://www.gegen-bilderklau.net
|
|
|
27.10.2006 13:28 |
|
|
|
schmiddigirl
Fuckin' Princess x3
Dabei seit: 17.02.2007
Beiträge: 1.742
|
|
Ich finds gut erklärt 
nach ein wenig tüfteln hab ichs hinbekommen un kann endlich coden
|
|
|
11.06.2007 11:51 |
|
|
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
|
|
| Zitat: |
Original von Jennylein
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> |
|
dürfte Stimmen, nur beim zweiten nicht Adresse des HGs sondern des Mains / Frames.
Leute, ich helf euch nur wenn ihr Probleme habt, solche Sachen wie 'Ist das richtig? Code+Design' kontrollier ich nicht, weil ich sie euch ja gleich Coden könnte (x
|
|
|
15.07.2005 14:29 |
|
|
|
Sugarfee
Auf dem Weg zu den Sternen
Dabei seit: 09.07.2006
Beiträge: 3.228
Herkunft: Österreich
|
|
|
|
17.02.2008 10:00 |
|
|
Ladüüü
Mitglied
Dabei seit: 07.02.2005
Beiträge: 1.820
Themenstarter
|
|
|
|
14.07.2005 21:25 |
|
|
|
|
  |
Impressum
|
|
