[Tutorial] Funpic - Homepage erstellen

_negel

Zitat:

Original von Sarah-00

Das mit dem Design hat nicht geklappt obwohl ich es als html abgespeichert habe.

Was genau klappt denn nicht?

Obsessive

Hi ihr.
Sorry das es immer noch nicht weitergeschrieben wurde.
Gerade beim Design wollt ihr bestimmt wissen, wies weiter geht.

Ich setze mich nächste Woche ran. ._.

Jesssi

juhuu freu mich schon Freude

.happyness.

Ich will ja nicht nerven, aber ich brauche diesen Thread wirklich! smile

Das ist alles sooo tol erklärt! fröhlich

Obsessive

1. Design hochladen
2. NVU, den Code in HTML-Modus reinkopieren
3. Alles eingeben, wie hier erklärt...
4. das ganze unter "index.html" abspeichern! nichts anderes!

Auf deinem Design kannst du "Frames" erstellen.
Ganz beliebig viele. Ein Frame sind diese Dinger mit "<div>". Augenzwinkern

Bei diesen Fenstern kannst du bestimmen:
- wie groß sie sind (Breite "weight" und Höhe "hight")
- was sie für einen Abstand vom linken Rand haben und vom oberen Rand (left, top)
- was in ihnen stehen soll

Als erstes die beiden rot unterstrichenen Zahlen ändern.
Das sind die Größen eures Designs. Findet es wie folgt heraus:
Design habt ihr ja hochgeladen. Es aufrufen unter der www-Adresse, dann Rechtsklick und auf Eigenschaften und da steht denn (bei mir) "900px × 600px" Und bei euch auch. Die erste Zahl ist immer "weight" die zweite Zahl immer "high".

Also alle 4 ROTEN Zahlen sind für das Design - ersetzt sie. Augenzwinkern

Ersetzt auch die Design-URL!

...........................................................................
.........

Zum Bild:
Die blauen Kästchen sind meine 3 Frames. In allen habe ich etwas anderes.
Ihr könnt auch 2 oder 3 machen. Je nachdem wie ihr wollt.
Und dort könnt ihr halt auch das so anpassen wie ihr möchtet. Die Abstände von den Seiten (rosa) und die Größe (blau). Augenzwinkern

Alles ist immer in Pixel. Schätzt einfach mal wie groß sie sind. Augenzwinkern

oder sucht ein paar andere Tutorials die euch das erklären!

1. DIV
Ihr seht eine Adresse die mit "home.html" endet. Legt so eine Home-Adresse an, die Seite, die dann immer dort vorne am Anfang erscheinen soll.

2. DIV
Die Adresse endet mit "menue.html", weil ich hier das Menü reingesetzt habe.

3. DIV
Das ist das Login. Deshalb "login.html". Ich denke, ihr macht eh nur 2. DIVs, also egal. Augenzwinkern

&& dann GANZ wichtig!:
ganz am Anfang von den Divs steht "<div id"xxx" ..."
Euer Main muss auch "main" heißen und euer "menue" halt "menue".
Ich bin wie ihr merkt ein wenig schreibfaul und erklärfaul.
Versucht es mal alleine, ok? Augenzwinkern

Bei Fragen helfen wir euch alle hier.
Sorry für die kurze Info.

Beautiful

Hi,

Ich kapier das i.wie nicht mit dem design hier mein code und mein Desi smile

<html><head>
<title>Laurent</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<div
style="position: absolute; left: 0px; width: 1000px; top: 0px; height: 550px;">
<img src="http://reithoflaurent.re.funpic.de/laurent.png"
bgproperties="fixed" border="0" height="600"
width="900"></div>

<div id="main"
style="position: absolute; left: 183px; top: 100px;">
<iframe src="http://reithoflaurent.re.funpic.de/home.html"
name="main" ;="" allowtransparency="yes"
target="main" frameborder="0" height="180"
scrolling="auto" width="532"></iframe></div>

<div id="menu"
style="position: absolute; left: 350px; top: 130px;">
<iframe src="http://reithoflaurent.re.funpic.de/menue.html"
name="menu" ;="" allowtransparency="yes"
target="main" frameborder="0" height="400"
scrolling="auto" width="520"></iframe></div>
</body>
</html>

und das desi

http://reithoflaurent.re.funpic.de/laurent.png

??

Bei mir wird nur das geöffnet und man sieht nicht das design.

kliick

anna.

code:

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

<html>
<head>
<title>Laurent</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div style="position: absolute; left: 0px; width: 1000px; top: 0px; height: 550px;">
<img src="http://reithoflaurent.re.funpic.de/laurent.png" bgproperties="fixed" border="0" height="600" width="900"></div>

<div id="main" style="position: absolute; left: 183px; top: 100px;">
<iframe src="http://reithoflaurent.re.funpic.de/home.html" name="main" ;="" allowtransparency="yes" target="main" frameborder="0" height="180" scrolling="auto" width="532"></iframe></div>

<div id="menu" style="position: absolute; left: 350px; top: 130px;">
<iframe src="http://reithoflaurent.re.funpic.de/menue.html" name="menu" ;="" allowtransparency="yes" target="main" frameborder="0" height="400" scrolling="auto" width="520"></iframe></div>
</body>
</html>

kopier das mal in den Editor, speichere es als "index.html" und lad es hoch. Dann müsste es funktionieren.^^
edit: natürlich ohne die Zahlen links, nur die rechte Spalte.
Außerdem sind deine Koordinaten noch falsch..^^

Beautiful

.anna<3 : Ich kapier nicht mit koordinaten !?
Kennst du ein Gutes Ftp programm =?

Fidi'lein

Hmm...ich hab das gleiche prob. wie Beautiful.

<html><head>
<title>D'Equi</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<div
style="position: absolute; left: 0px; width: 900px; top: 0px; height: 600px;">
<img src="http://dequi.de.funpic.de/Desi.jpg"
bgproperties="fixed" border="0" height="600"
width="900"></div>

<div id="main"
style="position: absolute; left: 45px; top: 230px;">
<iframe src="http://dequi.de.funpic.de/home.html"
name="main" ;="" allowtransparency="yes"
target="main" frameborder="0" height="350"
scrolling="auto" width="532"></iframe></div>

<div id="menu"
style="position: absolute; left: 658px; top: 390px;">
<iframe src="http://dequi.de.funpic.de/menue.html"
name="menu" ;="" allowtransparency="yes"
target="main" frameborder="0" height="325"
scrolling="auto" width="168"></iframe></div>
</body>
</html>

Fidi'lein

Hmm geht immer noch nicht....ich habe miene seite auf ohost.de aber is ja eig das gleihe oder ??

das kommt da immer:

http://dequi.de.ohost.de/

**Cuca**

ist der code so richtig? weil irgendwie zeigt der bei funpic mein desi gar nicht an beim index nur ne weiße seite
<html>
<head>
<title>Fleckchen, Pirat, Ronja und Little Nickyta... ...ohne euch 4 Chaoten ist mein Leben unmöglich!</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="ftp://ftp.meine4chaoten.me.funpic.de/Desi.jpg">

<div id="Layer1" style="position: absolute; left: 53px; top: 233px;">
<iframe src="menue.html" name="menue" width="176" height="375" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer2" style="position: absolute; left: 251px; top: 703px;">
<iframe src="home.html" name="main" width="450" height="576" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer3" style="position: absolute; left: 50px; top: 223px;">
<iframe src="news.html" name="newa" width="175" height="175" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
</html>

**Cuca**

jetzt hab ich hier zwar das desi ftp://ftp.meine4chaoten.me.funpic.de/../../../home.html

aber auf der hauptseite: http://meine4chaoten.me.funpic.de ist es immer noch nicht unglücklich

**Cuca**

hmmm...jetzt kommt nur der code und kein desi:

ftp://ftp.meine4chaoten.me.funpic.de/../../../index.html

**Cuca**

--edit-- hat sich erledigt

Fidi'lein

Ich hab meine Seite jetzt bei Ohost.
Aber i.wie hab ich das desi da drin, aber das Menü,WIllkommen und Untermneü nicht. Ich hab das bei 2ftp.de hochgeladen & so aber das is da nich unglücklich

Kann mir jmd helfen ?

Link:
http://dequi.de.ohost.de

Fidi'lein

Ixch hab das ja schon alles 0o
Also ich hab Menü,Untermenü & Willkommen geschrieben und als html abgespeichert. Und die Addy dann im Index.html reinkopiert & gecodet etc. aber da kommt nix -.-

Fidi'lein

Bei MF ist das perfekt (außer halt die Links) & bei IE sieht das so komisch aus 0o

Wie verlinkt man denn die Links ?
Ach, ich guck einfach mal bei der TuT ecke

Amaita

Hey

Super erklärt <3

Nur hab ich ein Problem! Und zwar hab ich jetzt eine Textseite bei www.2ftp.de hochgeladen und möchte sie aber nicht mehr haben, heisst löschen.

Wie mach ich das??

Amaita

danke für die Antwort

also was Leech FTP ist weiß ich nicht x)

Ich habs mal mit der Taste Entfernen versucht, geht aber nicht.
und ich hab oben schonmal auf del(löschen) gedrückt, geht auch nicht und rechtsklick -> löschen geht gar nicht unglücklich

Supergirl

hilfe!

also hab ja bis jetzt alles so gemacht wie es im TUT steht.... allerdings ist ja nichts weiter zum Design geschreiben, deswegen weiß ich jetzt nicht, wie ich es hinkriege, dass er "Deisgncode.html" halt fürs design nimmt...
und wie kann ich die hochgeladenen dateien in Ordner unterteilen? habe nämlich bei allen Bilder "Pferde/.....jpg" hingeschrieben!

bitte helft mir schnell fröhlich

!

danke

vorherige Seite

nächste Seite

Forensoftware: Burning Board, entwickelt von WoltLab GmbH