Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
 |
|
Hallo 
Ich hab ein kleines Problem.
Ich hab mein Layout fertig, aber ich weiß einfach nicht wie ich meine Texte in den Content bekomme.
http://justcolorlesss.ju.funpic.de
Da wo {PLACE CONTENT} steht soll mein Willkommenstext stehen!
Und wenn man auf meine Navigationslinks klickt sollte man ebenfalls die jeweiligen Seiten im Content sehen.
Doch wie mache ich das? Habe ich irgendwo einen Fehler gemacht?
Lg Olsen Twins
|
|
09.10.2009 22:41 |
|
|
Perpetual
BENUTZER HAT DIE LÖSCHUNG BEANTRAGT
Dabei seit: 05.02.2006
Beiträge: 18.663
|
|
Dann ersetz das {PLACE CONTENT} doch durch deinen Inhalt? 
Die Links müssten sich dann eigentlich auch im Content öffnen.
|
|
|
09.10.2009 22:54 |
|
|
Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
Themenstarter 
|
|
hm.
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>testseite</title>
</head>
<body>
Testseite<br>
<b>fett</b> <i>kursiv</i> <u>unterstrichen</u>
</body>
</html> |
|
Das ist meine Testseite!
Wo soll ich das nun einsetzen? o.ô
|
|
|
10.10.2009 14:01 |
|
|
Julia712
Mitglied
Dabei seit: 28.11.2006
Beiträge: 2.262
|
|
Hey,
du musst keine eigene Seite machen.
Du musst die index.html editieren und dort das {PLACE CONTENT} mit deinem Inhalt ersetzen, wie Rainbow. schon gesagt hat.
Wenn du deine testseite.html einbauen möchtest, musst du dir, wie BlackTear schon sagte, das Design als I-Frame coden. Derzeit ist es so gecodet, dass du den Text immer in der index.php eintragen musst, bzw. den Code in die anderen Seiten übernehmen musst und dann den Inhalt ersetzen kannst.
Lg, Julia
|
|
|
10.10.2009 14:05 |
|
|
Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
Themenstarter
|
|
Ach so...
also, wenn ich dass jetzt so lasse muss ich meine Startseite immer im Index.html ändern und wenn ich eine andere Seite haben will muss ich das ganze vom Index.html übernehmen und nur den Text der im Content steht ändern! Wenn ich das richtig verstanden habe. ..
Änder ich dass aber nun so um, dass es wie in dem Tutorial ist, müsste ich nicht immer alle Seiten anpassen, wenn ich zum Beispiel ein anders farbiges Design habe...
|
|
|
10.10.2009 14:12 |
|
|
Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
Themenstarter
|
|
| 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:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>waiting for L O V E. ♥</title>
</head>
<body>
<img src="http://justcolorlesss.ju.funpic.de/pictures/174.jpg">
<div id="menue"
style="position: absolute; left: 500px; top: 62px;"><iframe
src="menue.html" name="frame" noresize=""
style="border: 0px none ;" ;="" frameborder="0"
height="202" scrolling="no" width="190"></iframe></div>
<div id="main"
style="position: absolute; left: 34px; top: 62px;"><iframe
src="main.html" name="frame" noresize=""
style="border: 0px none ;" ;="" frameborder="0"
height="631" scrolling="yes" width="400"></iframe></div>
<div id="yourtext"
style="position: absolute; top: 62px; left: 722px;"><iframe
src="yourtext.html" name="frame" noresize=""
style="border: 0px none ;" ;="" frameborder="0"
scrolling="no" width="200"></iframe></div>
<div id="credits"
style="position: absolute; top: 62px; left: 722px;"><iframe
src="credits.html" name="frame" noresize=""
style="border: 0px none ;" ;="" frameborder="0"
scrolling="no" width="200"></iframe></div>
</body>
</html>
|
|
okay... ich hab das jetzt mal gecodet... aber
1. jetzt habe ich diesen rießen großen weißen Rand o.ô
so und
2. wie schaff es, die Seiten auch wirklich dort angezeigt werden wo sie sollen?
3. wie bekomm ich es hin, dass mein Text ganz oben rechts immer angezeigt wird? oder geht das automatisch wenn ich auf index.html gehe...?!
|
|
|
10.10.2009 14:38 |
|
|
Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
Themenstarter
|
|
|
|
10.10.2009 18:17 |
|
|
Julia712
Mitglied
Dabei seit: 28.11.2006
Beiträge: 2.262
|
|
Hey,
ist doch schon mal super
| 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:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>waiting for L O V E. ♥</title>
</head>
<body bgcolor="#052226">
<img src="http://justcolorlesss.ju.funpic.de/pictures/174.jpg">
<div id="menue"
style="position: absolute; left: 500px; top: 62px;"><iframe
src="menue.html" name="menue" noresize=""
style="border: 0px none ;" ;="" frameborder="0"
height="202" scrolling="no" width="190"></iframe></div>
<div id="main"
style="position: absolute; left: 34px; top: 62px;"><iframe
src="main.html" name="main" noresize=""
style="border: 0px none ;" ;="" frameborder="0"
height="631" scrolling="yes" width="400"></iframe></div>
<div id="yourtext"
style="position: absolute; top: 62px; left: 722px;"><iframe
src="yourtext.html" name="yourtext" noresize=""
style="border: 0px none ;" ;="" frameborder="0"
scrolling="no" width="200"></iframe></div>
<div id="credits"
style="position: absolute; top: 62px; left: 722px;"><iframe
src="credits.html" name="frame" noresize=""
style="border: 0px none ;" ;="" frameborder="0"
scrolling="no" width="200"></iframe></div>
</body>
</html>
|
|
Habe den Frames jetzt namen zugewiesen.
So kannst du jetzt in der menue.html so verlinken:
| code: |
1:
|
<a href="deineseite.html" target="main">Deine Seite</a> |
|
Durch die bgcolor-Angabe im body-tag, hast du auch den weißen Hintergrund durch den dunkelgrünen ersetzt, den du haben wolltest 
Um die Seiten nun dort angezeigt zu bekommen, wo du sie haben willst, musst du sie einfach noch erstellen.
Das heißt, du brauchst eine main.html, in die du den Seiteninhalt schreibst, eine menue.html, in der du die ganzen Links abspeicherst und eine yourtext.html, in der du dein 'yourtext-text' schreibst.
Die Seiten werden dann dort angezeigt, wo im Moment noch die Werbung kommt.
Sobald du die index.html startest, wird main.html, menue.html und yourtext.html an die entsprechenden Stellen eingebaut. Damit yourtext.html immer dort stehen bleibt, musst du einfach gar nichts machen und in der menue.html imme rschön mit target=main arbeiten
Lg, Julia
|
|
|
10.10.2009 18:50 |
|
|
|
Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
Themenstarter
|
|
| Zitat: |
_________________________________________________________
EDIT:
Es hat alles bestens geklappt... jedoch hab ich noch Fragen:
Wie schaffe ich es, dass mein Test in der Schrift steht wie ich das will, also zu mindestens der yourtext und das navi und wie ich den Hintergrund in der jeweiligen Farbe (oder eben dem Hintergrundbild) bekomme?
Es soll ja so aussehen:
http://justcolorlesss.ju.funpic.de/xxxx.html
Es sieht aber noch so aus:
http://justcolorlesss.ju.funpic.de
Außerdem: Ich möchte nicht immer die yourtext.html oder die navi.html oder die anderen Seiten ändern müssen, wenn ich meine Index.html ändere.
Kann ich das auch irgendwie als Befehl in der index.html angeben, so dass sich das alles automatisch ändert? |
|
|
|
12.10.2009 10:13 |
|
|
Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
Themenstarter
|
|
| 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:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
|
body {
background:#50222F;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-body: 0px;
cursor: crosshair;
}
a:link, a:visited, a:active {
color: #A96977;
text-decoration: none;
letter-spacing: 0px;
font-size: 11px;
font-family:Tahoma;
display:normal;
background: #011e21;
font-weight: strong;
}
.background {
background: #50222F;
position: absolute;
scroll: no;
width: 1024px;
height: 768px;
align: left;
top: 0px;
left: 0px;
border: 0px none;
}
.navi {
overflow:none;
position: absolute;
background: #491F2B;
}
.yourtext {
background-color:transparent;
overflow:none;
position:absolute;
color: #EDE2C6;
font-family:Tahoma;
text-align: justify;
font-size: 11px;
}
.main {
overflow:none;
position:absolute;
background: #50222F;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom:5px;
}
h1 {
color: #A96977;
font-family:Tahoma;
font-size: 12px;
line-height:13px;
letter-spacing: 0px;
text-align: center;
border-bottom: 2px solid #001b1f;
margin-bottom: 0px;
margin-top: 13px;
}
b, strong {
color: #A96977;
text-weight: bolder;
}
i, em {
color: #A96977;
}
u {
color: #A96977;
border-bottom: 2px solid;
}
s, strike, del {
color: #A96977;
} |
|
Okay es funktinoiert eig alles
Das meiste vom style.css wird übernommen.
Nur das Transparent vom yourtext und die Schriftfarbe sowie Schriftart wird nicht übernommen o.ô
Und wenn ich neue Seiten mache, sowie die Aboutme Seite, müsste sich dass dort auch in meine Formatiertung umwandeln o.ô oder nicht?
|
|
|
13.10.2009 10:50 |
|
|
Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
Themenstarter
|
|
super danke... jetzt klappt eig alles...
nur der Hintergrund sollte bei dem yourtext transparent sein. Ichhab das auch angegeben:
background-color:transparent;
|
|
|
13.10.2009 21:50 |
|
|
Olsen Twins
Twinnymini <3
Dabei seit: 05.10.2005
Beiträge: 554
Herkunft: Hessen <3
Themenstarter
|
|
http://justcolorlesss.ju.funpic.de/
geht nicht =(
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>waiting for L O V E. ♥</title>
<link rel="stylesheet" href="style.css">
</head>
<body style="background-color: rgb(5, 34, 38);">
<img style="width: 1056px; height: 792px;" src="http://justcolorlesss.ju.funpic.de/pictures/174.jpg">
<div id="navi" style="position: absolute; left: 500px; top: 62px;" align="center"><iframe src="navi.html" name="menue" noresize="" style="border: 0px none ;" ;="" frameborder="0" height="150" scrolling="no" width="120" allowtransparency="true"></iframe></div>
<div id="main" style="position: absolute; left: 34px; top: 62px;" align="justify"><iframe src="main.html" name="main" noresize="" style="border: 0px none ;" ;="" frameborder="0" height="631" scrolling="yes" width="400" allowtransparency="true"></iframe></div>
<div id="yourtext" style="position: absolute; top: 62px; left: 722px;" align="justify"><iframe src="yourtext.html" name="yourtext" noresize="" style="border: 0px none ;" ;="" frameborder="0" scrolling="no" width="200" allowtransparency="true"></iframe></div>
</body>
</html>
|
|
|
|
|
13.10.2009 21:57 |
|
|
Impressum
|
|
