[Tutorial] Funpic - Homepage erstellen

Supergirl

okay danke, werds mit dem code gleich mal ausprobieren fröhlich

muss die Navigation auch navi.html heißen, oder geht auch Navigation.html ? im designcode habe ich den link zu Navigation.html gesetzt, also müsste das doch gehen, oder?

also muss ich jedes bild so umbennen wie der anme des ordners eigentlich hätte sein müssen? meine frage wäre eher, wie ich bei diesem uploader www2ft.de ordner erstellen kann um dort die bilder drin zu speichern fröhlich

(so war der tipp von der seite wo ich HTML gelernt hab ;-))

danke sehr fröhlich

edit:

mit dem desi klappt das soweit shconmal fröhlich

allerdings sind jetzt die Hintergründe vom Textfeld, der Navi und den News weiß! wie kann cih das ändern?
und noch was: wie kann ich bei der navigation sagen, dass sich die textseiten nicht in der navigation, sondern im Textfeld öffnen?

Supergirl

also das mit dem Hintergrund und mit der Navi klappt jetzt, dank sehr fröhlich

und ich probier einfach mal, einen gesamten ordner hochzuladen... vielleicht klappt das ja ;-)

nun habe ich aber ein viel größeres Problem: meine Schriftfarbe! ich habe überall color=#A5A978 stehen, aber überall ist die schriftfarbe #D6D9AC! habe dazu auch ein hilfethread geöffnet, "CSS-Problem" unter Homepagehilfe, vielleicht könntest du mal schauen?! fröhlich

Supergirl

aso danke ich schau mal fröhlich

zu den bildern: mit ordnern hochladen geht nicht.... =( dann muss ich wohl bei allen bildern die ordnernamen vorne wegnehmen =( alles nohcmal von vorne^^ oder ich frag nochmal die erstellerin von diesem tut, ob sie das gemacht hat und wie das geht fröhlich

Amaita

Zitat:

Original von Jeanny
Leech FTP ist auch ein FTP Hochladeprogramm. Augenzwinkern

Hm... ist ja komisch das, dass nicht funktioniert. ._. Bei mir funktionierts so und ich wüsste nicht wie es anders funktionieren sollte...

so ich habs jetzt smile

Danke trotzdem

BlackLadiey

Super Erklärt.
Jetzt habs sogar ich endlich mal kapiert.

Obsessive

Schön.

Rugby

So, habe jetzt ne textseite gemacht, die abgespeichert...

Meine Fragen:

1.) Was muss ich bei "Server" eingeben bei dieser Seite zum hichladen?
2.) Wie bekomme ich Textseiten auf meine Homepage??

bolop

deinname.de.funpic.de

deinname

deinpw

Dazu empfehle ich Filezilla.

fjorda

Hei toller TUT super erklärt smile

Bei mir geht das hochladen bei www2ftp.de nicht ... da kommt dauernt eine Fehlmeldung kann man das woanders auch noch hochladen...

anna.

FileZilla.

Kimberly. #

ich hab ein Problem unglücklich

solang ich einen Text unter index.html habe ist das kein Problem wird auch angezeigt und blabla.
wenn ich aber meinen Designcode unter index.html speicher und hochlade wird der angezeigt und nicht das Design.

http://causeitry.ca.funpic.de/

Dreamless

<html> MUSS ganz am Anfang stehen. Könnte daran liegen...

Der Code ist allerdings so oder so nicht wirklich sauber

P.S.
Ich habe da inzwischen mal etwas rumeditiert, mit dem folgenden code sieht es zumindest im IE halbwegs brauchbar aus. Für den Firefox kannst du es aber allein schon wegen dem Filter wegschmeissen, weshalb mir wurscht war wie sich das im FF positioniert.

index.html:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

<html> 	
<head> 		
<link rel="stylesheet" type="text/css" href="style.css" /> 	</head> 	 	

<body> 		
<div id="container"> 			
<div id="layer1"> 				
<iframe src="menue.html" name="frame" id="menu" scrolling="auto" style="FILTER: chroma (color=#ffffff)">
</iframe> 			
</div> 			

<div id="layer2"> 				
<iframe src="main.html" name="frame" id="content" style="FILTER: chroma (color=#ffffff)">
</iframe> 			
</div> 		
</div> 	
</body> 
</html>

style.css (MUSS im gleichen Verzeichnis liegen und auch genauso heissen!)

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:

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
}

#container {
	background-image: url('http://i34.tinypic.com/24oxfls.jpg');
	background-repeat: norepeat;
	width: 800px;
	height: 600px;
	margin: 0px auto;
}

#layer1 {
	position: absolute;
	margin-left: -355px;
	margin-top: 112px;
	width: 150px;
	height: 375px;
	float: left;
}

#menu {
	width: 150px;
	height: 375px;
}

#layer2 {
	position: absolute;
	margin-left: -90px;
	margin-top: 112px;
	float: left;
}

#content {
	width: 470px;
	height: 375px;
}

SunnyGold

hm, wie man da jetzt das Layout reinbekommt, habe ih immeroch nicht ganz gerafft...

fjorda

Zitat:

Original von SunnyGold
hm, wie man da jetzt das Layout reinbekommt, habe ih immeroch nicht ganz gerafft...

puh ich dachte schon ich bin die einzige ich cheks nämlich auch nicht ^^

Vanessa-Anne

mal für die, die's nicht verstehen:

Ich hab das am Anfang auch nicht gerafft, habe mir dann aber selber geholfen, und zwar so:

Ich habe den Code bei NVU abgespeichert, unter index.html. So wird auf index Seite ja aber nur der Code angezeigt, war bei mir zumindest so. Dann geht ihr in eurem FTP einfach auf index.html bearbeiten und löscht den ganzen Inhalt. Dann fügt ihr euren Code ein, den ihr für euer Layout habt. Dann müsste es gehen und das Layout ist auf der Startseite zu sehen.
Danach könnt ihr dort auch nocht Main & Menü einstellen, etc. ;>

Vll. hilft euch das so ja weiter :-D

SunnyGold

danke für eure Antworten ich probier's gleich mal aus und melde mich dann wieder smile

SunnyGold

http://wira.wi.funpic.de/index.html

ok, also bis dahin war's ja noch halbwegs einfach...wie mach ich das, dass wenn ich auf den link gehe, die seite im Frame erscheint und nicht als neue Seite? mal klappts und mal nicht... - .-

wenn ich jetzt zum beisppiel die seite impressum durch den link im main (impressum...natürlich) im frame haben möchte, was muss ich tun, damit die seite nicht neu erscheint...

ich hoffe die erklährungsversuche sind nicht zu abstrackt *Gg*

SunnyGold

so hier:

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>index</title>
</head>
<body>
<img src="http://wira.wi.funpic.de/rvlayout1.jpg">
<div id="Layer1"
 style="position: absolute; text-align: center; top: 199px; left: 263px; width: 654px; height: 406px;"><iframe
 src="testseite.html" name="frame" noresize=""
 style="border: 0px none ;" ;="" frameborder="0"
 height="438" scrolling="auto" width="684"></iframe></div>
<div id="Layer1"
 style="position: absolute; top: 220px; height: 397px; left: 110px; width: 112px; text-align: left;">
<small style="color: rgb(192, 181, 151);"><span
 style="font-family: Verdana;"><a
 href="http://wira.wi.funpic.de/testseite.html"><span
 style="color: rgb(174, 159, 115);">Startseite</span></a><span
 style="color: rgb(174, 159, 115);"></span><br
 style="color: rgb(174, 159, 115);">
<span style="color: rgb(174, 159, 115);">Impressum</span><br
 style="color: rgb(174, 159, 115);">
<span style="color: rgb(174, 159, 115);">Bildnachweis<br>
</span></span></small><small
 style="color: rgb(192, 181, 151);"><span
 style="font-family: Verdana;"><span
 style="color: rgb(174, 159, 115);">Kontakt</span></span></small><br>
<small style="color: rgb(192, 181, 151);"><span
 style="font-family: Verdana;"><span
 style="color: rgb(174, 159, 115);"><br>
Regeln<br>
Erkl&auml;hrung<br>
Anmeldung<br>
<br>
Anlage<br>
Umgebung<br>
Stallungen<br>
Weiden<br>
Hoftiere<br>
<br>
Schulpferde<br>
Privatpferde<br>
Verkaufspferde<br>
<br>
Verzeichnis<br>
Probemitglieder<br>
Forum<br>
Geburtstage<br>
Kalender<br>
folgt...<br>
<br>
<br>
<br>
<br>
<br>
<br>
</span></span></small></div>
</body>
</html>

Dreamless

*hust*

Die Doctype sollte Frameset beinhalten, nicht Transitional... Sonst ists nicht valide.

*böses teufelchen ist*

EDIT sagt das Layer entweder class-bezeichnungen bekommen oder nur einmal vergeben werden, ID's sind einmalige Identifier, nichts was inflationär vorkommt.

SunnyGold

@Jeanny, also das hat jetzt irgendwie noch mehr durcheinander gebracht, als es vorher war ^^

vorherige Seite

nächste Seite

Forensoftware: Burning Board, entwickelt von WoltLab GmbH