Fertiges Design einbauen

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:

Fertiges Design einbauen

Beitragvon Dummy » Sa 12. Dez 2009, 21:31

Vorwort zu Design bei nPage einbauen

Hier wollte ich euch mal zeigen wie ihr ein fertiges Design bei nPage einbaut.

Habt ihr euer Design von npage-hilfe.de erworben, und möchtet es auf einer npage.de einbinden, dann benutzt bitte diese Einbauanleitung.

Als erstes wählt ihr für die die es noch nicht getan haben haben das eigene Design aus. Nun lädt ihr das Design auf euren PC und entpackt es in meinen Fall Design 70 von onmouser.

Design bei nPage einbauen

Nun öffnet ihr einmal dem Ordner und sieht dort mehrere Dateien wir laden nun alle Dateien bei nPage hoch (Dateien => Dateien Hochladen) bis auf die html Datei.

Wichtig beim Hochladen ist es die Dateien nicht zu komprimieren!

Nun geht ihr einmal in das Verzeichnis HTML Dateien (zu finden unter Dateien => Verzeichnisse => HTML Dateien) .
Nun bearbeitet ihr einmal die .css Datei.

Bild

Nun macht ihr einfach aus allen Dateien die immer so heißen images/.. die Richtige URL rein die ihr unter Dateien => Bilder findet. (URL adressen der Bilder finden). Am einfachsten ihr logt euch dafür ein zweites mal in einen neuen Tab/Fenster bei nPage ein.

Nun öffnet ihr auf eurem PC die Datei index.html mit einen Text Editor und macht da dasselbe wie mit den CSS Dateien.

Nun sieht ihr im Quelltext einen Teil der bei euch in etwas so aussieht:

Code: Alles auswählen

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


nun tauscht ihr format.css mit der URL aus die erscheint in der Browser leiste wenn ihr auf die .css Datei draufklickt.

In meinem Fall http://file1.npage.de/005412/19/html/format.css (dass selbe mit der anderen .css Datei falls vorhanden).

Im Normalfall müsste im head Bereich ein Code stehen der so heiß (oder ähnlich)t:

Code: Alles auswählen

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


Diesen Tauschen wir durch:

Code: Alles auswählen

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


Nun schaut euch mal dem Quelltext genauer an irgendwo steht nun ein Lehrtext ein Text der nur da steht um dem Anwender zu zeigen wie das Design mit Text aussieht.

In meinen Fall:

<h2>Das Layout</h2>

Dieses Design heisst: "Katzen-Augen".
<br>
<br>
Im Dunkeln sieht man die Augen des J&auml;gers der Nacht funkeln. Das obere Men&uuml; ist hier mal direkt zwischen die Augen gesetzt. Ein kleiner "Hingucker" sozusagen.

Nun kopieren wir alles was vor dem Text steht in die Zwischenablage . Und erstellen einen neuen Style unter Design => Design Einstellungen => Styles verwalten => Neuen Style erstellen.

Bild

Bild

Dort fügen wir was in der Zwischenablage im Kästchen header ein.

Und alles was hinter dem Lehrtext steht, fügen wir im Kästchen footer ein.

Und nun nicht vergessen auf Übernehmen klicken nun ist der Style fertig.

Nun gehen wir auf Styles zuordnen und markieren alle Textseiten und ordnen sie zu.

Nun wählen wir Frameset wählen und wählen 1 Frame aus.

Nun noch mal auf Einstellungen und wählen bei Startseite 1 die Seite aus die ihr als Startseite haben wollt.

Das war es auch schon fürs erste :).

Navigation bearbeiten

Nun stellt sich die Frage wie man die Navigation bearbeitet:

Dies geht auch sehr einfach die Navigation befindet sich in dem Style den wir grade eingefügt haben.

Ihr seht ja so ein Teil:

Code: Alles auswählen

<a href="index.html"  >Home</a></td>


Dies könnt ihr bearbeiten so:

Code: Alles auswählen

<a href="Link zur Textseite"  >Home</a></td>


Die Links zur Textseite findet ihr unter Seiten > Textseiten > Alle Textseiten-URLs ansehen.

Das war es auch schon was man noch machen könnte:

Die Suchbegriffe ändern und den tittle ändern ist aber nicht erforderlich wenn dies bereits im nPage Einstellungen getan wurde.

Verfasst von Stundenbanner
Zuletzt geändert von goefi-chiangmai am So 23. Dez 2012, 05:08, insgesamt 22-mal geändert.
Grund: Juli12 Update, andere Gestaltung im Login Bereich


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