Table Layout + Iframe |
Startpost-Retter
Mitglied
 
Dabei seit: 24.01.2011
Beiträge: 12.246
Herkunft: Gegen Bilderklau, intern
 |
|
So.
Versuche mich auch mal an einem Tutorial.
Hoffe ich erklär es einigermaßen okay.
Ich hab es jetzt bei myblog gemacht, aber ihr könnt es soweit ich weiß auch bei allen anderen Anbietern machen.
So wird das Lay am Ende aussehen -klick-
Zuerst braucht ihr einen Header. Ich hab einen mit der Größe 400 x 600 genommen.
Wenn ihr den habt, könnt ihr anfangen mit dem coden.
Wir machen das jetzt Schritt für Schritt.
1. Schritt
Wenn ihr den Header habt, fügt ihn in folgenden Code ein.
code: |
1:
|
html><body topmargin=15><center><img src="hier.die.addy.eures.bildes." width="600" height="400" style="border: 1px solid #b3b3b3"></center></body></html> |
|
Die Größe müsst ihr ändern je nach Headergröße. Rand müsst ihr nicht machen, könnt ihr also auf 0px stellen. Hintergrund könnt ihr ja selbst ändern. 'TopMargin' heißt, dass der Header erst bei 15px anfängt, könnt ihn aber auch nach ganz oben oder so setzen, ist ja egal.
2. Schritt
Wenn ihr das habt, könnt ihr das Menü und den Content machen.
code: |
1:
2:
|
<table width="602" border="1" cellpadding=3 cellspacing=3 style="border-collapse: collapse;" bordercolor="#b3b3b3"><tr><td width="100" align="left" valign="top">*Menü*
</td><td valign="top" width="500">*Content*</td></tr></table> |
|
Rand könnt ihr wieder ändern, die Größe des Contents und des Menüs auch. Schaut nur, dass es die Gesamtweite nicht mehr aus 600px beträgt, da es sonst übersteht. Das *Menü* ändern wir beim nächsten Schritt, genauso wie das *Content*.
3. Schritt
Nun kommt der Content dran. Für das *Content* setzt ihr den folgenden Code ein.
code: |
1:
|
<iframe src="eure.seite." name="content" frameborder="1" width="500" height="170"></iframe> |
|
Die Breite müsst ihr ggf. ändern, kommt halt auf euer Headerbild an. Eure Seite müsst ihr nur noch ändern und den Namen 'Content' könnt ihr auch ändern, aber dann müsst ihr es auch bei dem Menü machen. Und das beim nächsten Schritt.
4.Schritt
Anstatt dem *Content* setzen wir jetzt folgenden Code ein.
code: |
1:
2:
3:
4:
|
<a href="eure zusatzseite" target="content">Link</a><br>
<a href="eure zusatzseite" target="content">Link</a><br>
<a href="eure zusatzseite" target="content">Link</a><br>
<a href="eure zusatzseite" target="content">Link</a><br> |
|
Also immer eure Zusatzseiten. Vergesst auf keinen fall das Target="content". Wenn ihr den Content oben anders benannt habt, müsst ihr es hier natürlich auch so nennen. Das bezweckt nämlich, dass sich die Seiten auch im Content öffnen. Es ist egal, wieviele Zusatzseiten ihr macht, das Menü wächst ja immer mit.
5. Schritt
So. Eigentlich seid ihr nun fertig.
Jetzt könnt ihr noch CSS anpassen. Also Linkeffekte ect.
Das macht ihr genauso wie bei einem normalen Layout.
So, ich hoffe, es ist kein Fehler drin & ich hab es einigermaßen verständlich erklärt.
__________________ Dieser Beitrag gehörte zu einer Löschaktion von Beiträgen eines Users, er wurde diesem User überschrieben, damit der Thread nicht an Sinn verliert.
|
|
12.11.2005 08:28 |
|
|
Lilly17

Mitglied
 

Dabei seit: 12.02.2005
Beiträge: 390
Herkunft: Germany
 |
|
Hey...
danke für das Tutorial... musste ein bisschen rumprobieren, damit es funktioniert, aber ohne deine Hilfe hätte ich es nicht geschafft, danke
Habe allerdings einen Fehler gefunden
Bei Schritt 4 hast du geschrieben, man solle *Content* ersetzen, es müsste aber *Menü* heißen.
Also, vielen Dank, war gut erklärt und hat super geklappt.
__________________

"The difference between a prophet and a poet is that the prophet lives what he teaches - and the poet does not. He may write wonderfully of love, and yet not be loving!" (Kahlil Gibran)
"And ever has it been that love knows not its own depth until the hour of seperation." (The Prophet by Kahlil Gibran)
|
|
18.11.2005 15:15 |
|
|
Sallysha
Mitglied
 
Dabei seit: 27.06.2005
Beiträge: 2.703
 |
|
Echt cool erklärt, klappt alles suer!
|
|
22.12.2005 15:27 |
|
|
mrs.sun

Fotografin
 

Dabei seit: 21.05.2005
Beiträge: 762
 |
|
will uns den keiner helfen????
|
|
14.03.2006 17:12 |
|
|
mrs.sun

Fotografin
 

Dabei seit: 21.05.2005
Beiträge: 762
 |
|
|
14.03.2006 20:47 |
|
|
mrs.sun

Fotografin
 

Dabei seit: 21.05.2005
Beiträge: 762
 |
|
|
15.03.2006 18:20 |
|
|
-Katja-

milchschüttelchen
 

Dabei seit: 09.02.2005
Beiträge: 6.520
Herkunft: NRW
 |
|
Bei mir ist der auch nur 170 hoch und passt sich net an oO
Aber egal XD
|
|
16.03.2006 15:16 |
|
|
Runner

Mitglied
 
Dabei seit: 05.03.2005
Beiträge: 4.472
 |
|
|
09.04.2006 00:03 |
|
|
Milka

Liebe ist.....
 

Dabei seit: 31.01.2006
Beiträge: 79
Herkunft: Lich (son Klein-Kaff)
 |
|
Meinst du mit Header die Grafik die da oben bei deinem Beispiel desi is wo allein draufsteht?
MILKA
__________________
was soll ich tun?
wo soll ich hin,
wenn meine seele an dir hängt,
mein Herz das deine sucht,
bis das Glück mir zeigt,
was sich hinter dir verbirgt,
es ist nicht leicht von jemand
wie dir gezogen zu werden,
gezogen, gezogen in ein schwarzes tiefes Loch!
Forever in Love, forever with you, i wish we, but you go away, only me.
|
|
17.04.2006 21:14 |
|
|
VRH Pferde
Mitglied
 

Dabei seit: 18.02.2006
Beiträge: 2.402
 |
|
hab leider auch das prob. mit den scrollbars und dass es sich net anpasst
|
|
28.08.2006 20:18 |
|
|
Audrey

Mitglied
 

Dabei seit: 04.06.2005
Beiträge: 1.121
Herkunft: Spanien
 |
|
Bei mir ist der Scrollbalken auch da... wieso?
__________________ KLICK
|
|
29.08.2006 21:27 |
|
|
|
|
 |
Impressum
|