HomepageHelfer.net Designeinbau-Anleitung für Inlineframe

Nur Leserecht (nicht sehen) für alle, ausser Hilfelexikon Mitglieder haben Voll zugang!

Moderator: moni

Benutzeravatar
Dummy
Dummy
Dummy
Beiträge: 131
Registriert: Do 3. Dez 2009, 20:01
Mein Vorname: Anonymous
Kontaktdaten:

HomepageHelfer.net Designeinbau-Anleitung für Inlineframe

Beitragvon Dummy » Mi 5. Sep 2012, 16:40

Vorwort zu Designeinbau-Anleitung

Diese Anleitung ist nur gedacht für Erstellte Design "Inlineframe" von npage-hilfe.net zum einbau auf den Baukasten von npage.de. Hast Du kein Inlineframe nimm diese Einbauanleitung
Ist dein Erworbenes Design nicht von npage-hilfe.net erstellt, und möchtest es bei einer npage.de einbinden, dann nimm bitte diese Einbauanleitung.

Entpacken der ZIP Datei

Zuerst musst Du die von uns erhaltene, oder Gedownloadete ZIP Datei auf deinem Rechner entpacken! Das heisst Du musst die ZIP Datei nicht nur öffnen, sonndern alles aus dem Ordner nehmen. ZIP dateien sollten eigentlich einfach zu Entpacken sein und mit jedem Windows System problemlos zu öffnen und die Dateien an einen anderen platz senden oder Kopieren und in einen Ordner auf deinem Rechner eizufügen!

Nun wird es auf deinem Rechner ungefär so aussehen (siehe bild). Die Datei Index.html, Inhalt.html, style, style_frame ist nur zu demo zwecken da. Index.html kannst Du mit einem Browser öffnen und Du wirst dein Design sehen können ob alles korreckt ist.

Bild

Dateien hochladen

Jetzt gehst Du in den Ordner "bilder" und da wirst viele Grafiken vorfinden und noch zwei CSS Datei mit dem namen "style" und "style_frame". Nicht zu verwechseln mit der gleichnamigen Dateien ausserhalb des Ordner "bilder". Alle diese Grafiken und die CSS Dateien musst Du nun auf deine nPage hochladen. ACHTUNG: Beim hochladen der Grafiken musst Du das Komprimieren entfernen (siehe Bild).
Dateien hochladen kannst auch hier nachlesen.

Bild

Es ist von vorteil oder zu empfehlen wenn du jetzt deine Hochgeladenen Grafiken in einen Ordner Verschieben würdest. Hier nachzulesen.

CSS URL Umbau

Jetzt musst du die URL Adresse der hochgeladenen CSS Dateien mit dem Namen "style" und "style_frame" auf deinem nPage Account finden.
Diese wirst Du unter Dateien - Dateien Verwalten - HTML Dateien finden, oder hier nachzulesen.

Diese URL Adresse der CSS "style" und "style_frame" musst Du nun auf deiner Entpackten ZIP Datei auf deinem Rechner in dem Ordner "Einbau Anleitung" in der text Datei mit dem Namen "header" einbauen und die "style_frame" in der text Datei mit dem Namen "header_frame".

Die Farbig markierte stelle sollst Du ersetzen mit der Kopierten CSS URL von nPage

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Beispielhomepage</title>

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

</head>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link href="style_frame.css" rel="stylesheet" type="text/css" />

<!-- Design von Npage-hilfe.de -->
</head>
<body>
<div>


Jetzt sollte es so aussehen, ausser die Nummer 004305/55 wird bei Dir anders sein!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Beispielhomepage</title>

<link href="http://file1.npage.de/004305/55/html/style.css" rel="stylesheet" type="text/css" />

</head>


Nicht Vergessen diese änderung der Textdatei auf deinem Rechner zu Speichern!

Startseite URL Umbau

Jetzt musst Du noch die einzubindende Startseite (normalerweise "../willkommen.html") in dein Design header Verlinken (nicht zu verwechseln mit deiner Aufzurufenden Startseite "Beschreibung weiter unten").
Diese wirst Du unter Seiten - Unterseiten - Alle Unterseiten-URLs ansehen finden, oder hier nachzulesen.

Diese URL Adresse der Einzubindende Startseite "willkommen.html" und musst Du nun auf deiner Entpackten ZIP Datei auf deinem Rechner in dem Ordner "Einbau Anleitung" in der text Datei mit dem Namen "header" einbauen (ganz unten).

<div id="rahmen">


<iframe src="../willkommen.html" name="Fensterlein" width="600" height="400" marginheight="10" marginwidth="10" align="right">


Nicht Vergessen diese änderung der Textdatei auf deinem Rechner zu Speichern!

Verfasst von goefi-chiangmai


⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔
Euer Dummy

Aktiv in: Hilfen zum Forum
Aktiv in: Demo-Seite.nPage.de
⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔

Benutzeravatar
Dummy
Dummy
Dummy
Beiträge: 131
Registriert: Do 3. Dez 2009, 20:01
Mein Vorname: Anonymous
Kontaktdaten:

Re: HomepageHelfer.net Designeinbau-Anleitung für Inlinefram

Beitragvon Dummy » Mi 5. Sep 2012, 19:37

Vorbereitung für Einbau

Jetzt musst Du eine neue Unterseite (Textseite) erstellen, mit dem Namen "index" (Seiten - Unterseiten - Textseite erstellen).
Die erstellte Unterseite "index" darf kein Inhalt haben. Oeffne sie dazu im HTML-Modus und lösche den Komletten Inhalt. Danach Speichern! Diese Seite muss immer leer sein, und wird danach deine Startseite (mehr dazu unter Schritt 3)!

Design umstellen auf Eigenes Design

Jetzt ist alles Vorbereitet und wir kommen zum eigentlichen Einbau und umstellung auf das eigene Design.
"Design" - "Mein Design" - "Anderes Design auswählen" - "Eigenes Design (17 Framesets vorhanden)" wählen oder hier nachzulesen.

Einbau schritt 1

Jetzt gehe auf "Design" - "Design Einstellungen" danach wähle Frameset auswählen und nimm das erste (1frame) oben links. Bei Problemen lese hier.

Bild

Einbau schritt 2

Jetzt gehe auf "Design" - "Design Einstellungen" danach wähle Styles verwalten.

Jetzt musst Du einen Neuen Style erstellen, und gebe dem Style einen Namen Beispiel: "Npage-hilfe".

Da wirst Du 2 Editoren sehen mit dem Namen "header" und "footer". Bei beiden solltest Du jetzt den bereits bestehende Inhalt komlett löschen und gleichzeitig auf deinem Rechner in der geöffneten ZIP Datei in dem Ordner "Einbau Anleitung" den Kompletten Inhalt von der Datei "header" in den offenen neuen Style im Editor header und der Inhalt der "footer" Datei in den Editor footer reinkopieren.
Danach Speichern.

Bei Problemen zu Punkt 2 lese hier.

Einbau schritt 2 für 2-style (Inhalt)

Jetzt gehe auf "Design" - "Design Einstellungen" danach wähle Styles verwalten.

Jetzt musst Du noch einen Neuen Style erstellen, und gebe dem Style einen anderen Namen Beispiel: "Npage-hilfe-frame".

Da wirst Du 2 Editoren sehen mit dem Namen "header" und "footer". Bei beiden solltest Du jetzt den bereits bestehende Inhalt komlett löschen und gleichzeitig auf deinem Rechner in der geöffneten ZIP Datei in dem Ordner "Einbau Anleitung" den Kompletten Inhalt von der Datei "header_frame" in den offenen neuen Style im Editor header und der Inhalt der "footer_frame" Datei in den Editor footer reinkopieren.
Danach Speichern.

Bei Problemen zu Punkt 2 lese hier.

Einbau schritt 3

Jetzt gehe auf "Design" - "Design Einstellungen" danach wähle Styles zuordnen.

Die neu erstellte seite "index" (ohne Inhalt) musst Du dem Style "npage-hilfe" wo wir im "Einbau schritt 2" erstellt haben zuweisen!
Alle anderen seiten (auch zukünftige) musst Du dem Style "npage-hilfe-frame" wo wir im "Einbau schritt 2 für 2-style" erstellt haben zuweisen!.

Bei Problemen zu Punkt 3 lese hier.

Einbau schritt 4

Jetzt gehe auf "Design" - "Design Einstellungen" danach wähle Einstellungen.
Hier musst du deine neu erstellte "index" seite als Startseite festlegen. Und am besten den Style "npage-hilfe-frame" als Standart Style festlegen.

Bei Problemen zu Punkt 4 lese hier.

Link Einbau

Beim Eigenen Design, müssen die seiten Selber Verlinkt werden. Falls unsere Designteam Dir die Links noch nicht eingebaut haben, kannst Du alles darüber in diesem Beitrag nachlesen (Jedoch ist diese Linkart nicht aufgefürt, aber musst einfach wie im Header bereits vorhanden das "target="framline" drinn lassen).

Jetzt kannst Du deine Webseite Aufrufen und alles überprüfen!

Verfasst von goefi-chiangmai
⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔
Euer Dummy

Aktiv in: Hilfen zum Forum
Aktiv in: Demo-Seite.nPage.de
⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔

Benutzeravatar
Dummy
Dummy
Dummy
Beiträge: 131
Registriert: Do 3. Dez 2009, 20:01
Mein Vorname: Anonymous
Kontaktdaten:

Re: HomepageHelfer.net Designeinbau-Anleitung für Inlinefram

Beitragvon Dummy » Mi 5. Sep 2012, 20:22

Informationen und Bemerkungen!

Falls Du mal Design Grafiken auswechseln möchtest, sind diese URLs in der CSS Datei verlinkt.
Da unser Team aber festgestellt hat, dass beim Einbau eines eigenen Design, die Fehlerquote und Probleme beim einsetzten der Grafik URL sehr gross sind, haben wir unsere ZIP Dateien extra so verpackt das ihr die CSS nur hochzuladen braucht, ohne Verlinkung der URL. Ihr dürft einfach keine Grafik umbenennen und müsst genau nach dieser Beschreibung vorgehen!

Meta Tags Angaben

Unsere Designs haben keine Meta Tags Angaben drin, da sie nPage automatisch in der Grundeinstellung übernommen werden.
Möchtest Du sie aber selber einbauen, was auch Vorteile bringt, kannst du gerne in unserem Tool-shop den Metatag Generator benutzen. Du darfst aber danach nicht Vergessen auf deinem nPage Account die Systemseitige Angaben auszuschalten.

Verfasst von goefi-chiangmai
⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔
Euer Dummy

Aktiv in: Hilfen zum Forum
Aktiv in: Demo-Seite.nPage.de
⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔⇔


Zurück zu „Lösungen zu Npage Hilfelexikon“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast