Layout coden (Art Nr. 2)

Thema: Layout coden (Art Nr. 2) Sa Aug 23, 2008 2: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)

Layout coden (Art Nr. 2) 31backgroundwh0

Layout coden (Art Nr. 2) 31backgroundwh0

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

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 3: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.

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 3:55 pm

Bitte^^

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 4: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

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 4:59 pm

nein, aber ich bin nur verwirrt weil man für dieses Tut doch Nvu und nicht Phase 5 braucht... confused

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 5:06 pm

ja, ich meinte nur wenn jemand nurphase5 hat und sich dann aufregt dass es nicht so klappt

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 5: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^^

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 5: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?

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 5:27 pm

ich nicht... aber bei mir ist das auch oft... drück doch einfach enter??!!

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 5: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

Thema: Re: Layout coden (Art Nr. 2) Sa Aug 23, 2008 9:18 pm

tolle erklärung!!!

Thema: Re: Layout coden (Art Nr. 2) So Aug 24, 2008 4: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??

Thema: Re: Layout coden (Art Nr. 2) So Aug 24, 2008 8: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

Thema: Re: Layout coden (Art Nr. 2) So Aug 24, 2008 9:20 pm

...ich hab das jetzt öfters hintereinander versucht, und es geht tortzdem nich...bin ich zu blöd dafür?? scratch

Thema: Re: Layout coden (Art Nr. 2) So Aug 24, 2008 9:26 pm

hmmm, warte mal ne Zeit manchmal muss er die Grafik noch laden...

Gast

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

Sry, aber das habe ich nicht ganz verstanden. wo soll ich das reinschreiben? Ind das Kästchen? Aber dann wird ja die Tabelle veraschoben!
Wäre nett wenn du mir das nochmal sagen könntest -.-

Thema: Re: Layout coden (Art Nr. 2) So Aug 31, 2008 7:08 pm

also irgendwie habe ich das gleiche problem wie patüü,wenn ich jetzt aber nen andern link einfüge,von nem ganz andern lay,dann geht das >.<
das is komisch.....

lg
cama

Thema: Re: Layout coden (Art Nr. 2) So Aug 31, 2008 8:59 pm

ich hab jetzt den code für lays genomemn und es geht

Thema: Re: Layout coden (Art Nr. 2) Sa Sep 13, 2008 10:12 pm

Hey!

Also bei mir zeigt der garkein bild an bei NVU. Also das selbe prob. wie patüü und cama. Nur ich hab alles mögliche versucht aber nichts hat funktioniert...

Hilfe???!!!

Lg

Thema: Re: Layout coden (Art Nr. 2) So Sep 14, 2008 8:09 am

Awahatsc schrieb:: "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"

Sry, aber das habe ich nicht ganz verstanden. wo soll ich das reinschreiben? Ind das Kästchen? Aber dann wird ja die Tabelle veraschoben!
Wäre nett wenn du mir das nochmal sagen könntest -.-

du must oben die Spalte nur einmal ein bisschen verstellen und wieder zurück dabnn verzieht sich nichts!

Thema: Re: Layout coden (Art Nr. 2) Mo Sep 15, 2008 4:29 pm

wie kann man die tabelle verschieben?

Thema: Re: Layout coden (Art Nr. 2) Mo Sep 15, 2008 4:35 pm

wie meinst du das??^^

Thema: Re: Layout coden (Art Nr. 2) Mo Sep 15, 2008 9:02 pm

ja immer wenn ich das bild einfüge dann passt die tabelle nicht ganz drauf
und ich weiß net wie man sie vergrößert

Thema: Re: Layout coden (Art Nr. 2) Mi Okt 01, 2008 8:38 pm

hilfe!wenn ich einen doppelklick auzf das erste kästchen mache,kommt da nicht anwendung für >Table< coden >TD<

hilfe!

Gast

?????????? geht nich

» Layout + Coden service
» Wer kann mir ein Layout coden?
» MyBlog.de Layout coden [??]
» Video: Layout coden
» Wer kann mir ein Layout coden?