|
|
| Autor | Nachricht |
|---|
Jasaya
Einsame Spitze.
Anzahl der Beiträge: 490
Anmeldedatum: 22.06.08
Alter: 15
 | | Thema: Layout coden (Art Nr. 2) Sa Aug 23, 2008 12:46 pm | |
| Hi, ich code Layouts am liebsten eigentlich so: Teil 1 Also, zuerst brauchen wir ein Layout das mit einem Grafikprogramm gemacht wurde! Als beispiel nehme ich einfach mal dieses: | Spoiler: | | |  |
Jetzt müssen wir unser Layout unterteilen und zwar so, dass wir eine Tabelle haben! Das darfst du natürlich nicht einzeichnen! Nur in Gedanken! Hier mal ein Beispiel! 1 steht für Scrollbox, 2 für Überschrift
| Spoiler: | | |  |
Wir haben jetzt 8 Zeilen und 2 Spalten! Wichtig! Das brauchen wir für den nächsten Schritt!
Teil 2
Für Teil 2 brauchst du Nvu!
Öffne Nvu und klicke auf Tabelle
| Spoiler: | | |  |
es öffnet sich ein neues Fenster. Nun gehen wir auf Präzise und geben Anzahl der Spalten und Zeilen, Breite der tabelle und Rand: 0 an! bei unserem Beispiel müssen wir dann folgendes angeben:
Zeilen: 8
Spalten: 2
Breite: 800 Pixel
Rand:0
jetzt auf ok klicken
mache doppelklick auf das erste Kästchen. Wieder öffnet sich ein neues Fenster. dort klickst du ganz oben auf Tabelle--> erweitert...
jetzt schreibst du in das erste Feld background und in das zweite die URL von deinem Layout (du musst es vorher hochladen)
Ok--> Anwenden--> Ok
nun müssen wir die Tabelle verlängern! Und zwar genau auf die Größe welche unser Gimplayout hat! Als nächstes verschieben wir die Tabelle ein wenig! bei mir sieht das jetzt so aus:
| Spoiler: | | |  |
die Scrollboxen
schreibe in das Kästchen wo die Scrollbox rein soll höhe und breite des Kästchens! Jetzt ziehe von der höhe 6 pixel ab
gehe unten auf Quelltext und suche die Stelle wo dein Text steht! merke dirhöhe und breite und füge an der Stelle wo zuvor der Text (höhe und breite halt^^) stand diese Scollbox ein:
| Code: | <div
style="float: left; overflow: auto; width: 400px; height: 200px;"><span
style="font-weight: bold;"></span><span
style="color: rgb(98, 102, 54);">
<br>
text text text text text <br>
<br>
</span> </div>
|
width: höhe
height: breite
color: Farbe
schreibe die höhe und breite rein
das machst du auch mit den anderen Scrollboxen
jetzt kannst du über den normalmodus noch schriftart, Schriftfarbe... verändern! Das ist relativ einfach also erklär ich es nicht extra! hoffe das war verständlich! Viel Spaß beim Layouts coden!
lg Mesa |
|
| | |
NiciItachi
Einsame Spitze.
Anzahl der Beiträge: 665
Anmeldedatum: 22.04.08
Alter: 18
Ort: Ein kleines idyllisches Kaff irgendwo zwischen Hamburg und Lübeck
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 1:54 pm | |
| Danke für das Tut!
Ich hab mir meine Lays sonst immer mühsam aus allem zusammen gebastelt, das hier klingt einfacher.
Werde es gleich mal ausprobieren. |
|
| | |
Jasaya
Einsame Spitze.
Anzahl der Beiträge: 490
Anmeldedatum: 22.06.08
Alter: 15
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 1:55 pm | |
| |
|
| | |
sweeti800
Moderator
Anzahl der Beiträge: 2140
Anmeldedatum: 14.04.08
Alter: 17
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 2:42 pm | |
| super tut, aber hab einige kritikpunkte dazu würd ich nvu empfehlen und nicht phase5. da nvu meistens den oberen teil selber schreibt | Code: | <html> <head> </head> <body> <table style="width: 800px;" align="center" background="URL VOM BILD" border="0" cellpadding="0" cellspacing="0"> <tbody> |
und das ende wird meistens auch von selbst geschrieben
| Code: | </tbody>
</table>
</body>
</html>
|
wäre vielleicht gut wenn das erklärt wird dass das dazu gehört, habs selber so noch nicht ausprobiert da ich die tabelle immer reinschreibe
| Code: | <tr>
<td height="200" width="400">
</td>
<td height="200" width="400">
</td>
</tr> |
oder dass es nicht in zwei teile geteilt ist
| Code: | <tr>
<td colspan="2" height="250" witdth="800">
</td>
</tr> |
dazu muss man noch sagen man muss die pixel abschätzen können den im gesamten dürfen es nicht mehr wie 1000px höhe sein wenn das gimp layout 1000px höhe, sonst wiederholt sich der hintergrund
es sieht hier wirklich leichter aus wie es ist
ich hoffe du bist mir dafür jetzt nicht böse_________________  set ©by kilometerweit foto ©by pasotraspaso (flickr) |
|
| | |
Jasaya
Einsame Spitze.
Anzahl der Beiträge: 490
Anmeldedatum: 22.06.08
Alter: 15
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 2:59 pm | |
| nein, aber ich bin nur verwirrt weil man für dieses Tut doch Nvu und nicht Phase 5 braucht...   |
|
| | |
sweeti800
Moderator
Anzahl der Beiträge: 2140
Anmeldedatum: 14.04.08
Alter: 17
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 3:06 pm | |
| ja, ich meinte nur wenn jemand nurphase5 hat und sich dann aufregt dass es nicht so klappt _________________ set ©by kilometerweit foto ©by pasotraspaso (flickr) |
|
| | |
Jasaya
Einsame Spitze.
Anzahl der Beiträge: 490
Anmeldedatum: 22.06.08
Alter: 15
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 3:08 pm | |
| STEHT DOCH AM aNFANG VON tEIL" DASS MAN nVU BRAUCHTßßß1 uups..... sorry wegen der Großschrift! aber 9is ja egal jeder weiß jetzt dass man Nvu braucht und basta^^ |
|
| | |
NiciItachi
Einsame Spitze.
Anzahl der Beiträge: 665
Anmeldedatum: 22.04.08
Alter: 18
Ort: Ein kleines idyllisches Kaff irgendwo zwischen Hamburg und Lübeck
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 3:24 pm | |
| So, ich habe es jetzt ausprobiert und habe folgendes Problem: In der NVU Ansicht ist alles richtig: | Spoiler: | | |
|
Wenn ich es aber auf mein Profil mache, ist die Schrift plötzlich nicht mehr da, wo sie hingehört:
| Spoiler: | | |
|
Weiß irgendwer, was ich machen kann? |
|
| | |
Jasaya
Einsame Spitze.
Anzahl der Beiträge: 490
Anmeldedatum: 22.06.08
Alter: 15
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 3:27 pm | |
| ich nicht... aber bei mir ist das auch oft... drück doch einfach enter??!! |
|
| | |
sweeti800
Moderator
Anzahl der Beiträge: 2140
Anmeldedatum: 14.04.08
Alter: 17
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 3:33 pm | |
| du musst entweder das willkommen in eine extra tabelle geben oder die scrollbox kliener machen, mach mal bei nvu so viel enter bis man die scrollbox sieht dann kansst du auch sagen ob sie kleiner sein muss oder nicht _________________ set ©by kilometerweit foto ©by pasotraspaso (flickr) |
|
| | |
La_musique
Portrait Zeichner
Anzahl der Beiträge: 77
Anmeldedatum: 23.08.08
Alter: 16
Ort: hessen
| | Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 7:18 pm | |
| |
|
| | |
patüü
Grafik Ass
Anzahl der Beiträge: 41
Anmeldedatum: 28.07.08
Alter: 17
| | Thema: Re: Layout coden (Art Nr. 2) So Aug 24, 2008 2:33 pm | |
| super erklärt, nur ich weiß nich was ich machen soll. denn wenn ich mein lay als Background einfügen will, und auch den URL link davon einsetzte passiert nix...weißt du was ich machen kann?? oder soll?? |
|
| | |
Jasaya
Einsame Spitze.
Anzahl der Beiträge: 490
Anmeldedatum: 22.06.08
Alter: 15
| | Thema: Re: Layout coden (Art Nr. 2) So Aug 24, 2008 6:17 pm | |
| also, du musst in das erste Feldchen bachground schreiben und in das 2. die Url. Dann gehst du auf Ok dan musst du (ganz wichtig) Anwenden drücken und dann wieder Ok |
|
| | |
patüü
Grafik Ass
Anzahl der Beiträge: 41
Anmeldedatum: 28.07.08
Alter: 17
| | Thema: Re: Layout coden (Art Nr. 2) So Aug 24, 2008 7:20 pm | |
| ...ich hab das jetzt öfters hintereinander versucht, und es geht tortzdem nich...bin ich zu blöd dafür??  |
|
| | |
Jasaya
Einsame Spitze.
Anzahl der Beiträge: 490
Anmeldedatum: 22.06.08
Alter: 15
| | Thema: Re: Layout coden (Art Nr. 2) So Aug 24, 2008 7:26 pm | |
| hmmm, warte mal ne Zeit manchmal muss er die Grafik noch laden... |
|
| | |
|
