Gegen Bilderklau - Das Original | Druckvorschau: Texte ins Content

Geschrieben von Olsen Twins am 10.10.2009 um 14:01:

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.ô

Geschrieben von Julia712 am 10.10.2009 um 14:05:

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

Geschrieben von Olsen Twins am 10.10.2009 um 14:12:

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

Geschrieben von Olsen Twins am 10.10.2009 um 14:38:

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. &hearts;</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...?!

Geschrieben von Olsen Twins am 10.10.2009 um 18:17:

http://justcolorlesss.ju.funpic.de/xxxx.html

so sah das alles vorher aus!

Geschrieben von Julia712 am 10.10.2009 um 18:50:

Hey,

ist doch schon mal super fröhlich

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. &hearts;</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 smile

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 fröhlich

Lg, Julia

Geschrieben von Olsen Twins am 10.10.2009 um 19:08:

Okay, danke... ♥
Ich werde das gleich morgen mal probieren fröhlich

Echt vielen Dank Leute fröhlich

Sollte noch was sein werdeich mich wieder hier melden...

Lg Olsen Twins

_________________________________________________________
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?

Geschrieben von Olsen Twins am 12.10.2009 um 10:13:

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?

Geschrieben von Olsen Twins am 12.10.2009 um 11:28:

Das sieht so ähnlich aus wie meine xxxx.html Datei !

Kann man da auch die Schriftart festlegen und wie der Text aussieht wenn er dick, kursiv oder unterstrichen aussieht?

EDIT:

Ich hab jetzt mal deine vorgabe probiert, aber die funkt nicht.
Also ich mal einen Teil von meiner xxxx.html Datei kopiert und probiert (also ich hab sie in style.css umgenannt)

EDIT:
xxxxx

Geschrieben von Olsen Twins am 13.10.2009 um 10:50:

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 fröhlich

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?

Geschrieben von Olsen Twins am 13.10.2009 um 21:50:

super danke... jetzt klappt eig alles...

nur der Hintergrund sollte bei dem yourtext transparent sein. Ichhab das auch angegeben:

background-color:transparent;

Geschrieben von Olsen Twins am 13.10.2009 um 21:57:

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. &hearts;</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>